@extends('layouts.admin.app')

@section('title', 'Danh sách booking theo chuyến')

@section('content')
    @php
        $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',
        ];

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

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

    <h1 class="text-2xl font-bold mb-4">Danh sách khách booking theo chuyến</h1>

    <div class="bg-white rounded-lg p-4 shadow-sm mb-4">
        <p><strong>Tuyến:</strong> {{ $trip->route?->code }} - {{ $trip->route?->fromStation?->name }} -
            {{ $trip->route?->toStation?->name }}</p>
        <p><strong>Xe:</strong> {{ $trip->vehicle?->name }}</p>
        <p><strong>Giờ chạy:</strong> {{ $trip->depart_at?->format('d/m/Y H:i') }} -
            {{ $trip->arrive_at?->format('H:i') }}</p>
        {{-- [TEMPORARILY HIDDEN: Giá vé]
        <p><strong>Giá vé:</strong> {{ number_format($trip->price) }}đ</p>
        [END HIDDEN] --}}
    </div>

    <div class="bg-white rounded-lg p-4 shadow-sm mb-6">
        <form method="GET" class="grid md:grid-cols-5 gap-3">
            <input name="search" value="{{ $filters['search'] ?? '' }}" class="border rounded-lg px-3 py-2"
                placeholder="Tìm mã booking/tên/sđt">
            <input name="booking_group_code" value="{{ $filters['booking_group_code'] ?? '' }}"
                class="border rounded-lg px-3 py-2" placeholder="Mã nhóm khứ hồi">
            <select name="booking_status" class="border rounded-lg px-3 py-2">
                <option value="">Tất cả trạng thái booking</option>
                @foreach ($bookingStatusLabels as $status => $label)
                    <option value="{{ $status }}" @selected(($filters['booking_status'] ?? '') === $status)>{{ $label }}</option>
                @endforeach
            </select>
            <select name="journey_type" class="border rounded-lg px-3 py-2">
                <option value="">Tất cả loại hành trình</option>
                @foreach ($journeyTypeLabels as $status => $label)
                    <option value="{{ $status }}" @selected(($filters['journey_type'] ?? '') === $status)>{{ $label }}</option>
                @endforeach
            </select>
            <select name="payment_status" class="border rounded-lg px-3 py-2">
                <option value="">Tất cả trạng thái thanh toán</option>
                @foreach ($paymentStatusLabels as $status => $label)
                    <option value="{{ $status }}" @selected(($filters['payment_status'] ?? '') === $status)>{{ $label }}</option>
                @endforeach
            </select>
            <button class="text-white rounded-lg px-4 py-2" style="background:#117FD4">Lọc dữ liệu</button>
        </form>

        <div class="mt-3">
            <a href="{{ route('admin.booking-management.trip-bookings.export', array_merge(['tripId' => $trip->id], request()->query())) }}"
                class="inline-flex items-center rounded-lg px-4 py-2 text-white" style="background:#117FD4">
                Xuất Excel (XLSX)
            </a>
        </div>
    </div>

    <div class="bg-white rounded-lg p-4 shadow-sm">
        <table class="w-full text-sm">
            <thead>
                <tr class="border-b">
                    <th class="text-left py-2">Mã booking</th>
                    <th class="text-left py-2">Khách hàng</th>
                    <th class="text-left py-2">Số ghế</th>
                    <th class="text-left py-2">Loại hành trình</th>
                    <th class="text-left py-2">Trạng thái</th>
                    <th class="text-left py-2">Điểm đi</th>
                    <th class="text-left py-2">Điểm đến</th>
                    <th class="text-left py-2">Điểm đón</th>
                    <th class="text-left py-2">Điểm trả</th>
                    {{-- [TEMPORARILY HIDDEN: Cột Tổng tiền] --}}
                    {{-- <th class="text-left py-2">Tổng tiền</th> --}}
                    {{-- [END HIDDEN] --}}
                    <th class="text-left py-2">Tác vụ</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($items as $item)
                    <tr class="border-b align-top">
                        <td class="py-2">{{ $item->code }}</td>
                        <td class="py-2">{{ $item->customer_name }}<br>{{ $item->customer_phone }}</td>
                        <td class="py-2">{{ $item->items->pluck('seat_code_snapshot')->implode(', ') }}</td>
                        <td class="py-2">
                            {{ $journeyTypeLabels[$item->journey_type] ?? 'Một chiều' }}
                            @if (!empty($item->journey_direction))
                                <br><span
                                    class="text-xs text-gray-500">{{ $journeyDirectionLabels[$item->journey_direction] ?? $item->journey_direction }}</span>
                            @endif
                            @if (!empty($item->booking_group_code))
                                <br><span class="text-xs text-blue-600">{{ $item->booking_group_code }}</span>
                            @endif
                        </td>
                        <td class="py-2">
                            {{ $bookingStatusLabels[$item->booking_status] ?? $item->booking_status }} /
                            {{ $paymentStatusLabels[$item->payment_status] ?? $item->payment_status }}
                        </td>
                        <td class="py-2">{{ $item->trip?->route?->fromStation?->name ?: '-' }}</td>
                        <td class="py-2">{{ $item->trip?->route?->toStation?->name ?: '-' }}</td>
                        <td class="py-2">{{ $item->pickupStation?->name ?: ($item->pickup_address ?: '-') }}</td>
                        <td class="py-2">{{ $item->dropoffStation?->name ?: ($item->dropoff_address ?: '-') }}</td>
                        {{-- [TEMPORARILY HIDDEN: Hiển thị tổng tiền]
                        <td class="py-2">{{ number_format($item->total_amount) }}đ</td>
                        [END HIDDEN] --}}
                        <td class="py-2">
                            <a href="{{ route('admin.booking-management.show', ['id' => $item->id, 'trip_id' => $trip->id]) }}"
                                class="text-blue-600">Xem chi tiết</a>
                            @if (!($item->booking_status === 'paid' || $item->payment_status === 'success'))
                                <form method="POST" action="{{ route('admin.booking-management.destroy', $item->id) }}"
                                    class="mt-1" onsubmit="return confirm('Bạn chắc chắn muốn xóa đơn booking này?')">
                                    @csrf
                                    @method('DELETE')
                                    <input type="hidden" name="trip_id" value="{{ $trip->id }}">
                                    <button type="submit" class="text-red-600">Xóa</button>
                                </form>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="10" class="py-4 text-center text-gray-500">Chuyến này chưa có booking.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>

        <div class="mt-4">{{ $items->withQueryString()->links() }}</div>
    </div>

    <div class="mt-4">
        <a href="{{ route('admin.booking-management.index') }}" class="text-blue-600">&larr; Quay lại danh sách chuyến</a>
    </div>
@endsection