@extends('admin.layouts.master')
@section('title','Booking Details')

@section('content')
<div class="container-fluid">

    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2>Booking #{{ $booking->id }}</h2>
        <a href="{{ route('admin.bookings.index') }}" class="btn btn-secondary">⬅ Back to List</a>
    </div>

    <!-- Booking Info -->
    <div class="card shadow-sm mb-3">
        <div class="card-body">
            <h5 class="mb-3">Booking Information</h5>
            <p><strong>Booking Date:</strong> {{ \Carbon\Carbon::parse($booking->booking_date)->format('d M Y') }}</p>
            <p><strong>Bus Type:</strong> {{ $booking->busType->name ?? 'N/A' }}</p>
            <p><strong>Total Price:</strong> ₹{{ number_format($booking->total_price,2) }}</p>
            <p><strong>Status:</strong> 
                <span class="badge 
                    @if($booking->status == 'confirmed') bg-success 
                    @elseif($booking->status == 'pending') bg-warning 
                    @else bg-danger @endif">
                    {{ ucfirst($booking->status) }}
                </span>
            </p>
            <p><strong>Created At:</strong> {{ $booking->created_at->format('d M Y H:i') }}</p>
        </div>
    </div>

    <!-- Passenger Info -->
    <div class="card shadow-sm mb-3">
        <div class="card-body">
            <h5 class="mb-3">Passenger Details</h5>
            <table class="table table-bordered">
                <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>Seat</th>
                        <th>Name</th>
                        <th>Age</th>
                        <th>Phone</th>
                        <th>Email</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($booking->bookedSeats as $index => $seat)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td><span class="badge bg-info">{{ $seat->seat_number ?? 'N/A' }}</span></td>
                            <td>{{ $seat->pivot->passenger_name }}</td>
                            <td>{{ $seat->pivot->passenger_age }}</td>
                            <td>{{ $seat->pivot->passenger_phone }}</td>
                            <td>{{ $seat->pivot->passenger_email }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <!-- Bus Seat Layout -->
    <div class="card shadow-sm">
        <div class="card-body">
            <h5 class="mb-3">Bus Seat Layout</h5>
            <div class="bus-layout d-inline-block p-3 border rounded bg-light">
                @php
                    $rows = $booking->busType->rows ?? 10;
                    $cols = $booking->busType->cols ?? 4;
                    $bookedSeats = $booking->bookedSeats->pluck('seat_number')->toArray();
                @endphp

                @for($r = 1; $r <= $rows; $r++)
                    <div class="d-flex mb-2">
                        @for($c = 1; $c <= $cols; $c++)
                            @php
                                $seatNo = chr(64 + $r) . $c; // A1, A2 ...
                                $isBooked = in_array($seatNo, $bookedSeats);
                            @endphp
                            <div class="seat text-center me-2 
                                {{ $isBooked ? 'bg-danger text-white' : 'bg-success text-white' }}"
                                style="width:50px; height:50px; line-height:50px; border-radius:8px;">
                                {{ $seatNo }}
                            </div>
                        @endfor
                    </div>
                @endfor
            </div>
            <div class="mt-3">
                <span class="badge bg-success">Available</span>
                <span class="badge bg-danger">Booked</span>
            </div>
        </div>
    </div>
</div>
@endsection