@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 Bookings
    </h5>

</div>


<div class="admin-card">

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

        @include('partials.errors')


        {{-- Search --}}
        <form method="GET"
              action="{{ route('busbookings.index') }}"
              class="mb-3">

            <div class="row">

                <div class="col-md-5">

                    <input
                        type="text"
                        name="search"
                        class="form-control"
                        placeholder="Search name, phone, email, booking no..."
                        value="{{ request('search') }}">

                </div>


                <div class="col-md-3">

                    <select name="status" class="form-control">

                        <option value="">
                            All Status
                        </option>

                        <option value="0"
                            {{ request('status') == '0' ? 'selected' : '' }}>
                            Pending
                        </option>

                        <option value="1"
                            {{ request('status') == '1' ? 'selected' : '' }}>
                            Confirmed
                        </option>

                        <option value="2"
                            {{ request('status') == '2' ? 'selected' : '' }}>
                            Cancelled
                        </option>

                        <option value="3"
                            {{ request('status') == '3' ? 'selected' : '' }}>
                            Completed
                        </option>

                    </select>

                </div>


                <div class="col-md-4">

                    <button type="submit"
                            class="btn-admin-primary">

                        <i class="fas fa-search me-1"></i>
                        Search

                    </button>

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

                        Reset

                    </a>

                </div>

            </div>

        </form>


        @if($busHires->count() > 0)

        <div class="table-responsive">

            <table class="admin-table">

                <thead>

                    <tr>

                        <th>#</th>

                        <th>Booking No.</th>

                        <th>Name</th>

                        <th>Phone</th>

                        <th>Vehicle</th>

                        <th>Pickup</th>

                        <th>Drop</th>

                        <th>Journey Date</th>

                       <!-- <th>Return Date</th>-->

                        <th>Passengers</th>

                        <th>Total Amount</th>

                        <th>Status</th>

                        <th class="text-end">
                            Actions
                        </th>

                    </tr>

                </thead>


                <tbody>

                @foreach($busHires as $key => $hire)

                    <tr>

                        {{-- # --}}
                        <td>
                            {{ $key + 1 }}
                        </td>


                        {{-- Booking Number --}}
                        <td>

                            <strong>
                                {{ $hire->booking_no }}
                            </strong>

                        </td>


                        {{-- Name --}}
                        <td>

                            <strong>
                                {{ $hire->name }}
                            </strong>

                            @if($hire->email)

                                <br>

                                <small>
                                    {{ $hire->email }}
                                </small>

                            @endif

                        </td>


                        {{-- Phone --}}
                        <td>

                            {{ $hire->phone }}

                        </td>


                        {{-- Vehicle --}}
                        <td>

                            @if($hire->vehicle)

                                {{ $hire->vehicle->name }}

                                @if($hire->vehicle->vehicle_type)

                                    <br>

                                    <small>
                                        {{ $hire->vehicle->vehicle_type }}
                                    </small>

                                @endif

                            @else

                                -

                            @endif

                        </td>


                        {{-- Pickup --}}
                        <td>

                            {{ $hire->pickup_point ?: '-' }}

                        </td>


                        {{-- Drop --}}
                        <td>

                            {{ $hire->drop_point ?: '-' }}

                        </td>


                        {{-- Journey Date --}}
                        <td>

                            @if($hire->journey_date)

                                {{ date('d M Y', strtotime($hire->journey_date)) }}

                            @else

                                -

                            @endif

                        </td>


                        {{-- Return Date --}}
                       <!-- <td>

                            @if($hire->return_date)

                                {{ date('d M Y', strtotime($hire->return_date)) }}

                            @else

                                -

                            @endif

                        </td>-->


                        {{-- Passengers --}}
                        <td>

                            {{ $hire->passengers ?: '-' }}

                        </td>


                        {{-- Total Amount --}}
                        <td>

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

                        </td>


                        {{-- Status --}}
                        <td>

                            @if($hire->booking_status == 0)

                                <span class="badge bg-warning text-dark">
                                    Pending
                                </span>

                            @elseif($hire->booking_status == 1)

                                <span class="badge bg-success">
                                    Confirmed
                                </span>

                            @elseif($hire->booking_status == 2)

                                <span class="badge bg-danger">
                                    Cancelled
                                </span>

                            @elseif($hire->booking_status == 3)

                                <span class="badge bg-primary">
                                    Completed
                                </span>

                            @else

                                <span class="badge bg-secondary">
                                    Unknown
                                </span>

                            @endif

                        </td>


                        {{-- Actions --}}
                        <td class="text-end">

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

                                <a href="{{ route('busbookings.show', $hire->id) }}"
                                   class="btn-admin-sm btn-admin-edit">

                                    <i class="fas fa-eye"></i>

                                </a>


                                <form action="{{ route('busbookings.destroy', $hire->id) }}"
                                      method="POST"
                                      onsubmit="return confirm('Are you sure you want to delete this booking?');">

                                    @csrf

                                    @method('DELETE')

                                    <button type="submit"
                                            class="btn-admin-sm btn-admin-delete">

                                        <i class="fas fa-trash"></i>

                                    </button>

                                </form>

                            </div>

                        </td>

                    </tr>

                @endforeach

                </tbody>

            </table>

        </div>

        @else

        <div class="admin-empty">

            <i class="fas fa-bus"></i>

            <h5>No Bus Bookings</h5>

            <p>
                No bus booking requests found.
            </p>

        </div>

        @endif

    </div>

</div>

@endsection