@extends('layouts.public')
@section('content')
<section class="hms-section"><div class="hms-container"><p class="hms-kicker">Current specials</p><h1 class="hms-display mt-2">Approved promotions</h1>@if(!$publicSpecialsEnabled)<div class="mt-8 rounded-2xl border border-black/10 bg-[var(--hms-cream)] p-6 text-black/65">Public specials are currently turned off. Approved promotions remain available to authorized staff in the administration system and can be enabled again from Business Settings.</div>@else<div class="mt-10 grid gap-6 md:grid-cols-2">@forelse($specials as $special)<article class="rounded-3xl border border-black/10 bg-[var(--hms-cream)] p-7"><h2 class="font-serif text-3xl text-[var(--hms-forest-deep)]">{{ $special->title }}</h2>@if($special->description)<p class="mt-4 text-black/65">{{ $special->description }}</p>@endif@if($special->categories->isNotEmpty() || $special->products->isNotEmpty())<div class="mt-5 rounded-xl bg-white/60 p-4 text-sm text-black/60"><strong class="text-black/75">Applies to:</strong>@if($special->categories->isNotEmpty())<span class="ml-1">{{ $special->categories->pluck('name')->join(', ') }}</span>@endif@if($special->products->isNotEmpty())<div class="mt-2 flex flex-wrap gap-2">@foreach($special->products->filter(fn($product)=>$product->status==='published' && $product->published_at?->isPast()) as $product)<a class="rounded-full border border-black/10 bg-white px-3 py-1.5 text-xs font-semibold" href="{{ route('products.show',$product) }}">{{ $product->name }}</a>@endforeach</div>@endif</div>@endif@if($special->terms)<div class="mt-5 border-t border-black/10 pt-4 text-sm text-black/55"><strong>Terms:</strong> {{ $special->terms }}</div>@endif@if($special->ends_at)<p class="mt-4 text-xs uppercase tracking-wider text-black/45">Ends {{ $special->ends_at->toFormattedDateString() }}</p>@endif</article>@empty<div class="col-span-full rounded-2xl border border-dashed border-black/15 bg-white p-8 text-black/60">There are no approved public specials at this time.</div>@endforelse</div>@endif</div></section>
@endsection