@extends('public.layouts.guest')

@section('nav_explore', 'text-teal-700 font-semibold')
@section('nav_policies', 'text-teal-700 font-semibold bg-teal-50/50')
@section('title', 'Guest Policies — ' . \App\Models\Setting::get('property_name','Parkview Hotel CDO'))
@section('meta_description', 'Guest policies for ' . \App\Models\Setting::get('property_name','Parkview Hotel CDO') . ' — Senior Citizen & PWD discounts, cancellation, house rules, and check-in/out times.')

@section('content')

<div class="bg-gradient-to-br from-teal-700 to-teal-900 py-16">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 text-center">
        <p class="text-teal-300 text-xs font-semibold tracking-[0.2em] uppercase mb-2">Good to Know</p>
        <h1 class="text-4xl font-bold text-white">Guest Policies</h1>
        <p class="text-teal-200 mt-3 text-sm">Everything you should know before and during your stay.</p>
    </div>
</div>

<div class="py-16 bg-gray-50">
    <div class="max-w-3xl mx-auto px-4 sm:px-6">
        @php
            $sections = [
                'senior_pwd'   => ['Senior Citizen & PWD Discounts', 'M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z'],
                'check_in_out' => ['Check-in & Check-out', 'M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'],
                'cancellation' => ['Cancellation Policy', 'M6 18L18 6M6 6l12 12'],
                'house_rules'  => ['House Rules', 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'],
            ];
            $has = collect($sections)->keys()->first(fn ($k) => !empty($policies[$k])) !== null;
        @endphp

        @if(!$has)
        <div class="text-center text-gray-400 text-sm py-12">Our detailed policies will be published here shortly. Please contact us for any questions.</div>
        @else
        <div class="space-y-5">
            @foreach($sections as $key => [$label, $icon])
            @if(!empty($policies[$key]))
            <div class="bg-white rounded-2xl border-[0.5px] border-gray-200 p-6">
                <div class="flex items-center gap-3 mb-3">
                    <div class="w-9 h-9 rounded-xl bg-teal-50 flex items-center justify-center flex-shrink-0">
                        <svg class="w-4 h-4 text-teal-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="{{ $icon }}"/></svg>
                    </div>
                    <h2 class="font-bold text-gray-900">{{ $label }}</h2>
                </div>
                <p class="text-sm text-gray-600 leading-relaxed whitespace-pre-line">{{ $policies[$key] }}</p>
            </div>
            @endif
            @endforeach
        </div>
        @endif

        <div class="mt-10 text-center">
            <a href="{{ route('public.contact') }}" class="inline-flex items-center gap-2 text-teal-600 hover:text-teal-800 font-semibold text-sm">
                Have a question? Contact us
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
            </a>
        </div>
    </div>
</div>
@endsection