@extends('admin.layouts.admin')

@section('title','Approve Drivers')
@section('page-title','Pending Driver Approvals')

@section('content')

{{-- SUCCESS / ERROR --}}
@if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif

@if(session('error'))
    <div class="alert alert-danger">
        {{ session('error') }}
    </div>
@endif

<div class="card shadow-sm border-0">
    <div class="card-header bg-white d-flex justify-content-between align-items-center">
        <h5 class="mb-0">
            <i class="bi bi-person-check text-warning me-1"></i>
            Pending Drivers
        </h5>
        <span class="badge bg-warning text-dark">
            {{ $drivers->count() }} Pending
        </span>
    </div>

    <div class="card-body p-0">

        @if($drivers->isEmpty())
            <div class="text-center py-5 text-muted">
                <i class="bi bi-check-circle fs-1 text-success"></i>
                <p class="mt-3 mb-0">No pending drivers to approve</p>
            </div>
        @else
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th>Driver</th>
                            <th>Contact</th>
                            <th>Registered</th>
                            <th>Status</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($drivers as $driver)
                            <tr>
                                <td>{{ $loop->iteration }}</td>

                                <td>
                                    <strong>{{ $driver->name }}</strong><br>
                                    <small class="text-muted">
                                        ID: {{ $driver->id }}
                                    </small>
                                </td>

                                <td>
                                    {{ $driver->email }}<br>
                                    <small class="text-muted">
                                        {{ $driver->phone ?? '—' }}
                                    </small>
                                </td>

                                <td>
                                    {{ $driver->created_at->format('d M Y') }}
                                </td>

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

                                <td class="text-end">

                                    {{-- APPROVE --}}
                                    <form method="POST"
                                          action="{{ route('admin.drivers.toggle', $driver) }}"
                                          class="d-inline">
                                        @csrf
                                        <button class="btn btn-sm btn-success"
                                                onclick="return confirm('Approve this driver?')">
                                            <i class="bi bi-check-circle"></i>
                                            Approve
                                        </button>
                                    </form>

                                    {{-- REJECT --}}
                                    <form method="POST"
                                          action="{{ route('admin.drivers.toggle', $driver) }}"
                                          class="d-inline">
                                        @csrf
                                        <button class="btn btn-sm btn-outline-danger"
                                                onclick="return confirm('Reject this driver?')">
                                            <i class="bi bi-x-circle"></i>
                                            Reject
                                        </button>
                                    </form>

                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif

    </div>
</div>

@endsection