@if(isset($type_fiche_annexe))
    <div class="col-md-12 alert alert-success text-center">Choisissez les lignes et les options</div>
    <div class="col-md-4" style="margin-bottom: 1%; margin-top: 1%;">
        <label for="adresse_pdf_personalise"><b>Adresse</b></label>
        <select  class="form-control" style="color:black !important" id="adresse_pdf_personalise" >
            <option value="0">Adresse Client</option>
            <option value="1">Adresse chantier</option>

        </select>
    </div>
@endif
<div class="table-responsive"  ><!--table ligne_commande-->
    <table class="table table-hover table-sm table-bordered "  style="width:100%;" id="table_ligne_commande{{$prefix??''}}">
        <thead style="background-color:#28a745; color:white">

        <th scope="col" class="text-center">TYPE</th>
        <th scope="col" class="text-center">CODE</th>
        <th scope="col" class="text-center" style="width:25%">LIBELLE</th>
        @if(isset($type_fiche_annexe))
            <th scope="col" class="text-center"><input type="checkbox" name="select_all_ligne_commande" value="1" id="select_all_ligne_commande"></th>
        @endif
        @if(!isset($type_fiche_annexe) )
            <th scope="col" class="text-center">QTE</th>
            <th scope="col" class="text-center">P.U.HT</th>
            <th scope="col" class="text-center">Unité</th>
            <th scope="col" class="text-center">TVA</th>
            <th scope="col" class="text-center">ORIGINE</th>
            <th scope="col" class="text-center" style="width: 5%">FAC</th>
        @endif
        @if(!isset($type_fiche_annexe) && !isset($prefix) && $user->lier_profil->profil_commande==5)
            <th scope="col" class="text-center">SUPP</th>
        @endif
        </thead>
    </table>
</div><!-- fin table ligne_commande-->
@if(isset($type_fiche_annexe))
    <div class="col-md-12 text-center" style="margin-top: 2%;padding: 2%;">
        <button type="button"  class="btn btn-success" id="telecharger_commande_pdf_personalise_valider">Télécharger pdf</button>
    </div>
@endif


