@extends('layouts.app')

@php
    use App\Domain\Booking\Enums\BookingStatus;
    use App\Domain\Booking\Enums\PaymentStatus;

    $from = $booking->fromInVenueTimezone();
    $to = $booking->toInVenueTimezone();
@endphp

@section('title', 'Бронь в «'.$venue->name.'» — РестоМесто')

@push('meta')
    {{-- Личная страница брони в индекс не попадает (ТЗ §18.8) --}}
    <meta name="robots" content="noindex, nofollow">
@endpush

@section('content')
    <div class="container-page max-w-[1000px] pb-[72px] pt-10">
        @if (session('booking_message'))
            <p class="mb-4 rounded-card bg-success-light px-4 py-3 text-sm text-success" role="status">
                {{ session('booking_message') }}
            </p>
        @endif

        @if (session('booking_error'))
            <p class="mb-4 rounded-card bg-danger-light px-4 py-3 text-sm text-danger" role="alert">
                {{ session('booking_error') }}
            </p>
        @endif

        <div class="card p-6">
            {{-- Состояние брони: гость должен понимать его без расшифровки --}}
            @php
                $tone = match ($booking->status) {
                    BookingStatus::Confirmed, BookingStatus::Visited => ['bg-success-light', 'text-success', '✓'],
                    BookingStatus::PaymentPending, BookingStatus::Pending => ['bg-warning-light', 'text-warning', '⏳'],
                    default => ['bg-danger-light', 'text-danger', '✕'],
                };
            @endphp

            <div class="flex items-start gap-4">
                <span class="flex size-12 shrink-0 items-center justify-center rounded-pill {{ $tone[0] }} text-xl {{ $tone[1] }}" aria-hidden="true">
                    {{ $tone[2] }}
                </span>

                <div class="min-w-0">
                    <h1 class="text-2xl font-extrabold tracking-tight text-ink">
                        {{ $booking->status->label() }}
                    </h1>
                    <p class="mt-1 text-muted">
                        {{ $venue->name }}, {{ $venue->address }}
                    </p>
                </div>
            </div>

            @if ($booking->restoplace_reserve_number)
                <p class="mt-4 text-sm text-muted">
                    Номер брони: <span class="font-mono font-bold text-text">{{ $booking->restoplace_reserve_number }}</span>
                </p>
            @endif

            <dl class="mt-6 divide-y divide-border border-y border-border">
                <div class="flex justify-between gap-4 py-3 text-sm">
                    <dt class="text-muted">Дата и время</dt>
                    <dd class="text-right font-medium text-text">
                        {{ $from->translatedFormat('j F, H:i') }}–{{ $to->format('H:i') }}
                        <span class="block text-xs font-normal text-subtle">местное время заведения</span>
                    </dd>
                </div>

                <div class="flex justify-between gap-4 py-3 text-sm">
                    <dt class="text-muted">Гостей</dt>
                    <dd class="font-medium text-text">{{ $booking->guest_count }}</dd>
                </div>

                @if ($booking->selected_item_ids)
                    <div class="flex justify-between gap-4 py-3 text-sm">
                        <dt class="text-muted">Стол</dt>
                        <dd class="font-medium text-text">№{{ implode(', №', $booking->selected_item_ids) }}</dd>
                    </div>
                @endif

                <div class="flex justify-between gap-4 py-3 text-sm">
                    <dt class="text-muted">На имя</dt>
                    <dd class="font-medium text-text">{{ $booking->contact_name }}</dd>
                </div>

                @if ($booking->comment)
                    <div class="flex justify-between gap-4 py-3 text-sm">
                        <dt class="text-muted">Пожелания</dt>
                        <dd class="text-right text-text">{{ $booking->comment }}</dd>
                    </div>
                @endif

                @if ($booking->payment_status !== PaymentStatus::None)
                    <div class="flex justify-between gap-4 py-3 text-sm">
                        <dt class="text-muted">Депозит</dt>
                        <dd class="text-right font-medium text-text">
                            {{ $booking->payment_status->label() }}
                            @if ($booking->payment_amount)
                                <span class="block text-xs font-normal text-subtle">
                                    {{ number_format($booking->payment_amount, 0, ',', ' ') }} ₽
                                </span>
                            @endif
                        </dd>
                    </div>
                @endif
            </dl>

            {{-- Платёжная ссылка показывается, пока она активна (ТЗ §12.1) --}}
            @if ($booking->hasActivePaymentLink())
                <div class="mt-6 rounded-card bg-warning-light p-4">
                    <p class="text-sm text-text">
                        Чтобы бронь подтвердилась, внесите депозит
                        @if ($booking->payment_expires_at)
                            до {{ $booking->payment_expires_at->setTimezone($venue->timezone)->format('H:i') }}
                        @endif.
                    </p>
                    <a href="{{ $booking->payment_url }}" rel="nofollow noopener"
                       class="mt-3 block rounded-control bg-primary px-4 py-3 text-center font-semibold text-primary-contrast hover:bg-primary-hover">
                        Перейти к оплате
                    </a>
                    <a href="{{ route('booking.show', [$booking->local_booking_uuid, 'refresh' => 1]) }}"
                       class="mt-2 block text-center text-xs text-muted hover:text-text">
                        Уже оплатили? Обновить статус
                    </a>
                </div>
            @elseif ($booking->payment_status === PaymentStatus::Expired)
                <p class="mt-6 rounded-card bg-danger-light px-4 py-3 text-sm text-danger">
                    Срок оплаты депозита истёк. Забронируйте заново или свяжитесь с заведением.
                </p>
            @elseif ($booking->status === BookingStatus::Pending && $booking->payment_amount)
                {{-- Депозит нужен, а ссылки Restoplace не выдал (ТЗ §25.3) --}}
                <p class="mt-6 rounded-card bg-warning-light px-4 py-3 text-sm text-warning">
                    Требуется депозит, но ссылка на оплату пока недоступна. Мы проверим статус;
                    если он не изменится, свяжитесь с заведением.
                </p>
            @endif

            <div class="mt-6 flex flex-wrap gap-3">
                <a href="{{ $venue->publicPath() }}"
                   class="rounded-control border border-border px-4 py-2.5 text-sm font-medium text-muted hover:border-primary hover:text-primary">
                    Карточка заведения
                </a>

                @if ($phone = $venue->publicPhone())
                    <a href="tel:{{ preg_replace('/\D+/', '', $phone) }}"
                       class="rounded-control border border-border px-4 py-2.5 text-sm font-medium text-muted hover:border-primary hover:text-primary">
                        Позвонить в заведение
                    </a>
                @endif

                @if ($booking->status->isCancellable() && config('restomesto.booking.guest_cancellation_enabled'))
                    <form method="POST" action="{{ route('booking.cancel', $booking->local_booking_uuid) }}"
                          x-data
                          x-on:submit="if (! confirm('Отменить бронь?')) $event.preventDefault()"
                          class="ml-auto">
                        @csrf
                        <button type="submit" class="rounded-control px-4 py-2.5 text-sm font-medium text-danger hover:bg-danger-light">
                            Отменить бронь
                        </button>
                    </form>
                @endif
            </div>
        </div>

        <p class="mt-4 text-center text-xs text-subtle">
            Сохраните эту ссылку — по ней всегда виден актуальный статус брони.
        </p>
    </div>
@endsection