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

</div>


<div class="admin-card">

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

        @include('partials.errors')


        {{-- Search --}}

        <form method="GET" action="{{ route('bushires.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..."
                        value="{{ request('search') }}">

                </div>


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

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

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

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

                        <option value="0"
                            {{ request('status') == '0' ? 'selected' : '' }}>
                            Inactive
                        </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('bushires.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>Name</th>

                        <th>Phone</th>

                        <th>Vehicle</th>

                        <th>Pickup</th>

                        <th>Drop</th>

                        <th>Journey 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>


                        <td>

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

                            @if($hire->email)

                                <br>

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

                            @endif

                        </td>


                        <td>
                            {{ $hire->phone }}
                        </td>


                        <td>

                            @if($hire->vehicle)

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

                                <br>

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

                            @else

                                -

                            @endif

                        </td>


                        <td>
                            {{ $hire->pickup_point ?: '-' }}
                        </td>


                        <td>
                            {{ $hire->drop_point ?: '-' }}
                        </td>


                        <td>

                            @if($hire->journey_date)

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

                            @else

                                -

                            @endif

                        </td>


                        <td>
                            {{ $hire->passengers ?: '-' }}
                        </td>
                          <td>
                            {{ $hire->total_amount ?: '-' }}
                        </td>


                        <td>

                            @if($hire->status == 1)

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

                            @else

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

                            @endif

                        </td>


                        <td class="text-end">

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

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

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

                                </a>


                                <form action="{{ route('bushires.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 Hire Requests</h5>

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

        </div>

        @endif

    </div>

</div>

@endsection