@csrf

@if ($meal->exists)
    @method('PUT')
@endif

@php
    $selectedAllergens = old(
        'allergen_ids',
        $meal->exists
            ? $meal->allergens->pluck('id')->all()
            : []
    );

    $addonRows = old(
        'addons',
        $meal->exists
            ? $meal->addons->map(fn ($addon) => [
                'id' => $addon->id,
                'name' => $addon->name,
                'unit_price' => $addon->unit_price,
                'unit_weight_kg' => $addon->unit_weight_kg,
                'maximum_quantity' => $addon->maximum_quantity,
                'display_order' => $addon->display_order,
                'is_available' => $addon->is_available,
            ])->all()
            : []
    );
@endphp

<div class="row">
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white">
                <h2 class="h5 mb-0">Basic Meal Information</h2>
            </div>

            <div class="card-body">
                <div class="mb-3">
                    <label for="category_id" class="form-label">
                        Category
                    </label>

                    <select
                        id="category_id"
                        name="category_id"
                        class="form-select @error('category_id') is-invalid @enderror"
                        required
                    >
                        <option value="">Select category</option>

                        @foreach ($categories as $category)
                            <option
                                value="{{ $category->id }}"
                                @selected(
                                    old(
                                        'category_id',
                                        $meal->category_id
                                    ) == $category->id
                                )
                            >
                                {{ $category->name }}
                            </option>
                        @endforeach
                    </select>

                    @error('category_id')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="name" class="form-label">
                        Meal Name
                    </label>

                    <input
                        type="text"
                        id="name"
                        name="name"
                        value="{{ old('name', $meal->name) }}"
                        class="form-control @error('name') is-invalid @enderror"
                        placeholder="e.g. Jollof Rice with 2 Beef"
                        required
                    >

                    @error('name')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="short_description" class="form-label">
                        Short Description
                    </label>

                    <textarea
                        id="short_description"
                        name="short_description"
                        rows="2"
                        maxlength="300"
                        class="form-control @error('short_description') is-invalid @enderror"
                        placeholder="Short summary displayed on the meal card"
                    >{{ old('short_description', $meal->short_description) }}</textarea>

                    @error('short_description')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="description" class="form-label">
                        Full Description
                    </label>

                    <textarea
                        id="description"
                        name="description"
                        rows="5"
                        class="form-control @error('description') is-invalid @enderror"
                        required
                    >{{ old('description', $meal->description) }}</textarea>

                    @error('description')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="mb-0">
                    <label for="standard_contents" class="form-label">
                        Standard Meal Contents
                    </label>

                    <textarea
                        id="standard_contents"
                        name="standard_contents"
                        rows="3"
                        class="form-control @error('standard_contents') is-invalid @enderror"
                        placeholder="e.g. One portion of Jollof Rice served with two Beef pieces."
                        required
                    >{{ old('standard_contents', $meal->standard_contents) }}</textarea>

                    <div class="form-text">
                        Clearly state what is already included in the standard price.
                    </div>

                    @error('standard_contents')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white d-flex justify-content-between align-items-center">
                <div>
                    <h2 class="h5 mb-1">Optional Add-ons</h2>

                    <p class="small text-muted mb-0">
                        Customers may select multiple add-ons and quantities.
                    </p>
                </div>

                <button
                    type="button"
                    id="add-addon-button"
                    class="btn btn-sm btn-outline-primary"
                >
                    <i class="bi bi-plus-lg"></i>
                    Add Add-on
                </button>
            </div>

            <div class="card-body">
                @error('addons')
                    <div class="alert alert-danger">
                        {{ $message }}
                    </div>
                @enderror

                <div id="addon-container">
                    @foreach ($addonRows as $index => $addon)
                        @include('admin.meals._addon-row', [
                            'index' => $index,
                            'addon' => $addon,
                        ])
                    @endforeach
                </div>

                <div
                    id="no-addon-message"
                    class="text-muted text-center py-4 {{ count($addonRows) ? 'd-none' : '' }}"
                >
                    No optional add-ons have been added.
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white">
                <h2 class="h5 mb-0">Allergen Information</h2>
            </div>

            <div class="card-body">
                <p class="text-muted">
                    Select every allergen that applies to this meal.
                </p>

                <div class="row">
                    @forelse ($allergens as $allergen)
                        <div class="col-sm-6 col-lg-4 mb-3">
                            <div class="form-check">
                                <input
                                    type="checkbox"
                                    id="allergen_{{ $allergen->id }}"
                                    name="allergen_ids[]"
                                    value="{{ $allergen->id }}"
                                    class="form-check-input"
                                    @checked(
                                        in_array(
                                            $allergen->id,
                                            $selectedAllergens
                                        )
                                    )
                                >

                                <label
                                    for="allergen_{{ $allergen->id }}"
                                    class="form-check-label"
                                >
                                    {{ $allergen->name }}
                                </label>
                            </div>
                        </div>
                    @empty
                        <div class="col-12">
                            <div class="alert alert-warning mb-0">
                                No active allergens are available.
                            </div>
                        </div>
                    @endforelse
                </div>

                @error('allergen_ids.*')
                    <div class="text-danger small">
                        {{ $message }}
                    </div>
                @enderror
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white">
                <h2 class="h5 mb-0">Pricing and Delivery</h2>
            </div>

            <div class="card-body">
                <div class="mb-3">
                    <label for="base_price" class="form-label">
                        Standard Price (£)
                    </label>

                    <input
                        type="number"
                        id="base_price"
                        name="base_price"
                        value="{{ old('base_price', $meal->base_price) }}"
                        step="0.01"
                        min="0.01"
                        class="form-control @error('base_price') is-invalid @enderror"
                        required
                    >

                    @error('base_price')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="weight_kg" class="form-label">
                        Standard Weight (kg)
                    </label>

                    <input
                        type="number"
                        id="weight_kg"
                        name="weight_kg"
                        value="{{ old('weight_kg', $meal->weight_kg) }}"
                        step="0.001"
                        min="0.001"
                        class="form-control @error('weight_kg') is-invalid @enderror"
                        required
                    >

                    <div class="form-text">
                        Include the complete standard meal weight.
                    </div>

                    @error('weight_kg')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class="mb-0">
                    <label for="delivery_lead_days" class="form-label">
                        Delivery Lead Time
                    </label>

                    <div class="input-group">
                        <input
                            type="number"
                            id="delivery_lead_days"
                            name="delivery_lead_days"
                            value="{{ old(
                                'delivery_lead_days',
                                $meal->delivery_lead_days ?? 2
                            ) }}"
                            min="0"
                            max="30"
                            class="form-control @error('delivery_lead_days') is-invalid @enderror"
                            required
                        >

                        <span class="input-group-text">
                            working days
                        </span>

                        @error('delivery_lead_days')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>

                <div class="mb-3">
                    <label
                        for="preparation_minutes"
                        class="form-label"
                    >
                        Preparation Workload
                    </label>

                    <div class="input-group">
                        <input
                            type="number"
                            id="preparation_minutes"
                            name="preparation_minutes"
                            value="{{ old(
                                'preparation_minutes',
                                $meal->preparation_minutes ?? 15
                            ) }}"
                            class="form-control @error('preparation_minutes') is-invalid @enderror"
                            min="1"
                            max="1440"
                            required
                        >

                        <span class="input-group-text">
                            minutes per meal
                        </span>
                    </div>

                    <div class="form-text">
                        How much kitchen preparation time one quantity
                        of this meal normally requires. This is used to
                        calculate pickup-slot workload and prevent the
                        kitchen from being overloaded.
                    </div>

                    @error('preparation_minutes')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white">
                <h2 class="h5 mb-0">Meal Image</h2>
            </div>

            <div class="card-body">
                <input
                    type="file"
                    id="image"
                    name="image"
                    accept=".jpg,.jpeg,.png,.webp"
                    class="form-control @error('image') is-invalid @enderror"
                >

                @error('image')
                    <div class="invalid-feedback">
                        {{ $message }}
                    </div>
                @enderror

                <div class="mt-3 text-center">
                    <img
                        id="meal-image-preview"
                        src="{{ $meal->image_url }}"
                        alt="{{ $meal->name ?: 'Meal preview' }}"
                        class="img-thumbnail meal-form-preview"
                    >
                </div>

                <div class="form-text mt-2">
                    Recommended size: 800 × 800 pixels.
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white">
                <h2 class="h5 mb-0">Display Settings</h2>
            </div>

            <div class="card-body">
                <div class="mb-3">
                    <label for="display_order" class="form-label">
                        Display Order
                    </label>

                    <input
                        type="number"
                        id="display_order"
                        name="display_order"
                        value="{{ old(
                            'display_order',
                            $meal->display_order ?? 0
                        ) }}"
                        min="0"
                        class="form-control @error('display_order') is-invalid @enderror"
                        required
                    >

                    @error('display_order')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                @php
                    $checkboxes = [
                        'allows_customisation' => [
                            'label' => 'Allow customer instructions',
                            'default' => true,
                        ],
                        'is_available' => [
                            'label' => 'Available for ordering',
                            'default' => true,
                        ],
                        'is_featured' => [
                            'label' => 'Featured meal',
                            'default' => false,
                        ],
                        'is_vat_applicable' => [
                            'label' => 'VAT applicable',
                            'default' => true,
                        ],
                    ];
                @endphp

                @foreach ($checkboxes as $field => $setting)
                    <div class="form-check mb-3">
                        <input
                            type="checkbox"
                            id="{{ $field }}"
                            name="{{ $field }}"
                            value="1"
                            class="form-check-input"
                            @checked(
                                old(
                                    $field,
                                    $meal->exists
                                        ? $meal->{$field}
                                        : $setting['default']
                                )
                            )
                        >

                        <label
                            for="{{ $field }}"
                            class="form-check-label"
                        >
                            {{ $setting['label'] }}
                        </label>
                    </div>
                @endforeach
            </div>
        </div>

        <button
            type="submit"
            class="btn btn-primary-custom w-100 mb-2"
        >
            {{ $meal->exists ? 'Update Meal' : 'Create Meal' }}
        </button>

        <a
            href="{{ route('admin.meals.index') }}"
            class="btn btn-outline-secondary w-100"
        >
            Cancel
        </a>
    </div>
</div>