@extends('layouts.public')

@section('content')
@php
// Which landing page this is: its bands read this page's own switches.
\App\Services\HomeSection::rendering('classic');

/** @var array $cuisines @var array $featured @var array $popular @var array $deals @var array $stats @var array $testimonials */
@endphp
<section class="qm-section qmc-hero-section">
    <div class="container-fluid">
        <div class="qmc-hero">
            <div class="qmc-hero-art" data-reveal="left">
                <img src="{{ media('assets/client/promos/grill-platter.png', 'assets/client/covers/shop-1.png') }}" alt="{{ t_raw('home.classic.hero_img_alt') }}" loading="eager">
                <span class="qmc-hero-dish">
                    <span class="qmc-hero-dish-ic"><i class="fas fa-utensils" aria-hidden="true"></i></span>
                    <span class="qmc-hero-dish-txt">
                        <strong>{{ t_raw('home.classic.dish_badge_title') }}</strong>
                        <small>{{ t_raw('home.classic.dish_badge_sub') }}</small>
                    </span>
                </span>
            </div>
            <div class="qmc-hero-copy" data-reveal="right">
                <span class="qm-eyebrow">{{ t_raw('home.classic.eyebrow') }}</span>
                <h1>{{ t_raw('home.classic.title_pre') }} <span class="qm-hl">{{ t_raw('home.classic.title_hl') }}</span></h1>
                <p>{{ t_raw('home.classic.sub') }}</p>
                <form class="qmc-hero-search" action="{{ route('restaurants') }}" method="get" role="search">
                    <label for="qmc-address" class="visually-hidden">{{ t_raw('home.classic.address_label') }}</label>
                    <span class="qmc-hero-search-ic" aria-hidden="true"><i class="fas fa-map-marker-alt"></i></span>
                    <input type="text" id="qmc-address" name="q" placeholder="{{ t_raw('home.classic.address_placeholder') }}" aria-label="{{ t_raw('home.classic.address_label') }}">
                    <button class="qm-btn" type="submit"><i class="fas fa-search" aria-hidden="true"></i> {{ t_raw('home.hungry.find_food_btn') }}</button>
                </form>
                <ul class="qmc-perks">
                    <li><i class="fas fa-bolt" aria-hidden="true"></i> <span>{!! t_raw('home.classic.perk_delivery') !!}</span></li>
                    <li><i class="fas fa-route" aria-hidden="true"></i> <span>{!! t_raw('home.classic.perk_tracking') !!}</span></li>
                    <li><i class="fas fa-wallet" aria-hidden="true"></i> <span>{!! t_raw('home.classic.perk_payment') !!}</span></li>
                </ul>
                <div class="qmc-hero-cta">
                    <a href="{{ route('restaurants') }}" class="qm-btn qm-btn-lg">{{ t_raw('home.order_now') }}</a>
                    <a href="{{ route('account.orders') }}" class="qm-btn qm-btn-outline qm-btn-lg">{{ t_raw('account.track') }}</a>
                </div>
            </div>
        </div>
    </div>
</section>

@php
/* The bands below the hero draw in whatever order the operator arranged in Admin → Pages.
   forLayout() validates that order against this layout's declared palette, so a stored
   arrangement can neither lose a band nor introduce one this page does not have.

   The hero above is NOT a band: this layout writes its own, and it has no switch and no place in
   the arrangement, which is why it is written here rather than declared. */
echo \App\Services\HomeSection::draw('classic', get_defined_vars());
@endphp
@endsection