@extends('backend/include/layout')
<!-- title -->
@section('title')
    Modification Région || {{env("APP_NAME")}}
@endsection

@section('fil-arial')
    <div class="pagetitle">
        <h1>Régions</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#" style="text-decoration: none;">Home</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.parametres') }}"
                        style="text-decoration: none;">Paramètres</a></li>
                <li class="breadcrumb-item"><a href="{{ route('regions.index') }}" style="text-decoration: none;">Régions</a>
                </li>
                <li class="breadcrumb-item active">Modification </li>
            </ol>
        </nav>
    </div>
@endsection

@section('contenu')
    <section class="section">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Modification</h5>
                        <!-- General Form Elements -->
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <strong>Error!</strong>
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <form action="{{ route('regions.update', $region->id) }}" method="post">
                            @csrf
                            @method("put")
                            <div class="row mb-3">
                                <label for="inputText" class="col-sm-2 col-form-label">Libellé <i
                                        class="text-danger">*</i></label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" required name="libelle" id="libelle" value="{{$region->libelle}}">
                                </div>
                            </div>


                            <div class="row mb-3">
                                <label for="inputText" class="col-sm-2 col-form-label">District <i
                                        class="text-danger">*</i></label>
                                <div class="col-sm-10">
                                    <select name="district_id" id="district_id" class="form-control" value={{$region->district_id}}>
                                        <optgroup label="Valeur par defaut">
                                            <option value="{{$region->district_id}}">{{$region->getDistrict->libelle}}</option>
                                        </optgroup>

                                        <optgroup label="Liste disponible">
                                            @foreach ($districts as $item)
                                                <option value="{{$item->id}}">{{$item->libelle}}</option>
                                            @endforeach
                                        </optgroup>
                                    </select>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="description" class="col-sm-2 col-form-label">Description</label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" style="height: 100px" name="description" id="description">{{$region->description}}</textarea>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <label class="col-sm-2 col-form-label">Validation</label>
                                <div class="col-sm-10">
                                    <button type="submit" class="btn btn-warning">Enregistrer</button>
                                </div>
                            </div>
                        </form><!-- End General Form Elements -->
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

<!-- jsScript -->
@section('script-js')
    <script>
        $(document).ready(function() {

            // remove menu active
            $("ul").removeClass('show');
            $("ul li a").removeClass('active');
            // active menu 
            $("#parametres").removeClass('collapsed');
        });
    </script>
@endsection