@extends('layouts.app')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-3">

    <h5 class="mb-0" style="font-weight:600;">
        <i class="fas fa-bus me-2" style="color:var(--admin-primary)"></i>
        Bus Hire Details
    </h5>

    <a href="{{ route('bushires.index') }}" class="btn-admin-outline">
        <i class="fas fa-arrow-left me-1"></i> Back
    </a>

</div>


<div class="admin-card">

    <div class="admin-card-body">

        <!-- Customer Information -->

        <h6 class="mb-3" style="font-weight:600;">
            <i class="fas fa-user me-2"></i>
            Customer Information
        </h6>

        <div class="row">

            <!-- Name -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Full Name
                </label>

                <div class="form-control bg-light">
                    {{ $bushire->name ?: '-' }}
                </div>

            </div>


            <!-- Phone -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Phone Number
                </label>

                <div class="form-control bg-light">
                    {{ $bushire->phone ?: '-' }}
                </div>

            </div>


            <!-- Email -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Email Address
                </label>

                <div class="form-control bg-light">
                    {{ $bushire->email ?: '-' }}
                </div>

            </div>


            <!-- Address -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Address
                </label>

                <div class="form-control bg-light">
                    {{ $bushire->address ?: '-' }}
                </div>

            </div>

        </div>


        <hr class="my-4">


        <!-- Journey Information -->

        <h6 class="mb-3" style="font-weight:600;">
            <i class="fas fa-route me-2"></i>
            Journey Information
        </h6>


        <div class="row">

            <!-- Pickup -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Pickup Location
                </label>

                <div class="form-control bg-light">
                    {{ $bushire->pickup_point ?: '-' }}
                </div>

            </div>


            <!-- Drop -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Drop Location
                </label>

                <div class="form-control bg-light">
                    {{ $bushire->drop_point ?: '-' }}
                </div>

            </div>


            <!-- Journey Date -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Journey Date
                </label>

                <div class="form-control bg-light">

                    @if($bushire->journey_date)
                        {{ \Carbon\Carbon::parse($bushire->journey_date)->format('d M Y') }}
                    @else
                        -
                    @endif

                </div>

            </div>


            <!-- Return Date -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Return Date
                </label>

                <div class="form-control bg-light">

                    @if($bushire->return_date)
                        {{ \Carbon\Carbon::parse($bushire->return_date)->format('d M Y') }}
                    @else
                        -
                    @endif

                </div>

            </div>

        </div>


        <hr class="my-4">


        <!-- Vehicle Information -->

        <h6 class="mb-3" style="font-weight:600;">
            <i class="fas fa-bus me-2"></i>
            Vehicle Information
        </h6>


        <div class="row">

            <!-- Vehicle -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Vehicle
                </label>

                <div class="form-control bg-light">

                    @if(isset($bushire->vehicle))

                        {{ $bushire->vehicle->name }}

                    @else

                        -

                    @endif

                </div>

            </div>


            <!-- Bus Type -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Bus Type
                </label>

                <div class="form-control bg-light">
                    {{ $bushire->bus_type ?: '-' }}
                </div>

            </div>


            <!-- Passengers -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Passengers
                </label>

                <div class="form-control bg-light">
                    {{ $bushire->passengers ?: '0' }}
                </div>

            </div>


            <!-- Price -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Price / Person
                </label>

                <div class="form-control bg-light">

                    ₹{{ number_format((float) $bushire->price, 2) }}

                </div>

            </div>


            <!-- Total Amount -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Total Amount
                </label>

                <div class="form-control bg-light"
                     style="font-weight:600;">

                    ₹{{ number_format((float) $bushire->total_amount, 2) }}

                </div>

            </div>


            <!-- Booking Date -->
            <div class="col-md-6 mb-3">

                <label class="form-label">
                    Booking Date
                </label>

                <div class="form-control bg-light">

                    @if($bushire->created_at)
                        {{ $bushire->created_at->format('d M Y h:i A') }}
                    @else
                        -
                    @endif

                </div>

            </div>

        </div>


        <hr class="my-4">


        <!-- Action -->

        <div class="d-flex justify-content-end">

            <a href="{{ route('bushires.index') }}"
               class="btn-admin-outline">

                <i class="fas fa-arrow-left me-1"></i>
                Back to Bus Hires

            </a>

        </div>

    </div>

</div>

@endsection