@php use App\Models\parametre; @endphp

<div class="table-responsive" style="overflow-y: auto;height: 45vh;">
    <table class="table table-hover table-sm table-bordered " style="width:100%;" id="table_service_fiche_annexe">
        <thead style="background-color:#28a745; color:white">
        @if($type_fiche_annexe=='ligne_commande')
            <th scope="col" class="text-center"><input type="checkbox" name="select_all_service" value="1" id="select_all_service"></th>
        @endif
        <th scope="col" class="text-center">CODE</th>
        <th scope="col" class="text-center">LIBELLE</th>
        </thead>
    </table>
    @if($type_fiche_annexe=='ligne_commande')
    <div class="clo-md-12 text-center">

        <button id="valider_les_lignes_service" class="btn btn-success">Valider</button>
    </div>
    @endif
</div>

<script>
    $(function() {
        var table_service_fiche_annexe = $('#table_service_fiche_annexe').DataTable({
            autoWidth: true,
            paging: true,
            pageLength: 50,
            searching: true,
            scrollCollapse: true,
            "ajax": {
                "url": "{{url('service/service_data_table_fiche_annexe')}}",
                "type": "GET",
                "data": {
                    'type_fiche_annexe': '{{$type_fiche_annexe}}',
                    'id_fiche_annexe': '{{$id_fiche_annexe}}',
                    @if(isset($centrale_id))
                    'centrale_id': '{{$centrale_id}}',
                    @endif
                },
            },
            columnDefs: [
                {
                    "targets": 0,
                    'searchable': false,
                    'orderable': false,
                    "data": function(json) {
                        var data_select = json['DT_RowId'];

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


                        return select;
                    },
                    "defaultContent": null



                },
                { "className": "text-center align-middle ", "targets": "_all" },
            ]
        });

        @if($type_fiche_annexe=='ligne_commande')
        $('#select_all_service').on('click', function() {
            // Get all rows with search applied
            var rows = table_service_fiche_annexe.rows({ 'search': 'applied' }).nodes();
            // Check/uncheck checkboxes for all rows in the table
            $('input[type="checkbox"]', rows).prop('checked', this.checked);
        });
        $("#valider_les_lignes_service").click(function(e){
            e.preventDefault();
            $('.ring').show();
            $('#filtre_loading').show();
            let centrale_id=$("#centrale_id").val();
            let client_id=$("#client_id").val();
            let chantier_id=$("#chantier_id").val();
            let commande_qte_commande=$("#commande_qte_commande").val();
            let commande_code=$("#commande_code").val();
            var service_selected = [];
            $(".service_a_selecter:checked").each(function(index) {

                var id_service = $(this).val();
                service_selected.push(id_service);
            });
            let url = '{{route('commande_laravel.valider_services_multiple')}}';
            if (service_selected.length != 0) {
                function reponse(retour) {

                    // console.log(retour);
                    $('.ring').hide();
                    $('#filtre_loading').hide();
                    $("#affiche_recherche_dans_commande").hide();
                    $("#raffraichir_table_ligne_commande").click();

                }

                $.post(url,{'services' :service_selected,client_id,chantier_id,centrale_id,commande_code,commande_qte_commande,_token:'{{ csrf_token() }}'}, reponse, 'json');
            } else {

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

        $('#table_service_fiche_annexe tbody').on('dblclick', 'tr', function(e) {
            e.preventDefault();
            var data = table_service_fiche_annexe.row(this).data();


            $("#affiche_recherche_dans_commande").hide();
            $("#article_id").val(data['DT_RowId']).trigger('change');



        });

        @endif

        // The double click handling is done in the calling view (articles_associes_recherche.blade.php)
    });
</script>