@extends('layouts.public')

@section('content')
@php
/** @var array $cuisines  Cuisines with restaurant_count, busiest first. @var array $dishMap  cuisine_id => [[slug,name,icon],...] */

// Short, factual one-liners describing each cuisine (no marketing claims).
$cuisineBlurbs = [
    'american'      => t_raw('cuisines_page.blurb_american'),
    'chinese'       => t_raw('cuisines_page.blurb_chinese'),
    'french'        => t_raw('cuisines_page.blurb_french'),
    'indian'        => t_raw('cuisines_page.blurb_indian'),
    'italian'       => t_raw('cuisines_page.blurb_italian'),
    'japanese'      => t_raw('cuisines_page.blurb_japanese'),
    'mexican'       => t_raw('cuisines_page.blurb_mexican'),
    'thai'          => t_raw('cuisines_page.blurb_thai'),
    'mediterranean' => t_raw('cuisines_page.blurb_mediterranean'),
    'korean'        => t_raw('cuisines_page.blurb_korean'),
    'vietnamese'    => t_raw('cuisines_page.blurb_vietnamese'),
    'greek'         => t_raw('cuisines_page.blurb_greek'),
    'turkish'       => t_raw('cuisines_page.blurb_turkish'),
    'middle-eastern' => t_raw('cuisines_page.blurb_middle_eastern'),
    'spanish'       => t_raw('cuisines_page.blurb_spanish'),
    'caribbean'     => t_raw('cuisines_page.blurb_caribbean'),
    'filipino'      => t_raw('cuisines_page.blurb_filipino'),
    'german'        => t_raw('cuisines_page.blurb_german'),
    'brazilian'     => t_raw('cuisines_page.blurb_brazilian'),
    'british'       => t_raw('cuisines_page.blurb_british'),
    'lebanese'      => t_raw('cuisines_page.blurb_lebanese'),
    'ethiopian'     => t_raw('cuisines_page.blurb_ethiopian'),
];
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('common.all_cuisines') }}</h1>
        <p class="qm-page-sub">{{ t_raw('cuisines_page.sub') }}</p>
        <nav class="breadcrumb" aria-label="{{ t_raw('common.breadcrumb_aria') }}">
            <a href="{{ route('home') }}">{{ t_raw('common.home') }}</a><span class="mx-2" aria-hidden="true">/</span><span class="active">{{ t_raw('header.cuisines') }}</span>
        </nav>
    </div>
</div>
@php /* The page's messages belong UNDER its title band, inside the page the reader is
         looking at — not floating above it. getFlashes() consumes, so the layout's own
         call further out finds nothing and does not draw it twice. */
@endphp
<div class="container-fluid">@partial('flash')</div>


@if (section_on('cuisines-grid'))
<section class="qm-section">
    <div class="container-fluid">
        <h2 class="qm-h1-sr">{{ t_raw('cuisines_page.directory_sr') }}</h2>
        <ul class="qm-cuisgrid" data-reveal>
            @foreach ($cuisines as $ci => $c)
            <li class="qm-cuisgrid-item">
                @partial('cards/cuisine-card', ['cuisine' => $c, 'dishes' => $dishMap[(int) $c['id']] ?? [], 'blurb' => $cuisineBlurbs[$c['slug']] ?? '', 'variant' => 'grid'])
            </li>
            @endforeach
        </ul>
    </div>
</section>
@endif
@endsection