<script>

    $(document).ready(function() {

        var table_ligne_commande{{$prefix??''}} = $('#table_ligne_commande{{$prefix??''}}').DataTable({


            autoWidth:true,
            paging: false,
            ordering: false,
            searching: false,
            scrollCollapse: true,
            info: false,

            "ajax": {
                "url": "{{route('commande_laravel.ligne_commande_table')}}",
                "type": "GET",

                "data": {
                    'commande_code': $('#commande_code').val(),
                    @if(isset($type_fiche_annexe))
                    'telecharger_commande_personalise':true,
                    @endif

                },

                "dataSrc": function(json) {
                    // console.log();

                    $("#commande_total_ht").html(json.total_ht);
                    $("#commande_total_tva").html(json.total_tva);
                    $("#commande_total_ttc").html(json.total_ttc);


                    return json.data;
                },

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

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


                        return select;
                    },
                    "defaultContent": null



                },
                    @endif
                    @if(!isset($type_fiche_annexe) && !isset($prefix) && $user->lier_profil->profil_commande==5)
                { "className": "text-center align-middle supprimer_ligne_commande th_cursor_pointer", "targets": [9] },
                    @endif
                { "className": "text-center align-middle ", "targets": "_all" },
                // { "width": "500px", "targets": [0] }

            ]
        });
        @if(isset($type_fiche_annexe))
        $('#select_all_ligne_commande').on('click', function() {
            // Get all rows with search applied
            var rows = table_ligne_commande{{$prefix??''}}.rows({ 'search': 'applied' }).nodes();
            // Check/uncheck checkboxes for all rows in the table
            $('input[type="checkbox"]', rows).prop('checked', this.checked);

        });
        $("#telecharger_commande_pdf_personalise_valider").click(function(e) {
            e.preventDefault();

            $('.ring').show();
            $('#filtre_loading').show();
            let lignes_commande_selected = [];
            $(".ligne_commande_a_selcter:checked").each(function() {
                var id_ligne_commande = $(this).val();
                lignes_commande_selected.push(id_ligne_commande);
            });
            if (lignes_commande_selected.length != 0) {
                $.ajax({
                    url: '{{route('commande_laravel.telecharger_pdf')}}',
                    method: 'POST',
                    data: {
                        'ids_commandes[]': {{$commande_id}},
                        'type':'telecharger_commande_pdf_personalise',
                        'adresse_pdf_personalise':$('#adresse_pdf_personalise').val(),
                        _token: '{{ csrf_token() }}',
                        'lignes_commande_selected': lignes_commande_selected,
                    },
                    xhrFields: {
                        responseType: 'blob'
                    },
                    success: function(blob) {
                        $('.ring').hide();
                        $('#filtre_loading').hide();
                        const link = document.createElement('a');
                        link.href = window.URL.createObjectURL(blob);
                        link.download = 'Commande_'+ $("#commande_code").val()+'.pdf';
                        link.click();
                    },
                    failure: function(errMsg) {
                        alert(errMsg);
                    }
                });



            } else {
                alert("Choississez au moins une ligne de commande !");
                $('.ring').hide();
                $('#filtre_loading').hide();
            }
        });

        @endif
        @if(!isset($type_fiche_annexe))
        $('#table_ligne_commande{{$prefix??''}} tbody').on('dblclick', 'tr', function(e) {
            e.preventDefault();

            var data = table_ligne_commande{{$prefix??''}}.row(this).data();
            var id_ligne_commande = data['DT_RowId'];
            let type_article = data['DT_article_type'];
            let article_id = data['DT_article_id'];
            let article_libelle = data['DT_article_libelle'];
            let ligne_facturable = data['DT_ligne_facturable'];

            $('#id_ligne_commande').val(id_ligne_commande);
            $('#article_id').val(article_id);
            $('#ligne_commande_type_article').val(type_article);
            $('#ligne_commande_origine').val(data[7]);
            $('#libelle_article').val(article_libelle);
            $('#ligne_commande_prix_force_prix').val(data[4]);
            $('#ligne_commande_quantite').val(data[3]);
            $('#ligne_commande_unite').val(data[5]);
            if(ligne_facturable == 1){
                $('#ligne_commande_facturable').prop("checked", true);
            }else{
                $('#ligne_commande_facturable').prop("checked", false);

            }

        });
        @endif
        $("#raffraichir_table_ligne_commande").click(function(e) {
            table_ligne_commande{{$prefix??''}}.ajax.reload(null, false);
        });
        @if(!isset($type_fiche_annexe) && $user->lier_profil->profil_commande==5)
        $('#table_ligne_commande{{$prefix??''}} tbody').on('click', '.supprimer_ligne_commande', function (e) {
            e.preventDefault();


            var data = table_ligne_commande{{$prefix??''}}.row($(this).parents('tr')).data();
            let ligne_commande_id = data['DT_RowId'];

            if (confirm("Êtes-vous sûr(e)?")) {
                function reponse(retour) {
                    $("#message_base_supprimer").html(retour.message);
                    $("#message_base_supprimer").show();
                    setTimeout(function () {
                        $('#message_base_supprimer').hide();

                    }, 3000);
                    if (retour.success) {
                        setTimeout(function () {
                            $("#raffraichir_table_ligne_commande").click();
                        }, 3000);


                    }

                }
                var url = '{{route('commande_laravel.ligne_commande_supprimer')}}';

                $.ajax({
                    url: url,
                    method: 'DELETE',
                    data: {
                        ligne_commande_id,
                        _token: '{{ csrf_token() }}' // Assurez-vous d'inclure le jeton CSRF pour les requêtes DELETE
                    },
                    success: function (response) {
                        // Traitement de la réponse retournée par le serveur
                        reponse(response)
                    },
                    error: function (xhr, status, error) {
                        // Gestion des erreurs
                        console.error(error);
                    }
                })
            }

        });
        @endif

    });

</script>