@php use Illuminate\Support\Str; @endphp

<section class="tab-panel" id="panel-menu">
    <div class="panel-header green">
        <h2><i class="fas fa-utensils"></i> Notre Menu</h2>
        <p>Commandez et faites-vous livrer</p>
    </div>

    <div class="panel-toolbar" data-filter-group="menu">
        <div class="panel-toolbar-main">
            <div>
                <div class="panel-results" id="results-menu">
                    {{ $foodProducts->count() }} plat{{ $foodProducts->count() > 1 ? 's' : '' }}
                </div>
                <div class="panel-results-note">Préfiltrez le menu avant d'ouvrir la commande complète.</div>
            </div>

            <button type="button" class="panel-filter-toggle" data-filter-toggle="menu">
                <i class="fas fa-sliders-h"></i> Filtres
            </button>
        </div>

        <div class="panel-filters" id="filters-menu">
            <div class="panel-filter-grid">
                <label class="filter-field">
                    <span>Recherche</span>
                    <input type="search" data-filter-input="menu-search" placeholder="Nom ou ingrédient">
                </label>

                <label class="filter-field">
                    <span>Catégorie</span>
                    <select data-filter-input="menu-category">
                        <option value="">Toutes</option>
                        @foreach($foodCategoryOptions as $foodCategoryValue => $foodCategoryLabel)
                            <option value="{{ $foodCategoryValue }}">{{ $foodCategoryLabel }}</option>
                        @endforeach
                    </select>
                </label>

                <label class="filter-field">
                    <span>Disponibilité</span>
                    <select data-filter-input="menu-preorder">
                        <option value="">Toutes</option>
                        <option value="immediate">Disponible maintenant</option>
                        <option value="advance">Sur commande</option>
                    </select>
                </label>

                <label class="filter-field">
                    <span>Prix max (€)</span>
                    <input type="number" min="0" step="1" data-filter-input="menu-max-price" placeholder="Ex: 20">
                </label>
            </div>

            <div class="panel-filter-actions">
                <button type="button" class="panel-filter-reset" data-filter-reset="menu">Réinitialiser</button>
            </div>
        </div>
    </div>

    <div class="menu-cta">
        <a href="{{ route('food.menu', $prestataire) }}" class="btn-full-menu">
            <i class="fas fa-book-open"></i>
            Voir le menu complet & Commander
            <i class="fas fa-arrow-right"></i>
        </a>
    </div>

    <div class="menu-grid">
        @foreach($foodProducts as $product)
            @php
                $menuSearch = mb_strtolower(trim($product->name . ' ' . strip_tags($product->description ?? '') . ' ' . ($product->category ?? '')));
                $menuCategoryLabel = \App\Models\FoodProduct::categories()[$product->category] ?? ucfirst($product->category ?? 'Autre');
            @endphp

            <article
                class="menu-item-card filterable-card"
                data-filter-group="menu"
                data-search="{{ $menuSearch }}"
                data-category="{{ $product->category ?? '' }}"
                data-preorder="{{ $product->requiresAdvanceOrder() ? 'advance' : 'immediate' }}"
                data-price="{{ (float) $product->price }}"
            >
                <div class="menu-item-image">
                    @if($product->image)
                        <img src="{{ storage_asset_url($product->image) }}" alt="{{ $product->name }}" loading="lazy">
                    @else
                        <div class="menu-no-image">&#127869;</div>
                    @endif
                </div>

                <div class="menu-item-body">
                    <h3>{{ $product->name }}</h3>

                    @if($product->description)
                        <p>{{ Str::limit($product->description, 50) }}</p>
                    @endif

                    <div class="item-meta-row">
                        <span class="item-chip">{{ $menuCategoryLabel }}</span>

                        @if($product->requiresAdvanceOrder())
                            <span class="item-chip muted">{{ $product->advance_order_label }}</span>
                        @endif
                    </div>

                    <div class="menu-item-footer">
                        <span class="menu-price">{{ number_format($product->price, 2, ',', ' ') }} €</span>
                        <a href="{{ route('food.menu', $prestataire) }}" class="btn-order-item">
                            <i class="fas fa-plus"></i> Commander
                        </a>
                    </div>
                </div>
            </article>
        @endforeach
    </div>

    <div class="panel-filter-empty" id="empty-menu" hidden>
        <i class="fas fa-utensils"></i>
        <p>Aucun plat ne correspond à ces filtres.</p>
    </div>
</section>