@extends('admin.layouts.admin')

@section('title','Drivers')
@section('page-title','Drivers')

@section('content')

<div class="card border-0 shadow-sm">
    <div class="card-body">

        <table class="table align-middle">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Driver</th>
                    <th>Phone</th>
                    <th>Vehicle</th>
                    <th>Status</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>

            <tbody>
            @forelse($drivers as $driver)
                <tr>
                    <td>{{ $loop->iteration }}</td>

                    {{-- PROFILE --}}
                    <td class="d-flex align-items-center gap-3">
                        <img src="{{ $driver->photo
                                    ? asset('storage/'.$driver->photo)
                                    : asset('images/default-driver.png') }}"
                             class="rounded-circle"
                             width="45" height="45">

                        <div>
                            <div class="fw-semibold">{{ $driver->name }}</div>
                            <small class="text-muted">{{ $driver->email }}</small>
                        </div>
                    </td>

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

                    <td>
                        {{ $driver->vehicle_type }}
                        <small class="text-muted d-block">
                            {{ $driver->vehicle_no ?? '—' }}
                        </small>
                    </td>

                    <td>
                        @if($driver->is_active)
                            <span class="badge bg-success">Active</span>
                        @else
                            <span class="badge bg-secondary">Inactive</span>
                        @endif
                    </td>

                    <td class="text-end">
                        <a href="{{ route('admin.drivers.show',$driver->id) }}"
                           class="btn btn-sm btn-outline-primary">
                            View
                        </a>

                        <a href="{{ route('admin.drivers.edit',$driver->id) }}"
                           class="btn btn-sm btn-outline-warning">
                            Edit
                        </a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="6" class="text-center text-muted">
                        No drivers found
                    </td>
                </tr>
            @endforelse
            </tbody>
        </table>

        <div class="mt-3">
            {{ $drivers->links() }}
        </div>

    </div>
</div>

@endsection