@php use App\Models\parametre;




// dd($tab_centrale_id);
 @endphp



<div class="table-responsive" style="overflow-y: auto;height: 45vh;" ><!--table CLIENT-->
    <table class="table table-hover table-sm table-bordered text-center"  style="width:100%;" id="table_client_fiche_annexe">
    <thead style="background-color:#28a745; color:white">
        @if($type_fiche_annexe=='utilisateur')
            <th  class="text-center"><input type="checkbox" name="select_all" value="1" id="select_all"></th>
        @endif
        <th scope="col" class="text-center">CODE</th>
        <th scope="col" class="text-center">Mot dir</th>
        <th scope="col" class="text-center">NOM</th>
        <th scope="col" class="text-center">ADRESSE</th>



    </thead>
    </table>
    @if($type_fiche_annexe=='utilisateur')
        <div class="col-md-12 text-center">

        <button class="btn btn-success" id="valider_liste_utilisateur_client">Valider</button>
        </div>
    @endif
</div><!-- fin table CLIENT-->
<script>
    $(function() { // Dom ready
        //////data table formule

        var table_client_fiche_annexe = $('#table_client_fiche_annexe').DataTable({


            autoWidth:true,
            paging: true,
            searching: true,
            scrollCollapse: true,

            "ajax": {
                "url": "{{url('client/client_data_table_fiche_annexe')}}",
                "type": "GET",

                "data": {
                    'type_fiche_annexe': '{{$type_fiche_annexe}}',
                    'id_fiche_annexe':'{{$id_fiche_annexe}}',

                },

            },

            columnDefs: [
                    @if($type_fiche_annexe=='utilisateur')
                {
                    "targets": 0,
                    'searchable': false,
                    'orderable': false,
                    "data": function(json) {
                        var data_select = json['DT_RowId'];

                        var select = '<input type="checkbox" class=" form-control client_a_selecter" value="' + data_select + '"> ';


                        return select;
                    },
                    "defaultContent": null



                },

                @endif
                { "className": "text-center align-middle ", "targets": "_all" },
                // { "width": "500px", "targets": [0] }

            ],
            'order': [
                [1, 'asc']
            ]
        });



        @if($type_fiche_annexe=='reservation_pompe')
        $(".fermer_affiche").click(function(e) {
                e.preventDefault();

                $(".cadre").show();
               $(".title_reserv").show();
               $("#reservation_pompe_recherche").hide();
            });

            $('#table_client_fiche_annexe tbody').on('dblclick', 'tr', function(e) {
                e.preventDefault();
                var data = table_client_fiche_annexe.row(this).data();
                // console.log(data['DT_RowId']);
                // console.log(data['1']);
                // console.log(data['3']);

                $(".cadre").show();
               $(".title_reserv").show();
               $("#reservation_pompe_recherche").hide();

                $('#reservation_pompe_client').val(data['0']+' -> '+data['1']);
                $('#reservation_pompe_client').attr('client_id',data['DT_RowId']);
                $("#rafraichir").click();
            });



        @elseif($type_fiche_annexe=='incident_index')
        $(".fermer_affiche").click(function(e) {
                e.preventDefault();

                $(".fermer").click();
            });


            $('#table_client_fiche_annexe tbody').on('dblclick', 'tr', function(e) {
                e.preventDefault();
                var data = table_client_fiche_annexe.row(this).data();
                // console.log(data['DT_RowId']);
                // console.log(data['1']);
                // console.log(data['3']);


                // console.log('on est la');
                $(".fermer").click();



                $('#grille_incident_client').val(data['0']+' -> '+data['1']);
                $('#grille_incident_client').attr('client_id',data['DT_RowId']);
                $("#rafraichir").click();
            });

            @elseif($type_fiche_annexe=='incident_form')
            $(".fermer_affiche").click(function(e) {
                e.preventDefault();

            $(".cadre").show();
            $("#entete").show();
                $("#incident_recherche").hide();
            });

            $('#table_client_fiche_annexe tbody').on('dblclick', 'tr', function(e) {
                e.preventDefault();
                var data = table_client_fiche_annexe.row(this).data();
                // console.log(data['DT_RowId']);
                // console.log(data['1']);
                // console.log(data['3']);

                $(".cadre").show();
                $("#entete").show();
                $("#incident_recherche").hide();

                $('#incident_client').val(data['0']+' -> '+data['1']);
                $('#incident_client').attr('client_id',data['DT_RowId']);
                $("#rafraichir").click();
            });

        @elseif($type_fiche_annexe=='action')
        $(".fermer_affiche").click(function(e) {
                e.preventDefault();

            $(".cadre").show();
            $("#entete").show();
                $("#action_recherche").hide();
            });

        $('#table_client_fiche_annexe tbody').on('dblclick', 'tr', function(e) {
            e.preventDefault();
            var data = table_client_fiche_annexe.row(this).data();
            // console.log(data['DT_RowId']);
            // console.log(data['1']);
            // console.log(data['3']);

            $(".cadre").show();
            $("#entete").show();
            $("#action_recherche").hide();

            $('#client_id').val(data['0']+' -> '+data['1']);
            $("#client_id").append('<option value="'+data['DT_RowId']+'" selected>'+data['0']+' -> '+data['1']+'</option>');
            $('#client_id').attr('client_id',data['DT_RowId']);
            $("#rafraichir").click();
        });
        @elseif($type_fiche_annexe=='contact')
        $(".fermer_affiche").click(function(e) {
            e.preventDefault();

            $(".cadre").show();
            $("#entete").show();
            $("#action_recherche").hide();
        });

        $('#table_client_fiche_annexe tbody').on('dblclick', 'tr', function(e) {
            e.preventDefault();
            var data = table_client_fiche_annexe.row(this).data();
            // console.log(data['DT_RowId']);
            // console.log(data['1']);
            // console.log(data['3']);

            $(".cadre").show();
            $("#entete").show();

            $('#client_id_afficher').val(data['0']+' -> '+data['1']);
            $('#client_id').val(data['DT_RowId']);
            $("#affiche_recherche_dans_contact").hide();
            // $("#client_id").append('<option value="'+data['DT_RowId']+'" selected>'+data['0']+' -> '+data['1']+'</option>');
            // $('#client_id').attr('client_id',data['DT_RowId']);
            // $("#rafraichir").click();

        });
        @elseif($type_fiche_annexe=='utilisateur')
        $('#select_all').on('click', function() {
            // Get all rows with search applied
            var rows = table_client_fiche_annexe.rows({ 'search': 'applied' }).nodes();
            // Check/uncheck checkboxes for all rows in the table
            $('input[type="checkbox"]', rows).prop('checked', this.checked);
        });
        let client_selected_default = new Set();
        $('#table_client_fiche_annexe').on('change', '.client_a_selecter', function () {
            const id_client = $(this).val(); // Assure-toi que chaque checkbox a un attribut data-id
            if ($(this).is(':checked')) {
                client_selected_default.add(id_client);
            } else {
                client_selected_default.delete(id_client);
            }
        });

        $("#valider_liste_utilisateur_client").click(function(e) {
            e.preventDefault();
            $('.ring').show();
            $('#filtre_loading').show();
            // var client_selected = [];
            const client_selected = Array.from(client_selected_default);
            // console.log(client_selected);
            // $(".client_a_selecter:checked").each(function(index) {
            //
            //     var id_client = $(this).val();
            //     client_selected.push(id_client);
            // });

            // if (client_selected.length != 0) {




                function reponse(retourPHP) {


                    $('.ring').hide();
                    $('#filtre_loading').hide();
                    $("#message").html(retourPHP.message);
                    $("#message").show(1000);
                    setTimeout("$('#refresh_table_liste_client').click()", 2000);
                    setTimeout("$('#affiche_recherche_dans_utilisateur').hide()", 3000);
                    setTimeout("$('#message').hide()", 3000);



                }



                $.post('{{url('utilisateur/valider_liste_client')}}', {utilisateur_id:'{{$id_fiche_annexe}}', "clients": client_selected,_token: '{{ csrf_token() }}' }, reponse, "json");
            // }
            // else {
            //
            //     $('.ring').hide();
            //     $('#filtre_loading').hide();
            // }




        });


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