@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(in_array($type_fiche_annexe, ['ligne_commande', 'ligne_devis']))
            <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(in_array($type_fiche_annexe, ['ligne_commande', 'ligne_devis']))
    <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: 5,
            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: [
                @if(in_array($type_fiche_annexe, ['ligne_commande', 'ligne_devis']))
                {
                    "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



                },
                @endif
                { "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

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

            $("#affiche_recherche_dans_devis").hide();
            $("#id_produit_devis").val(data['DT_RowId']);
            $("#qte_ligne_devis").val(data['DT_type_unite'] == 1 ? $('#devis_qte_prev').val() : 1);
            $("#facturable_ligne_devis").prop('checked', true);
            $("#libelle_ligne_devis").val(data['2']);
            $("#btn_recherche_produit_devis").prop('disabled', false);

            $.get('{{url('devis_laravel/chercher_prix_article')}}', {
                article_type: 1,
                article_id: data['DT_RowId'],
                centrale_id: $('#centrale_devis').val(),
                client_id: $('#devis_client_id').val(),
                chantier_id: $('#devis_chantier_id').val(),
                societe_id: $('#societe_devis').val()
            }, function(response) {
                if (response) {
                    $('#prix_ligne_devis').val(response.article_tarif_prix);
                    $('#cout_ligne_devis').val(response.cout || '0.00');
                    $('#unite_ligne_devis').val(response.article_tarif_unite || 'U');
                    $('#verif_prix_force_devis').val(response.verif_prix_force);
                    $('#ligne_devis_origine').val(response.origine);
                }
            });
        });

        $('#select_all_service').on('click', function() {
            var rows = table_service_fiche_annexe.rows({ 'search': 'applied' }).nodes();
            $('input[type="checkbox"]', rows).prop('checked', this.checked);
        });

        // Portage de public/devis/recherche_produit/recherche_service.php : ajout des services cochés
        $("#valider_les_lignes_service").click(function(e) {
            e.preventDefault();
            var service_selected = [];
            $(".service_a_selecter:checked").each(function() {
                service_selected.push($(this).val());
            });
            if (service_selected.length == 0) {
                return;
            }
            $('.ring').show();
            $('#filtre_loading').show();
            $.post('{{ route('devis_laravel.valider_services_multiple') }}', {
                _token: '{{ csrf_token() }}',
                services: service_selected,
                devis_code: $('#numero_devis').val(),
                centrale_id: $('#centrale_devis').val(),
                client_id: $('#devis_client_id').val(),
                chantier_id: $('#devis_chantier_id').val(),
                societe_id: $('#societe_devis').val(),
                quantite_devis: $('#devis_qte_prev').val()
            }, function(retour) {
                $('.ring').hide();
                $('#filtre_loading').hide();
                $("#message_ligne_devis").html(retour.message).show();
                setTimeout(function() { $('#message_ligne_devis').hide(); }, 2000);
                $("#affiche_recherche_dans_devis").hide();
                $("#btn_recherche_produit_devis").prop('disabled', false);
                afficher_ligne_devis();
            }, 'json');
        });
        @endif
    });
</script>