@extends('layouts.master')
@section('title', pageTitle('Viewing Booking'))
@section('content')
    @include('sections.breadcrumb')

    <div class="container-fluid basic_table pb-5">
    <!-- Row -->
    <div class="row row-sm justify-content-center align-content-center">
        <div class="col-sm-12 col-md-8">
            <div class="card our-team">
                <div class="card-body">
                    <h2>{{ $booking->passenger->name . " Booking Details" }}</h2>

                    <div class="row row-sm mt-5">
                        <div class="col-md-12 col-sm-12">
                            <div class="p-2 bg-primary-transparent text-center rounded-sm">
                                <strong>Booking's Details</strong>
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Passenger Name</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->passenger->name }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Passenger Phone</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->passenger->phone }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Passenger Address</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->passenger->address }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Route</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->route ?? '---' }}
                            </div>
                        </div>
                    </div>
                    @if (isset($booking->selected_seats))
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Selected Seats</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                @foreach (json_decode($booking->selected_seats) as $seat )
                                    {{ "Seat " . $seat . " " }}
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endif

                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Trip Type</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ settingLabel($booking->trip_type) }}
                            </div>
                        </div>
                    </div>

                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Departure Terminal</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->originTerminal->name }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Destination Terminal</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->destTerminal->name }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Amount</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ moneyFormat($booking->amount_paid) }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Trip Departure Time</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ parseDate($booking->tripControl->departure_datetime)->format('d/m/Y h:i a') }}
                            </div>
                        </div>
                    </div>

                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Adults</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->adults ?? '---' }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Children</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->children ?? '---' }}
                            </div>
                        </div>
                    </div>

                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Status</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                @if($booking->status === "BOOKING_CONFIRMED")
                                    <span class="badge badge-success">{{ settingLabel($booking->status) }}</span>
                                @elseif($booking->status === "BOOKING_CANCELED")
                                    <span class="badge badge-danger">{{ settingLabel($booking->status) }}</span>
                                @else
                                    <span class="badge badge-warning">{{ settingLabel($booking->status) }}</span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row row-sm mt-2">
                        <div class="col-md-12 col-sm-12">
                            <div class="p-2 bg-primary-transparent text-center rounded-sm">
                                <strong>Driver's Details</strong>
                            </div>
                        </div>
                    </div>
                   
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Driver ID</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                <a href="{{ route('admin.drivers.show', [$booking->driver->identifier]) }}">{{ $booking->driver->identifier }}</a>
                            </div>
                        </div>
                    </div>

                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Full Name</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->driver->name ?? '---' }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Phone Number</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->driver->phone ?? '---' }}
                            </div>
                        </div>
                    </div>

                    <div class="row row-sm mt-2">
                        <div class="col-md-12 col-sm-12">
                            <div class="p-2 bg-primary-transparent text-center rounded-sm">
                                <strong>Vehicle's Details</strong>
                            </div>
                        </div>
                    </div>

                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Vehicle ID</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->vehicle->identifier ?? '---' }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Vehicle Name</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->tripControl->vehicle_name ?? '---' }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Vehicle License Number</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $booking->vehicle->license_no ?? '---' }}
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <!--End Row -->
    </div>
@stop
@section('page-scripts')
@stop