@extends('layouts.admin')

@section('title', $meal->name)

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h3 mb-1">{{ $meal->name }}</h1>
        <p class="text-muted mb-0">{{ $meal->category->name }}</p>
    </div>

    <a
        href="{{ route('admin.meals.edit', $meal) }}"
        class="btn btn-primary-custom"
    >
        Edit Meal
    </a>
</div>

<div class="row g-4">
    <div class="col-lg-4">
        <div class="card border-0 shadow-sm">
            <div class="card-body text-center">
                <img
                    src="{{ $meal->image_url }}"
                    alt="{{ $meal->name }}"
                    class="img-fluid rounded meal-detail-image"
                >
            </div>
        </div>
    </div>

    <div class="col-lg-8">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body">
                <dl class="row mb-0">
                    <dt class="col-sm-4">Standard Price</dt>
                    <dd class="col-sm-8">
                        £{{ number_format($meal->base_price, 2) }}
                    </dd>

                    <dt class="col-sm-4">Standard Weight</dt>
                    <dd class="col-sm-8">
                        {{ number_format($meal->weight_kg, 3) }} kg
                    </dd>

                    <dt class="col-sm-4">Delivery Lead Time</dt>
                    <dd class="col-sm-8">
                        {{ $meal->delivery_lead_days }}
                        working day(s)
                    </dd>
                    <dt class="col-sm-4">Preparation Workload</dt>
                    <dd class="col-sm-8">
                        {{ $meal->preparation_minutes }} minutes per meal
                    </dd>

                    <dt class="col-sm-4">Availability</dt>
                    <dd class="col-sm-8">
                        {{ $meal->is_available ? 'Available' : 'Sold Out' }}
                    </dd>

                    <dt class="col-sm-4">Featured</dt>
                    <dd class="col-sm-8">
                        {{ $meal->is_featured ? 'Yes' : 'No' }}
                    </dd>
                </dl>
            </div>
        </div>

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

            <div class="card-body">
                <p>{{ $meal->description }}</p>

                <h3 class="h6">Included in the standard meal</h3>

                <p class="mb-0">{{ $meal->standard_contents }}</p>
            </div>
        </div>

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

            <div class="card-body">
                @forelse ($meal->allergens as $allergen)
                    <span class="badge text-bg-warning me-1 mb-1">
                        {{ $allergen->name }}
                    </span>
                @empty
                    <p class="text-muted mb-0">
                        No allergens have been assigned.
                    </p>
                @endforelse
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white">
                <h2 class="h5 mb-0">Optional Add-ons</h2>
            </div>

            <div class="card-body">
                @forelse ($meal->addons as $addon)
                    <div class="border-bottom py-3">
                        <div class="d-flex justify-content-between">
                            <strong>{{ $addon->name }}</strong>

                            <span>
                                £{{ number_format($addon->unit_price, 2) }}
                            </span>
                        </div>

                        <div class="small text-muted">
                            Weight:
                            {{ number_format(
                                $addon->unit_weight_kg,
                                3
                            ) }} kg

                            @if ($addon->maximum_quantity)
                                · Maximum:
                                {{ $addon->maximum_quantity }}
                            @endif
                        </div>
                    </div>
                @empty
                    <p class="text-muted mb-0">
                        No optional add-ons are configured.
                    </p>
                @endforelse
            </div>
        </div>
    </div>
</div>
@endsection