@extends('layouts.admin.app')

@section('title', 'Chi tiết booking')

@section('content')
    @php
        $backUrl = request()->filled('trip_id')
            ? route('admin.booking-management.trip-bookings', ['tripId' => (int) request('trip_id')])
            : route('admin.booking-management.index');

        $paymentMethod = $booking->payment?->payment_method;
        $paymentMethodLabel = match ($paymentMethod) {
            'onboard' => 'Thanh toán khi lên xe',
            'qr' => 'QR',
            default => $paymentMethod ? strtoupper($paymentMethod) : '-',
        };

        $bookingStatusLabels = [
            'draft' => 'Nháp',
            'reserved' => 'Đã giữ chỗ',
            'awaiting_payment' => 'Chờ thanh toán',
            'paid' => 'Đã thanh toán',
            'cancelled' => 'Đã hủy',
            'expired' => 'Hết hạn',
        ];
        $paymentStatusLabels = [
            'pending' => 'Chờ xử lý',
            'success' => 'Thành công',
            'failed' => 'Thất bại',
        ];

        $bookingStatusText = $bookingStatusLabels[$booking->booking_status] ?? $booking->booking_status;
        $paymentStatusText = $paymentStatusLabels[$booking->payment_status] ?? $booking->payment_status;

        $journeyTypeLabels = [
            'one_way' => 'Một chiều',
            'round_trip' => 'Hai chiều',
        ];

        $journeyDirectionLabels = [
            'outbound' => 'Chiều đi',
            'return' => 'Chiều về',
        ];

        $journeyTypeText = $journeyTypeLabels[$booking->journey_type] ?? 'Một chiều';
        $journeyDirectionText = $booking->journey_direction
            ? $journeyDirectionLabels[$booking->journey_direction] ?? $booking->journey_direction
            : '-';

        $bookingBadgeClass = match ($booking->booking_status) {
            'paid' => 'bg-emerald-100 text-emerald-700',
            'cancelled' => 'bg-rose-100 text-rose-700',
            'expired' => 'bg-gray-200 text-gray-700',
            'reserved', 'awaiting_payment' => 'bg-amber-100 text-amber-700',
            default => 'bg-blue-100 text-blue-700',
        };

        $paymentBadgeClass = match ($booking->payment_status) {
            'success' => 'bg-emerald-100 text-emerald-700',
            'failed' => 'bg-rose-100 text-rose-700',
            default => 'bg-amber-100 text-amber-700',
        };

        $canMarkNoShow = in_array($booking->booking_status, ['paid', 'reserved'], true) && !$booking->no_show;
        $isNoShow = (bool) $booking->no_show;
        $canDelete = !($booking->booking_status === 'paid' || $booking->payment_status === 'success');
    @endphp

    <div class="mb-6 rounded-2xl bg-linear-to-r from-slate-900 via-slate-800 to-slate-700 p-6 shadow-lg">
        <div class="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
            <div>
                <p class="text-sm uppercase tracking-widest">Chi tiết booking</p>
                <h1 class="mt-1 text-2xl font-bold md:text-3xl">{{ $booking->code }}</h1>
                <p class="mt-1 text-sm">Theo dõi thông tin khách, trạng thái thanh toán và xử lý đơn tập
                    trung.</p>
            </div>
            <div class="flex flex-wrap gap-2">
                @if ($isNoShow)
                    <span
                        class="inline-flex items-center rounded-full bg-orange-100 px-3 py-1 text-sm font-semibold text-orange-700">
                        Không lên xe
                    </span>
                @endif
                <span class="inline-flex items-center rounded-full px-3 py-1 text-sm font-semibold {{ $bookingBadgeClass }}">
                    Đặt chỗ: {{ $bookingStatusText }}
                </span>
                <span class="inline-flex items-center rounded-full px-3 py-1 text-sm font-semibold {{ $paymentBadgeClass }}">
                    Thanh toán: {{ $paymentStatusText }}
                </span>
            </div>
        </div>
    </div>

    @if (session('success'))
        <div class="mb-4 rounded-xl border border-emerald-200 bg-emerald-50 px-4 py-3 text-emerald-700">
            {{ session('success') }}
        </div>
    @endif

    @if ($errors->any())
        <div class="mb-4 rounded-xl border border-rose-200 bg-rose-50 px-4 py-3 text-rose-700">
            <ul class="list-disc pl-5">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="grid grid-cols-1 gap-4 xl:grid-cols-3">
        <div class="xl:col-span-2 space-y-4">
            <div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
                <h2 class="mb-4 text-lg font-semibold text-slate-800">Thông tin khách hàng</h2>
                <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Khách hàng</p>
                        <p class="mt-1 text-base font-medium text-slate-900">{{ $booking->customer_name }}</p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Số điện thoại</p>
                        <p class="mt-1 text-base font-medium text-slate-900">{{ $booking->customer_phone }}</p>
                    </div>
                    <div class="md:col-span-2">
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Email</p>
                        <p class="mt-1 text-base font-medium text-slate-900">{{ $booking->customer_email ?: '-' }}</p>
                    </div>
                </div>
            </div>

            <div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
                <h2 class="mb-4 text-lg font-semibold text-slate-800">Thông tin chuyến và ghế</h2>
                <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Tuyến</p>
                        <p class="mt-1 text-base font-medium text-slate-900">
                            {{ $booking->trip?->route?->fromStation?->name }} -
                            {{ $booking->trip?->route?->toStation?->name }}
                        </p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Giờ chạy</p>
                        <p class="mt-1 text-base font-medium text-slate-900">
                            {{ $booking->trip?->depart_at?->format('d/m/Y H:i') }}</p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Ghế đã đặt</p>
                        <p class="mt-1 text-base font-medium text-slate-900">
                            {{ $booking->items->pluck('seat_code_snapshot')->implode(', ') }}</p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Phương thức thanh toán</p>
                        <p class="mt-1 text-base font-medium text-slate-900">{{ $paymentMethodLabel }}</p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Loại hành trình</p>
                        <p class="mt-1 text-base font-medium text-slate-900">{{ $journeyTypeText }}</p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Chiều</p>
                        <p class="mt-1 text-base font-medium text-slate-900">{{ $journeyDirectionText }}</p>
                    </div>
                    <div class="md:col-span-2">
                        <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Mã nhóm khứ hồi</p>
                        <p class="mt-1 text-base font-medium text-slate-900">{{ $booking->booking_group_code ?: '-' }}</p>
                    </div>
                    @if ($isNoShow)
                        <div class="md:col-span-2">
                            <p class="text-xs font-semibold uppercase tracking-wide text-orange-500">Không lên xe</p>
                            <p class="mt-1 text-base font-medium text-orange-700">
                                Lúc {{ $booking->no_show_at?->format('d/m/Y H:i') }}
                            </p>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="space-y-4">
            <div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
                <h2 class="mb-4 text-lg font-semibold text-slate-800">Tóm tắt thanh toán</h2>
                <div class="space-y-3">
                    <div class="flex items-center justify-between border-b border-slate-100 pb-2">
                        <span class="text-sm text-slate-600">Mã booking</span>
                        <span class="text-sm font-semibold text-slate-900">{{ $booking->code }}</span>
                    </div>
                    <div class="flex items-center justify-between border-b border-slate-100 pb-2">
                        <span class="text-sm text-slate-600">Booking</span>
                        <span class="text-sm font-semibold text-slate-900">{{ $bookingStatusText }}</span>
                    </div>
                    <div class="flex items-center justify-between border-b border-slate-100 pb-2">
                        <span class="text-sm text-slate-600">Thanh toán</span>
                        <span class="text-sm font-semibold text-slate-900">{{ $paymentStatusText }}</span>
                    </div>
                    {{-- [TEMPORARILY HIDDEN: Hiển thị tổng tiền]
                    <div class="flex items-center justify-between">
                        <span class="text-sm text-slate-600">Tổng tiền</span>
                        <span
                            class="text-xl font-bold text-emerald-600">{{ number_format($booking->total_amount) }}đ</span>
                    </div>
                    [END HIDDEN] --}}
                </div>
            </div>

            <div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
                <h2 class="mb-4 text-lg font-semibold text-slate-800">Xử lý booking</h2>

                @if ($isNoShow)
                    <div class="rounded-xl border border-orange-200 bg-orange-50 px-3 py-2 text-sm text-orange-700">
                        Đơn đã được đánh dấu không lên xe. Ghế đã được giải phóng.
                    </div>
                @elseif (in_array($booking->booking_status, ['cancelled', 'expired'], true))
                    <p class="rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm text-slate-600">
                        Đơn này đã ở trạng thái cuối, không thể xử lý tiếp.
                    </p>
                @elseif ($booking->booking_status === 'paid')
                    {{-- Đã thu tiền: chỉ no-show --}}
                    <div class="space-y-3">
                        <form method="POST" action="{{ route('admin.booking-management.no-show', $booking->id) }}"
                            onsubmit="return confirm('Đánh dấu khách không lên xe? Ghế sẽ được giải phóng.')">
                            @csrf
                            <div class="mb-2">
                                <input type="text" name="reason" placeholder="Lý do (không bắt buộc)"
                                    class="w-full rounded-xl border border-slate-300 px-3 py-2 text-sm">
                            </div>
                            <button type="submit"
                                class="w-full rounded-xl bg-orange-500 px-4 py-2.5 font-semibold text-white transition hover:bg-orange-600">
                                Không lên xe
                            </button>
                        </form>
                    </div>
                @elseif ($booking->booking_status === 'reserved')
                    {{-- Thanh toán khi lên xe: pending — admin cần nút xác nhận đã thu tiền; vẫn cho hủy / no-show --}}
                    <div class="space-y-3">
                        @if ($booking->payment_status === 'pending')
                            <form method="POST" action="{{ route('admin.booking-management.mark-paid', $booking->id) }}">
                                @csrf
                                <input type="hidden" name="payment_method" value="onboard">
                                <button type="submit"
                                    class="w-full rounded-xl bg-emerald-600 px-4 py-2.5 font-semibold text-white transition hover:bg-emerald-700">
                                    Đánh dấu đã thanh toán
                                </button>
                            </form>
                        @endif

                        <form method="POST" action="{{ route('admin.booking-management.cancel', $booking->id) }}"
                            onsubmit="return confirm('Bạn chắc chắn hủy đơn này?')">
                            @csrf
                            <button type="submit"
                                class="w-full rounded-xl bg-rose-600 px-4 py-2.5 font-semibold text-white transition hover:bg-rose-700">
                                Hủy đơn
                            </button>
                        </form>

                        <form method="POST" action="{{ route('admin.booking-management.no-show', $booking->id) }}"
                            onsubmit="return confirm('Đánh dấu khách không lên xe? Ghế sẽ được giải phóng.')">
                            @csrf
                            <div class="mb-2">
                                <input type="text" name="reason" placeholder="Lý do (không bắt buộc)"
                                    class="w-full rounded-xl border border-slate-300 px-3 py-2 text-sm">
                            </div>
                            <button type="submit"
                                class="w-full rounded-xl bg-orange-500 px-4 py-2.5 font-semibold text-white transition hover:bg-orange-600">
                                Không lên xe
                            </button>
                        </form>
                    </div>
                @else
                    {{-- draft / awaiting_payment: xác nhận thanh toán (QR hoặc chuyển khoản) hoặc hủy --}}
                    <div class="space-y-3">
                        <form method="POST" action="{{ route('admin.booking-management.mark-paid', $booking->id) }}">
                            @csrf
                            <input type="hidden" name="payment_method" value="qr">
                            <button type="submit"
                                class="w-full rounded-xl bg-emerald-600 px-4 py-2.5 font-semibold text-white transition hover:bg-emerald-700">
                                Đánh dấu đã thanh toán
                            </button>
                        </form>

                        <form method="POST" action="{{ route('admin.booking-management.cancel', $booking->id) }}"
                            onsubmit="return confirm('Bạn chắc chắn hủy đơn này?')">
                            @csrf
                            <button type="submit"
                                class="w-full rounded-xl bg-rose-600 px-4 py-2.5 font-semibold text-white transition hover:bg-rose-700">
                                Hủy đơn
                            </button>
                        </form>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <div class="mt-5">
        <a href="{{ $backUrl }}"
            class="inline-flex items-center rounded-lg border px-4 py-2 text-white  transition"style="background:#117FD4">
            &larr; Quay lại danh sách
        </a>

        @if ($canDelete)
            <form method="POST" action="{{ route('admin.booking-management.destroy', $booking->id) }}"
                class="inline-block ml-2" onsubmit="return confirm('Bạn chắc chắn muốn xóa đơn booking này?')">
                @csrf
                @method('DELETE')
                @if (request()->filled('trip_id'))
                    <input type="hidden" name="trip_id" value="{{ (int) request('trip_id') }}">
                @endif
                <button type="submit"
                    class="inline-flex items-center rounded-lg bg-red-600 px-4 py-2 text-white transition hover:bg-red-700">
                    Xóa booking
                </button>
            </form>
        @endif
    </div>
@endsection