@extends('layout.app')

@section('title', 'Modifier un secteur')
@section('page_title', 'Modification du secteur : ' . $city->name)

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

            <a href="{{ route('admin.cities.index') }}" class="btn btn-secondary mb-3">
                <i class="fa fa-arrow-left"></i> Retour
            </a>

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

            <form method="POST" action="{{ route('admin.cities.update', $city) }}" class="row g-3">
                @csrf
                @method('PUT')

                <div class="col-md-6">
                    <label class="form-label fw-semibold">Nom du secteur / ville *</label>
                    <input type="text" name="name" value="{{ old('name', $city->name) }}" class="form-control" required>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">Région *</label>
                    <select name="region" class="form-select" required>
                        <option value="">-- Sélectionner une région --</option>
                        <option value="Tanger-Tétouan-Al Hoceïma" {{ $city->region=='Tanger-Tétouan-Al Hoceïma'?'selected':'' }}>Tanger-Tétouan-Al Hoceïma</option>
                        <option value="L’Oriental" {{ $city->region=='L’Oriental'?'selected':'' }}>L’Oriental</option>
                        <option value="Fès-Meknès" {{ $city->region=='Fès-Meknès'?'selected':'' }}>Fès-Meknès</option>
                        <option value="Rabat-Salé-Kénitra" {{ $city->region=='Rabat-Salé-Kénitra'?'selected':'' }}>Rabat-Salé-Kénitra</option>
                        <option value="Béni Mellal-Khénifra" {{ $city->region=='Béni Mellal-Khénifra'?'selected':'' }}>Béni Mellal-Khénifra</option>
                        <option value="Casablanca-Settat" {{ $city->region=='Casablanca-Settat'?'selected':'' }}>Casablanca-Settat</option>
                        <option value="Marrakech-Safi" {{ $city->region=='Marrakech-Safi'?'selected':'' }}>Marrakech-Safi</option>
                        <option value="Drâa-Tafilalet" {{ $city->region=='Drâa-Tafilalet'?'selected':'' }}>Drâa-Tafilalet</option>
                        <option value="Souss-Massa" {{ $city->region=='Souss-Massa'?'selected':'' }}>Souss-Massa</option>
                        <option value="Guelmim-Oued Noun" {{ $city->region=='Guelmim-Oued Noun'?'selected':'' }}>Guelmim-Oued Noun</option>
                        <option value="Laâyoune-Sakia El Hamra" {{ $city->region=='Laâyoune-Sakia El Hamra'?'selected':'' }}>Laâyoune-Sakia El Hamra</option>
                        <option value="Dakhla-Oued Ed-Dahab" {{ $city->region=='Dakhla-Oued Ed-Dahab'?'selected':'' }}>Dakhla-Oued Ed-Dahab</option>
                    </select>
                </div>

                <div class="col-12 text-end mt-3">
                    <button type="submit" class="btn btn-glo-success">
                        <i class="fa fa-save"></i> Mettre à jour le secteur
                    </button>
                </div>
            </form>

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