@php use App\Models\parametre;
     use App\Models\centrale;
     $centrales=centrale::orderBy('centrale_code', 'ASC')->get();



// dd($tab_centrale_id);
 @endphp



<button type="button" class="btn btn-danger" id="fermer_liste_formule_chantier" style="margin-left: 95%;margin-bottom: 1%;">X</button>
<div class="alert alert-success text-center message" style="top:2%; display:none"></div>
<div class="alert alert-danger text-center message_base_supprimer" style=" display:none"></div>
<div class="alert alert-danger text-center message_base_erreur" style=" display:none"></div>
<div class="alert text-center" id="entete" style="background:#000000 !important; color: white !important"> 
    <h1>Liste formules</h1></div>

    <div class="text-center" ><button type="button" class="btn btn-success valider_liste_formule_autorisee"  >Valider</button></div>


<div class="table-responsive" style="overflow-y: auto;height: 45vh;" ><!--table formule-->
    <table class="table table-hover table-sm table-bordered "  style="width:100%;" id="table_liste_formule_a_ajouter">
    <thead style="background-color:#28a745; color:white">


        <th class="text-center"><input type="checkbox" name="select_all" value="1" id="select_all"></th>
        <th scope="col" class="text-center">CODE</th>
        <th scope="col" class="text-center">CODE FAC</th>
        <th scope="col" class="text-center">RECHERCHE</th>
        <th scope="col" class="text-center">APPELLATION COMMERCIALE</th>



    </thead>
    </table>

</div><!-- fin table formule-->
<script>
    $(function() { // Dom ready
        //////data table formule

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


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


            initComplete: function() {
            // Apply the search
            this.api().columns().every(function() {
                var that = this;

                $('input', this.header()).on('keyup clear', function() {
                    if (that.search() !== this.value) {
                        that
                            .search(this.value)
                            .draw();
                    }
                });
            });
        },

            buttons: [

                { "extend": 'excel', "text": 'Export excel', "className": 'btn_export_excel' }
            ],
            "ajax": {
                "url": "{{url('formule/formule_data_table_fiche_annexe')}}",
                "type": "GET",

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


                },

            },

            columnDefs: [

                {
                "targets": 0,
                'searchable': false,
                orderable: false,
                "data": function(json) {
                    // console.log(json);
                    var data_select = json['DT_RowId'];
                    var data_selected = json['DT_Selected'];
                    if (data_selected==1) {
                        var checked='checked';
                    }else{
                        var checked='';
                    }

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


                    return select;
                },
                "defaultContent": null



            },


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

            ],

            'order': [
            [1, 'asc']
        ]

        });

        $(".btn_export_excel").css("color", "#fff");
        $(".btn_export_excel").css("background-color", "#218838");
        $(".btn_export_excel").css("#1e7e34", "#1e7e34");






        
    @if($type_fiche_annexe=='chantier_formule')

        $("#fermer_liste_formule_chantier").click(function(e) {
        e.preventDefault();
        table_liste_formule_a_ajouter.ajax.reload(null, false);


        $("#affiche_liste_formule_a_ajouter").hide();
    });
        $('#select_all').on('click', function() {
                // Get all rows with search applied
                var rows = table_liste_formule_a_ajouter.rows({ 'search': 'applied' }).nodes();
                // Check/uncheck checkboxes for all rows in the table
                $('input[type="checkbox"]', rows).prop('checked', this.checked);
        });


        $(".valider_liste_formule_autorisee").click(function(e) {
                e.preventDefault();
                // $('.ring').show();
                // $('#filtre_loading').show();
                var formule_selected = [];
                var id_chantier =  $("#id_chantier").val();
                // console.log(id_chantier);
                var url='{{url('formule/enregistrer_liste_formule')}}';

                $(".formule_a_selecter:checked").each(function(index) {

                    var id_formule = $(this).val();
                    formule_selected.push(id_formule);
                });

                if (formule_selected.length != 0) {




                    function reponse(retourPHP) {


                        // $('.ring').hide();
                        // $('#filtre_loading').hide();

                        $(".message").html(retourPHP.message);
                        $(".message").show();

                        setTimeout('$(".message").hide()', 3000);
                        setTimeout('$("#fermer_liste_formule_chantier").click();', 3000);
                        setTimeout(function() { table_liste_formule_a_ajouter.ajax.reload(null, false); }, 1000);

                        localStorage.setItem('refresh_table_formule_fiche_annexe', 'true');
                        window.dispatchEvent(new Event('refreshTableFormule'));



                    }



                    $.post(url, { "formules": formule_selected, 'id_chantier': id_chantier,_token: '{{ csrf_token() }}' }, reponse, "json");

                } else {
                    alert('Choisir au minimum une formule');
                    $('.ring').hide();
                    $('#filtre_loading').hide();
                }

            });
    @endif

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