@extends('layout.app')
@section('title','Déplacements')
@section('page_title','Liste des Déplacements')

@section('content')
<div class="container-fluid">
<div class="card border-0 shadow-sm rounded-4">
<div class="card-body">

<div class="d-flex justify-content-between align-items-center mb-3">
    <h5 class="text-primary fw-semibold"><i class="fa fa-route me-2"></i> Tous les Déplacements</h5>
    <a href="{{ route('admin.deplacements.create') }}" class="btn btn-glo-primary">
        <i class="fa fa-plus"></i> Ajouter
    </a>
</div>

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

<form method="GET" class="row g-2 mb-3">
    <div class="col-md-3">
        <input type="text" name="search" class="form-control" placeholder="Ville de départ / arrivée" value="{{ request('search') }}">
    </div>
    <div class="col-md-2">
        <select name="status" class="form-select">
            <option value="">Statut</option>
            <option value="realise" {{ request('status')=='realise'?'selected':'' }}>Réalisé</option>
            <option value="en_cours" {{ request('status')=='en_cours'?'selected':'' }}>En cours</option>
            <option value="non_realise" {{ request('status')=='non_realise'?'selected':'' }}>Non réalisé</option>
        </select>
    </div>
    <div class="col-md-2">
        <input type="date" name="from" value="{{ request('from') }}" class="form-control">
    </div>
    <div class="col-md-2">
        <input type="date" name="to" value="{{ request('to') }}" class="form-control">
    </div>
    <div class="col-md-2">
        <button class="btn btn-glo-primary w-100"><i class="fa fa-filter"></i> Filtrer</button>
    </div>
</form>

<table class="table table-hover align-middle">
<thead class="table-light">
<tr>
    <th>ID</th>
    <th>Délégué</th>
    <th>De</th>
    <th>À</th>
    <th>Date</th>
    <th>Distance (Km)</th>
    <th>Statut</th>
    <th class="text-end">Actions</th>
</tr>
</thead>
<tbody>
@foreach($deplacements as $d)
<tr>
    <td>{{ $d->id }}</td>
    <td>{{ $d->user?->name }}</td>
    <td>{{ $d->from_city }}</td>
    <td>{{ $d->to_city }}</td>
    <td>{{ $d->date_depart->format('d/m/Y H:i') }}</td>
    <td>{{ $d->distance_km ?? '-' }}</td>
    <td>
        @if($d->status === 'realise')
            <span class="badge bg-success">Réalisé</span>
        @elseif($d->status === 'en_cours')
            <span class="badge bg-primary">En cours</span>
        @else
            <span class="badge bg-warning text-dark">Non réalisé</span>
        @endif
    </td>
    <td class="text-end">
        <a href="{{ route('admin.deplacements.show',$d) }}" class="btn btn-sm btn-outline-primary"><i class="fa fa-eye"></i></a>
        <a href="{{ route('admin.deplacements.edit',$d) }}" class="btn btn-sm btn-outline-success"><i class="fa fa-edit"></i></a>
        <form action="{{ route('admin.deplacements.destroy',$d) }}" class="d-inline" method="POST" onsubmit="return confirm('Supprimer ?')">
            @csrf @method('DELETE')
            <button class="btn btn-sm btn-outline-danger"><i class="fa fa-trash"></i></button>
        </form>
    </td>
</tr>
@endforeach
</tbody>
</table>

{{ $deplacements->links() }}

</div></div></div>
@endsection