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

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

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

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

        <div class="row">
            <div class="col-md-6">
                <label>Title</label>
                <input type="text" name="title" value="{{ old('title', $data->title ?? '') }}" class="form-control">
            </div>
            <div class="col-md-6">
                <label>Subtitle</label>
                <input type="text" name="subtitle" value="{{ old('subtitle', $data->subtitle ?? '') }}" class="form-control">
            </div>
        </div>

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

        @for ($i = 1; $i <= 4; $i++)
        <div class="row mt-2">
            <div class="col-md-4">
                <label>Menu Title {{ $i }}</label>
                <input type="text" name="menu_title_{{ $i }}" value="{{ old("menu_title_$i", $data->{'menu_title_'.$i} ?? '') }}" class="form-control">
            </div>
            <div class="col-md-8">
                <label>Menu Description {{ $i }}</label>
                <input type="text" name="menu_description_{{ $i }}" value="{{ old("menu_description_$i", $data->{'menu_description_'.$i} ?? '') }}" class="form-control">
            </div>
        </div>
        @endfor

        <div class="form-group form-check mt-3 ml-2">
            <input type="checkbox" name="show_image" class="form-check-input" id="showImage"
                {{ old('show_image', $data->show_image ?? false) ? 'checked' : '' }}>
            <label class="form-check-label" for="showImage">Show Image</label>
        </div>

        <div class="form-group">
            <label>Image</label><br>
            @if(!empty($data->image))
                <img src="{{ asset('/laravel_code/public/'.$data->image) }}" width="300" class="mb-2"><br>
            @endif
            <input type="file" name="image">
            <small class="text-muted d-block">Leave blank to keep current image. Uncheck "Show Image" to remove it.</small>
        </div>

        <button type="submit" class="btn btn-primary mt-3">Save</button>
    </form>
</div>

@section('js')
@endsection
@endsection