@extends('public-booking.layouts.shell')

@section('title', 'Guest page unavailable')

@push('head')
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
    <style>
        body { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; font-family: 'Inter', sans-serif; background: #f1f5f9; color: #334155; }
        .box { max-width: 32rem; padding: 2rem; background: #fff; border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,0.08); text-align: center; }
        h1 { font-size: 1.25rem; margin: 0 0 0.5rem; color: #0f172a; }
        p { line-height: 1.5; font-size: 0.95rem; margin: 0 0 1rem; }
        a { color: #2563eb; }
    </style>
@endpush

@section('content')
    <div class="box">
        <h1>{{ $hotel->name }}</h1>
        <p>The public guest page for this property is not available right now. Please call or email the hotel to book.</p>
        @if($hotel->phone)
            <p><a href="tel:{{ preg_replace('/\s+/', '', $hotel->phone) }}">{{ $hotel->phone }}</a></p>
        @endif
        @if($hotel->email)
            <p><a href="mailto:{{ $hotel->email }}">{{ $hotel->email }}</a></p>
        @endif
    </div>
@endsection