@extends('layouts.app')
@section('content')
<div class="pt-24">
<div class="relative py-20 px-4 bg-gradient-to-br from-dark-brown to-deep-green bengali-pattern text-center">
    <h1 class="font-playfair text-5xl text-cream font-bold mb-3" data-aos="fade-up">Events & Offers</h1>
    <p class="text-cream/60 text-lg" data-aos="fade-up" data-aos-delay="100">Exclusive deals, festive promotions & special occasions</p>
    <div class="section-divider mt-4"></div>
</div>
<div class="max-w-7xl mx-auto px-4 py-12">
    {{-- Filter --}}
    <div class="flex flex-wrap gap-3 justify-center mb-10" data-aos="fade-up">
        <a href="{{ route('offers.index') }}" class="px-5 py-2 rounded-full text-sm transition-all {{ !request('occasion') ? 'bg-gold text-dark-brown font-semibold' : 'border border-gold/30 text-cream/60 hover:text-gold' }}">All</a>
        @foreach($occasions as $occ)
        <a href="{{ route('offers.index', ['occasion'=>$occ]) }}"
           class="px-5 py-2 rounded-full text-sm capitalize transition-all {{ request('occasion')==$occ ? 'bg-gold text-dark-brown font-semibold' : 'border border-gold/30 text-cream/60 hover:text-gold' }}">
            {{ str_replace('_',' ',$occ) }}
        </a>
        @endforeach
    </div>

    @if($offers->isEmpty())
    <div class="text-center py-20">
        <i class="fas fa-tags text-gold/30 text-6xl mb-4"></i>
        <p class="text-cream/50 text-lg">No active offers at the moment. Check back soon!</p>
    </div>
    @else
    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
        @foreach($offers as $offer)
        <div class="glass-card overflow-hidden group hover:-translate-y-2 transition-all duration-300" data-aos="fade-up" data-aos-delay="{{ $loop->index % 3 * 100 }}">
            <div class="h-52 relative overflow-hidden bg-gradient-to-br from-deep-green to-dark-brown">
                @if($offer->image)
                <img src="{{ $offer->image_url }}" alt="{{ $offer->title }}" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
                @endif
                @if($offer->badge_text)
                <span class="absolute top-3 left-3 bg-burnt-orange text-white text-xs font-bold px-3 py-1 rounded-full">{{ $offer->badge_text }}</span>
                @endif
                @if($offer->discount_value)
                <div class="absolute top-3 right-3 w-16 h-16 rounded-full bg-gold flex items-center justify-center text-center">
                    <div>
                        <div class="text-dark-brown font-bold text-lg leading-none">{{ $offer->discount_value }}{{ $offer->discount_type==='percent'?'%':'৳' }}</div>
                        <div class="text-dark-brown text-xs">OFF</div>
                    </div>
                </div>
                @endif
            </div>
            <div class="p-6">
                <h3 class="font-playfair text-cream text-xl font-bold mb-2">{{ $offer->title }}</h3>
                @if($offer->title_bn)<p class="font-bangla text-gold/70 text-base mb-2">{{ $offer->title_bn }}</p>@endif
                <p class="text-cream/60 text-sm mb-4 leading-relaxed">{{ Str::limit($offer->description, 100) }}</p>
                <div class="flex items-center justify-between mb-4">
                    <span class="text-cream/50 text-xs"><i class="fas fa-calendar text-gold/50 mr-1"></i>Ends {{ $offer->valid_until->format('M d, Y') }}</span>
                    @if($offer->coupon_code)
                    <span class="bg-gold/10 border border-gold/40 text-gold text-xs font-mono px-3 py-1 rounded-full cursor-pointer" onclick="navigator.clipboard.writeText('{{ $offer->coupon_code }}')">
                        {{ $offer->coupon_code }} <i class="fas fa-copy ml-1 text-xs"></i>
                    </span>
                    @endif
                </div>
                @if($offer->cta_text)
                <a href="{{ $offer->cta_url ?? route('reservation.index') }}" class="btn-gold w-full text-center text-sm py-3">
                    {{ $offer->cta_text }}
                </a>
                @endif
            </div>
        </div>
        @endforeach
    </div>
    <div class="mt-10">{{ $offers->links() }}</div>
    @endif
</div>
</div>
@endsection