@extends('layouts.public')

@section('content')
@php /** @var array $deals */
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('header.mega_deals_offers') }}</h1>
        <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('nav.deals') }}</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>

<section class="qm-section">
    <div class="container-fluid">
        <div class="qm-deals-intro" data-reveal>
            <span class="qm-eyebrow">{{ t_raw('deals_page.eyebrow') }}</span>
            <h2 class="qm-section-title">{{ t_raw('deals_page.title') }}</h2>
            <p class="qm-section-sub">{{ t_raw('deals_page.sub') }}</p>
        </div>
        @if ($deals)
        <div class="row g-4">
            @foreach ($deals as $d)
            <div class="col-lg-4 col-md-6">
                <div class="qm-deal-card">
                    <div class="qm-deal-media"><img src="{{ media($d['image'], 'assets/client/deals/shop-1.png') }}" alt="" loading="lazy"><div class="qm-deal-badge">{!! $d['type'] === 'percent' ? t('common.deal_percent_off', [':n' => rtrim(rtrim(number_format((float) $d['value'], 2), '0'), '.')]) : t('common.deal_amount_off', [':amount' => money($d['value'])]) !!}</div></div>
                    <div class="qm-deal-body">
                        <h3 class="qm-deal-title">{{ $d['title'] }}</h3>
                        @if (!empty($d['restaurant_name']))
                        <p class="qm-deal-rest"><i class="fas fa-store" aria-hidden="true"></i> {{ $d['restaurant_name'] }}</p>
                        @else
                        <p class="qm-deal-rest"><i class="fas fa-globe" aria-hidden="true"></i> {{ t_raw('deals_page.valid_all_restaurants') }}</p>
                        @endif
                        <p class="qm-deal-desc">{{ $d['description'] }}</p>
                        <div class="qm-deal-foot">
                            <button type="button" class="qm-deal-code" data-copy-code="{{ $d['code'] }}" aria-label="{{ t_raw('deals_page.copy_code_aria', [':code' => $d['code']]) }}">
                                <span class="qm-deal-code-label">{{ t_raw('deals_page.code_label') }}</span>
                                <span class="qm-deal-code-val">{{ $d['code'] }}</span>
                                <i class="far fa-copy" aria-hidden="true"></i>
                            </button>
                            <a href="{!! !empty($d['restaurant_slug']) ? url('/restaurant/' . e($d['restaurant_slug'])) : route('restaurants') !!}" class="qm-btn qm-btn-sm">{{ t_raw('header.order_now') }}</a>
                        </div>
                        @if ((float) $d['min_order'] > 0)<p class="qm-deal-min">{{ t_raw('deals_page.min_order_text', [':amount' => money($d['min_order'])]) }}</p>@endif
                    </div>
                </div>
            </div>
            @endforeach
        </div>
        @else
        <div class="qm-empty"><i class="fas fa-bolt d-block" aria-hidden="true"></i><p>{{ t_raw('deals_page.empty_text') }}</p></div>
        @endif
    </div>
</section>
@endsection