@php  use App\Models\commune; @endphp
@php
    $commune_par_default=commune::find($commune_id);

    if($commune_par_default){
        $communes=commune::where('commune_code_postal',$commune_par_default->commune_code_postal)->get();
    }
@endphp
<div class="form-row"  ><!--recherche commune-->
    <div class="form-group col-md-3">
        <label for="recherche_commune_code_postal{{$prefix??''}}">Code Postal :</label>
        <input id="recherche_commune_code_postal{{$prefix??''}}" class="form-control" value="{{$commune_par_default->commune_code_postal??''}}" placeholder="Code Postal" name="recherche_commune_code_postal">
    </div>
    <div class="form-group col-md-2">
        <label for="recherche_commune_ville{{$prefix??''}}">Recherche ville :</label>
        <input type="text"  id="recherche_commune_ville{{$prefix??''}}" class="form-control" name="recherche_commune_ville{{$prefix??''}}" value="">
    </div>
    <div class="form-group col-md-3">
        <label for="commune_id{{$prefix??''}}" >Ville :</label>
        <select  id="commune_id{{$prefix??''}}" class="form-control"  name="commune_id{{$prefix??''}}">
            @if($commune_par_default)
                @foreach($communes as $commune)
                    <option value="{{$commune->id_commune}}"  @selected($commune->id_commune==$commune_id) data-pays="{{$commune->lier_pays->pays_libelle}}">{{$commune->commune_ville}} ({{$commune->commune_code_postal}})</option>
                @endforeach
            @else
                <option value="0">Aucune</option>
            @endif
        </select>
    </div>
    <div class="col-sm-1" style="padding-top:2.5%">
        <button class="btn btn-danger btn-sm" id="vider_recherche_commune{{$prefix??''}}"><i class="fas fa-times-circle"></i></button>
    </div>
    <div class="form-group col-md-3">
        <label for="pays{{$prefix??''}}">Pays :</label>
        <input type="text"  id="recherche_commune_pays{{$prefix??''}}" class="form-control" name="recherche_commune_pays" value="{{$commune_par_default->lier_pays->pays_libelle??''}}" placeholder="Pays">
    </div>

</div><!-- fin recherche commune-->
<script>
    $(function() { // Dom ready

        $("#commune_id{{$prefix??''}}").change(function() {
            var selectedOption = $(this).find('option:selected');  // Récupérer l'option sélectionnée
            var pays = selectedOption.data('pays');  // Récupérer la valeur de data-pays (le pays)
            // Mettre à jour le champ pays_libelle avec le pays sélectionné
            $("#recherche_commune_pays{{$prefix??''}}").val(pays);
        });

        $("#recherche_commune_code_postal{{$prefix??''}}").keyup(function(e) {
            e.preventDefault();
            var code_postal = $("#recherche_commune_code_postal{{$prefix??''}}").val();

            if (code_postal.length >= 4) {

                function reponse(retour) {
                    $("#commune_id{{$prefix??''}}").empty();  // Vider le menu déroulant des communes
                    // console.log(retour);  // Affiche la réponse JSON pour debug
                    $.each(retour, function(index, commune) {
                        var optionText = commune.commune_ville +' ('+commune.commune_code_postal+')';
                        var dataPays = commune.lier_pays ? commune.lier_pays.pays_libelle : '';
                        // Ajouter une option avec l'attribut data-pays pour stocker le pays
                        $('#commune_id{{$prefix??''}}').append('<option value="' + commune.id_commune + '" data-pays="' + dataPays + '">' + optionText + '</option>');
                    });
                    $("#commune_id{{$prefix??''}}").change();
                }

                // Effectuer la requête AJAX pour récupérer les communes
                $.get('{{route('commune.chercher_commune_fiche_annexe')}}',
                    { code_postal: code_postal },
                    reponse,
                    'json');
            }
        });
        $("#recherche_commune_ville{{$prefix??''}}").keyup(function(e) {
            e.preventDefault();
            var ville = $("#recherche_commune_ville{{$prefix??''}}").val();

            if (ville.length >= 3) {

                function reponse(retour) {
                    $("#commune_id{{$prefix??''}}").empty();  // Vider le menu déroulant des communes

                    $.each(retour, function(index, commune) {
                        var optionText = commune.commune_ville +' ('+commune.commune_code_postal+')';
                        var dataPays = commune.lier_pays ? commune.lier_pays.pays_libelle : '';
                        // Ajouter une option avec l'attribut data-pays pour stocker le pays
                        $('#commune_id{{$prefix??''}}').append('<option value="' + commune.id_commune + '" data-pays="' + dataPays + '">' + optionText + '</option>');
                    });
                    $("#commune_id{{$prefix??''}}").change();
                }

                // Effectuer la requête AJAX pour récupérer les communes
                $.get('{{route('commune.chercher_commune_fiche_annexe')}}',
                    { commune_ville:ville },
                    reponse,
                    'json');
            }
        });
        $("#vider_recherche_commune{{$prefix??''}}").click(function (e){
            e.preventDefault();
            $("#commune_id{{$prefix??''}}").html('<option value="0">Aucune</option>');
            $("#recherche_commune_ville{{$prefix??''}}").val('');
            $("#recherche_commune_code_postal{{$prefix??''}}").val('');
            $("#recherche_commune_pays{{$prefix??''}}").val('');

        });



    });//Fin dom ready
</script>