@extends('layouts.app')
@section('content')
@section('css')
@endsection

<div class="container">
    <h2>
        Catering Page
        <a href="{{ route('catering-page-carousel.index') }}" class="btn btn-primary pull-right">
            Manage Catering Page Carousel
        </a>
    </h2>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <form action="{{ url('admin/catering-page') }}" method="POST" enctype="multipart/form-data">
        {{ csrf_field() }}

        <div class="form-group">
            <label>Title</label>
            <input type="text" name="title" value="{{ old('title', $page->title ?? '') }}" class="form-control">
        </div>

        <div class="form-group">
            <label>Subtitle</label>
            <input type="text" name="subtitle" value="{{ old('subtitle', $page->subtitle ?? '') }}" class="form-control">
        </div>

        <div class="form-group">
            <label>Description</label>
            <textarea name="description" class="form-control" rows="4">{{ old('description', $page->description ?? '') }}</textarea>
        </div>

        <div class="checkbox">
            <label>
                <input type="checkbox" name="show_image" {{ isset($page) && $page->show_image ? 'checked' : '' }}> Show Image
            </label>
        </div>

        <div class="form-group">
            <label>Image</label><br>
            @if(isset($page) && $page->image)
                <img src="{{ asset('/laravel_code/storage/app/public/' . $page->image) }}" width="300" class="mb-2"><br>
            @endif
            <input type="file" name="image" class="form-control">
        </div>

        <button class="btn btn-primary">Save</button>
    </form>
</div>

@section('js')
@endsection
@endsection