@extends('layout.app')
@section('title','Nouveau déplacement')
@section('page_title','Ajouter un déplacement')

@section('content')
<div class="container-fluid">
<div class="card border-0 shadow-sm rounded-4">
<div class="card-body">
    <a href="{{ route('admin.deplacements.index') }}" class="btn btn-secondary mb-3">
        <i class="fa fa-arrow-left"></i> Retour
    </a>

    @if($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">@foreach($errors->all() as $err)<li>{{ $err }}</li>@endforeach</ul>
        </div>
    @endif

    <form method="POST" action="{{ route('admin.deplacements.store') }}" class="row g-3">
        @csrf

        <div class="col-md-4">
            <label class="form-label fw-semibold">Délégué *</label>
            <select name="user_id" class="form-select" required>
                <option value="">-- Sélectionner --</option>
                @foreach($users as $u)
                    <option value="{{ $u->id }}">{{ $u->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="col-md-4">
            <label class="form-label fw-semibold">Ville de départ *</label>
            <select name="from_city" class="form-select" required>
                <option value="">-- Sélectionner --</option>
                @foreach($cities as $city)
                    <option value="{{ $city->name }}">{{ $city->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="col-md-4">
            <label class="form-label fw-semibold">Ville d’arrivée *</label>
            <select name="to_city" class="form-select" required>
                <option value="">-- Sélectionner --</option>
                @foreach($cities as $city)
                    <option value="{{ $city->name }}">{{ $city->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="col-md-4">
            <label class="form-label fw-semibold">Distance (km)</label>
            <input type="number" step="0.01" name="distance_km" class="form-control">
        </div>

        <div class="col-md-4">
            <label class="form-label fw-semibold">Date et heure départ *</label>
            <input type="datetime-local" name="date_depart" class="form-control" required>
        </div>

        <div class="col-md-4">
            <label class="form-label fw-semibold">Statut *</label>
            <select name="status" class="form-select">
                <option value="realise">Réalisé</option>
                <option value="non_realise" selected>Non Réalisé</option>
            </select>
        </div>

        <div class="col-12 text-end">
            <button class="btn btn-glo-success"><i class="fa fa-check"></i> Enregistrer</button>
        </div>
    </form>
</div></div></div>
@endsection