@extends('public.layouts.guest')

@section('nav_offers', 'text-teal-700 font-semibold')
@section('title', 'Special Offers — ' . \App\Models\Setting::get('property_name','Parkview Hotel CDO'))
@section('meta_description', 'Current promotions and special offers at ' . \App\Models\Setting::get('property_name','Parkview Hotel CDO') . ' — book direct for the best deals in Cagayan de Oro.')

@section('content')

<div class="bg-gradient-to-br from-teal-700 to-teal-900 py-16">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 text-center">
        <p class="text-teal-300 text-xs font-semibold tracking-[0.2em] uppercase mb-2">Deals</p>
        <h1 class="text-4xl font-bold text-white">Special Offers</h1>
        <p class="text-teal-200 mt-3 text-sm">Book direct and save — exclusive promotions you won't find on other sites.</p>
    </div>
</div>

<div class="py-16 bg-gray-50">
    <div class="max-w-6xl mx-auto px-4 sm:px-6">
        @if($promotions->isEmpty())
        <div class="text-center py-16">
            <div class="w-16 h-16 bg-teal-50 rounded-2xl flex items-center justify-center mx-auto mb-4">
                <svg class="w-8 h-8 text-teal-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 7h.01M7 3h5a1.99 1.99 0 011.414.586l7 7a2 2 0 010 2.828l-5 5a2 2 0 01-2.828 0l-7-7A1.99 1.99 0 013 12V7a4 4 0 014-4z"/></svg>
            </div>
            <p class="text-gray-500 text-sm mb-6">No active promotions right now — but our best rates are always available when you book direct.</p>
            <a href="{{ route('public.book') }}" class="inline-flex items-center gap-2 bg-teal-600 hover:bg-teal-700 text-white font-semibold px-5 py-2.5 rounded-xl text-sm transition-colors">Check Availability</a>
        </div>
        @else
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
            @foreach($promotions as $p)
            <div class="bg-white rounded-2xl border-[0.5px] border-gray-200 overflow-hidden flex flex-col hover:shadow-md transition-shadow">
                <div class="relative aspect-video bg-gradient-to-br from-teal-50 to-teal-100">
                    @if($p->image_path)
                    <img src="{{ \Illuminate\Support\Facades\Storage::url($p->image_path) }}" alt="{{ $p->title }}" class="w-full h-full object-cover">
                    @else
                    <div class="w-full h-full flex items-center justify-center"><svg class="w-10 h-10 text-teal-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M7 7h.01M7 3h5a1.99 1.99 0 011.414.586l7 7a2 2 0 010 2.828l-5 5a2 2 0 01-2.828 0l-7-7A1.99 1.99 0 013 12V7a4 4 0 014-4z"/></svg></div>
                    @endif
                    @if($p->badge_label)
                    <span class="absolute top-3 left-3 bg-teal-600 text-white text-[11px] font-bold px-2.5 py-1 rounded-lg shadow">{{ $p->badge_label }}</span>
                    @endif
                </div>
                <div class="p-5 flex flex-col flex-1">
                    <h3 class="font-bold text-gray-900">{{ $p->title }}</h3>
                    @if($p->subtitle)<p class="text-sm text-teal-600 mt-0.5">{{ $p->subtitle }}</p>@endif
                    @if($p->body)<p class="text-sm text-gray-500 mt-2 leading-relaxed whitespace-pre-line">{{ $p->body }}</p>@endif

                    <div class="mt-auto pt-4">
                        @if($p->price_from)<p class="text-xs text-gray-400 mb-2">From <span class="text-lg font-bold text-teal-600">₱{{ number_format($p->price_from, 0) }}</span></p>@endif
                        @if($p->promo_code)
                        <div class="flex items-center gap-2 mb-3">
                            <span class="text-xs text-gray-400">Use code</span>
                            <span class="font-mono font-bold text-sm bg-teal-50 border-[0.5px] border-teal-200 text-teal-700 rounded px-2 py-0.5">{{ $p->promo_code }}</span>
                        </div>
                        @endif
                        @if($p->valid_until)<p class="text-[11px] text-amber-600 mb-3">Ends {{ $p->valid_until->format('M j, Y') }}</p>@endif
                        <a href="{{ $p->cta_url ?: route('public.book') }}" class="block text-center bg-teal-600 hover:bg-teal-700 text-white font-semibold text-sm py-2.5 rounded-xl transition-colors">Book This Offer</a>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
        @endif
    </div>
</div>

@endsection