@extends('storefront.layout')

@section('title', trans_key('storefront.pageTitles.offers').' - '.config('app.name', 'HyperLocal'))

@section('content')
    <section class="sf-reference-inner sf-food-screen sf-food-screen--offers">
        <div class="sf-reference-inner__layout">
            <aside class="sf-reference-inner__side">
                @include('storefront.partials.food-side-nav', ['activeFoodNav' => 'offers'])
            </aside>

            <main class="sf-reference-inner__feed">
                <header class="sf-reference-inner__hero is-offer">
                    <div>
                        <span>Limited-time savings</span>
                        <h1>Offers for you</h1>
                        <p>Apply coupons at checkout or grab discounted products directly.</p>
                    </div>
                    <a href="{{ route('storefront.search', $storefrontQuery ?? []) }}">Shop now &rarr;</a>
                </header>

                <section class="sf-reference-panel">
                    <div class="sf-reference-section-head">
                        <div>
                            <h2>Coupon codes</h2>
                            <p>{{ method_exists($coupons, 'total') ? $coupons->total() : $coupons->count() }} active coupons</p>
                        </div>
                    </div>
                    @if($coupons->count())
                        <div class="sf-reference-coupon-grid">
                            @foreach($coupons as $coupon)
                                <article class="sf-reference-coupon">
                                    <span>{{ $coupon->code }}</span>
                                    <h3>{{ $coupon->title ?: \App\Support\StorefrontPresenter::couponDiscountLabel($coupon) }}</h3>
                                    <p>{{ $coupon->description ?: \App\Support\StorefrontPresenter::couponMinimumLabel($coupon) }}</p>
                                    <button type="button" data-copy-coupon="{{ $coupon->code }}">Copy code</button>
                                </article>
                            @endforeach
                        </div>
                        @if(method_exists($coupons, 'links'))
                            <div class="sf-reference-pagination">{{ $coupons->withQueryString()->links('storefront.partials.pagination') }}</div>
                        @endif
                    @else
                        <div class="sf-reference-empty"><h3>No coupons right now</h3><p>Check back soon for new savings.</p></div>
                    @endif
                </section>

                @if(($products ?? collect())->count())
                    <section class="sf-reference-panel">
                        <div class="sf-reference-section-head">
                            <div><h2>Discounted products</h2><p>Best price drops around you.</p></div>
                        </div>
                        <div class="sf-reference-product-grid is-rail">
                            @foreach($products as $product)
                                @include('storefront.partials.product-card', ['product' => $product])
                            @endforeach
                        </div>
                    </section>
                @endif

                @if(($promotions ?? collect())->count())
                    <section class="sf-reference-panel">
                        <div class="sf-reference-section-head">
                            <div><h2>Store promotions</h2><p>Seller-sponsored offers.</p></div>
                        </div>
                        <div class="sf-reference-coupon-grid">
                            @foreach($promotions as $promotion)
                                <article class="sf-reference-coupon is-soft">
                                    <span>{{ $promotion->store?->name ?? $promotion->seller?->business_name ?? trans_key('storefront.fallbacks.promotion') }}</span>
                                    <h3>{{ $promotion->title }}</h3>
                                    <p>{{ $promotion->description }}</p>
                                    <a href="{{ $promotion->store ? route('storefront.stores.show', ['store' => $promotion->store] + ($storefrontQuery ?? [])) : route('storefront.search', $storefrontQuery ?? []) }}">Open</a>
                                </article>
                            @endforeach
                        </div>
                    </section>
                @endif
            </main>
        </div>
    </section>
@endsection