@php
    use Carbon\Carbon;
@endphp

@extends('layouts.root')

@section('root-body')
    
<!--**********************************
            Content body start
***********************************-->
    <!-- row -->
    <div class="container-fluid">

        <div class="row">

            <!-- Card item START -->
            <div class="col-md-12">
                        
                <!-- Card item START -->
                <form method="POST" action="{{ route('root.updateCommune', ['id' => $rootCommune->id]) }}" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <input type="hidden" name="active" value="1" />


                    <div class="card bg-transparent border h-100"> 
                        <!-- Card header -->
                        <div class="card-header bg-transparent border-bottom d-flex align-items-sm-center justify-content-between">
                            <div class="d-sm-flex align-items-center">
                                <!-- Info -->
                                <div class="ms-0 ms-sm-2 mt-2 mt-sm-0">
                                    <h5 class="mb-0"><a href="#" class="text-primary">Ma Commune</a></h5>
                                </div>
                            </div>
                        </div>

                        <div class="card-body">
                            <div class="row">

                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label class="col-lg-4 col-form-label text-primary" for="code">Code</label>
                                        <input type="text" class="form-control @error('code') is-invalid @enderror" name="code" placeholder="Code" required value="{{ $rootCommune->code }}">
                                        @error('code')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label class="col-lg-4 col-form-label text-primary" for="libelle">Libelle</label>
                                        <input type="text" class="form-control @error('libelle') is-invalid @enderror" name="libelle" placeholder="Libelle" required value="{{ $rootCommune->libelle }}">
                                        @error('libelle')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label class="col-lg-4 col-form-label text-primary" for="adresse">Adresse</label>
                                        <input type="text" class="form-control @error('adresse') is-invalid @enderror" name="adresse" placeholder="Adresse" required value="{{ $rootCommune->adresse }}">
                                        @error('adresse')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label class="col-lg-4 col-form-label text-primary" for="telephone">Telephone</label>
                                        <input type="phone" class="form-control @error('telephone') is-invalid @enderror" name="telephone" placeholder="Telephone" required value="{{ $rootCommune->telephone }}">
                                        @error('telephone')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-xl-12">
                                    <div class="mb-3">
                                        <label class="col-lg-4 col-form-label text-primary" for="website">Site web</label>
                                        <input type="phone" class="form-control @error('website') is-invalid @enderror" name="website" placeholder="Site web" required value="{{ $rootCommune->website }}">
                                        @error('website')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-xl-12">
                                    <!-- Course title -->
                                    <div class="mb-3">
                                        <label class="form-label">Uploader le logo</label>
                                        <div class="input-group mb-3">
                                            <input type="file" class="form-control" id="inputGroupFile01" name="logo">
                                            <label class="input-group-text">Logo</label>
                                        </div>
                                    </div>
                                </div>

                                <!-- Course level -->
                                <div class="col-md-12">
                                    <label class="form-label">Quartier</label>
                                    <select class="form-select js-choice border-0 z-index-9 bg-transparent" name="quartier_id" required>
                                        <option value="">Select Quartier</option>
                                        @foreach($quartierList as $quartier)
                                        <option value="{{ $quartier->id }}" @if($rootCommune->quartier_id == $quartier->id) selected @endif>
                                            {{ $quartier->libelle }}</option>
                                        @endforeach
                                    </select>
                                </div>
        
                            </div>
                        </div>

                        <!-- Card footer -->
                        <div class="card-footer bg-transparent border-top">
                            <!-- Message button -->
                            <button type="submit" class="btn btn-primary btn-block text-white">
                                soumettre
                            </button>
                        </div>

                    </div>
                </form>
                <!-- Card item END -->
                
            </div>


        </div>

        
    </div>
<!--**********************************
    Content body end
***********************************-->





@endsection


@section('scripts')
    <!-- Les scripts spécifiques à cette vue enfant vont ici -->
    <script src="votre_script.js"></script>
@endsection