@extends('models')
@section('titre-page', 'Centre d\'impression')
@section('content-body')

<style>
    p{
        font-weight: 400;
    }
</style>

<!-- Page Header -->
<div class="d-md-flex d-block align-items-center justify-content-between mt-4 page-header-breadcrumb">
    <!-- Start:: row-7 -->
    <div class="col-xl-12 col-12">
        <div class="row mb-3">
            <div class="col-xl-10 col-lg-8 col-md-8 mt-2">
                <nav>
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item text-light"><a href="javascript:void(0);">Controles</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Centre d'impression</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</div>
<!-- Page Header Close -->

<div class="row">
    <div class="col-xl-5">
        <div class="card custom-card">
            <div class="card-header pb-2">
                <span style="font-size: 14px; font-weight : 600;">Liste des documents</span>
            </div>
            <div class="card-body">
                <table class="tablehover table table-striped text-nowrap overflow-auto tablehover w-100" id="tableListeDoc">
                    <thead class="table-header-primary">
                        <tr>
                            <th data-column="action" data-class="text-center" data-orderable="false"></th>
                            <th data-column="libelleDoc" class="text-center">Nom du document</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
    <div class="col-xl-7">
        <div class="card custom-card">
            <div class="card-header pb-2">
                <div class="d-flex justify-content-between align-items-center w-100">
                    <span style="font-size: 14px; font-weight : 600;">Filtres</span>
                    <div class="d-flex">
                        <button class="btn btn-success me-3" id="btnExporterDoc">
                            <i class="ri-file-excel-2-line me-1"></i> Exporter
                        </button>
                        <button class="btn btn-warning" id="btnImprimerDoc">
                            <i class="bx bx-printer me-1"></i> Imprimer
                        </button>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <form id="formFiltre" class="w-100">
                    <div class="row">
                        <div class="col-md-3 mb-2">
                            <p class="mb-0 text-muted">Site :</p>
                            <select name="IDAGENCE" id="selIDAGENCE" class="form-select"></select>
                        </div>
                        <div class="col-md-5 mb-2">
                            <p class="mb-0 text-muted">Période :</p>
                            <input type="text" class="form-control text-center" name="daterange" id="filtrePeriode" />
                        </div>
                        <div class="col-md-4 mb-2">
                            <p class="mb-0 text-muted">Laboratoire :</p>
                            <select name="IDLABORATOIRE" id="selIDLABORATOIRE" class="form-select"></select>
                        </div>
                        <div class="col-md-2 mb-2">
                            <p class="mb-0 text-muted">Signe :</p>
                            <select name="signeComparaison" id="selSigneComparaison" class="form-select">
                                <option value="">TOUS</option>
                                <option value=">">></option>
                                <option value=">=">>=</option>
                                <option value="=">=</option>
                                <option value="<="><=</option>
                                <option value="<"><</option>
                            </select>
                        </div>
                        <div class="col-md-2 mb-2">
                            <p class="mb-0 text-muted">Valeur cmp :</p>
                            <input type="number" name="valeurComparaison" id="inpVaComparaison" class="form-control text-center" value="0"/>
                        </div>
                        <div class="col-md-2 d-flex align-items-center">
                            <div class=" form-check">
                                <input class="form-check-input" type="checkbox" id="checkPerime">
                                <label class="form-check-label" for="checkPerime">
                                    Périmé
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6 mb-2">
                            <p class="mb-0 text-muted">Fournisseur :</p>
                            <select name="IDFOURNISSEUR" id="selIDFOURNISSEUR" class="form-select"></select>
                        </div>
                        <div class="col-md-6 mb-2">
                            <p class="mb-0 text-muted">Produit :</p>
                            <select name="IDPRODUIT" id="selIDPRODUIT" class="form-select"></select>
                        </div>
                        <div class="col-md-6 mb-2">
                            <p class="mb-0 text-muted">Client :</p>
                            <select name="IDCLIENT" id="selICLIENT" class="form-select"></select>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

{{-- Section modal --}}



@endsection
@section('script')

<!-- Script exécuté au chargement -->
<script>

    listingComboAgence('#selIDAGENCE')
        .then((response) => {

            $('#selIDAGENCE').prepend(
                '<option value="0">TOUS</option>'
            )

            $('#selIDAGENCE').val(0).trigger('change')
        })

    recuperationClients('#selICLIENT', labelFirstOption = "TOUS")

    $('#selICLIENT').select2()

    $('input[name="daterange"]').daterangepicker({
        "locale": {
            "format": "DD/MM/YYYY",
            "separator": " - ",
            "applyLabel": "Appliquer",
            "cancelLabel": "Annuler",
            "fromLabel": "From",
            "toLabel": "To",
            "customRangeLabel": "Custom",
            "weekLabel": "W",
            "daysOfWeek": [
                "Dim",
                "Lun",
                "Mar",
                "Mer",
                "Jeu",
                "Ven",
                "Sam"
            ],
            "firstDay": 1
        },
        opens: 'center'
    })

    var dataTableListeDoc = [
        {
            action : '<input class="form-check-input" type="radio" name="checkDoc" id="checkBoxDocument" data-index="0">',
            libelleDoc : 'Historique des ventes des articles par labo',
            routeDocPdf : '/controles/centreImpression/histoArticleParLabo',
            routeDocExcel : '/controles/centreImpression/exportHistoArticleParLabo',
            option : {
                IDAGENCE : true,
                Periode : true,
                IDLABORATOIRE : true,
            },
            docExcel : true,
            docPdf : true
        },
        {
            action : '<input class="form-check-input" type="radio" name="checkDoc" id="checkBoxDocument" data-index="1">',
            libelleDoc : 'Inventaire produit',
            routeDocPdf : '/controles/centreImpression/inventaireAZero',
            routeDocExcel : '/controles/centreImpression/exportInventaireAZero',
            option : {
                IDAGENCE : true,
                signeComparaison : true,
                valeurComparaison : true,
            },
            docExcel : true,
            docPdf : true,
        },
        {
            action : '<input class="form-check-input" type="radio" name="checkDoc" id="checkBoxDocument" data-index="2">',
            libelleDoc : 'Inventaire lots et péremption',
            routeDocPdf : '/controles/centreImpression/inventaireLotPeremption',
            routeDocExcel : '/controles/centreImpression/exportInventaireLotPeremption',
            option : {
                IDAGENCE : true,
                checkPerime : true,
                signeComparaison : true,
                valeurComparaison : true,
                Periode : true
            },
            docExcel : true,
            docPdf : true
        },
        {
            action : '<input class="form-check-input" type="radio" name="checkDoc" id="checkBoxDocument" data-index="3">',
            libelleDoc : 'Historique de vente par produit sur période',
            routeDocPdf : '/controles/centreImpression/histoVenteParProduitParMoisSurPeriode',
            routeDocExcel : '/controles/centreImpression/exportHistoriqueVenteParProduitSurPeriode',
            option : {
                IDAGENCE : true,
                Periode : true
            },
            docExcel : true,
            docPdf : true
        },
        {
            action : '<input class="form-check-input" type="radio" name="checkDoc" id="checkBoxDocument" data-index="4">',
            libelleDoc : 'Journal des opérations sur un article',
            routeDocPdf : '/controles/centreImpression/journalOperationSurArticle',
            routeDocExcel : '/controles/centreImpression/exportJournalDesOperationSurArticle',
            option : {
                IDPRODUIT : true,
                Periode : true
            },
            docExcel : true,
            docPdf : true
        },
        // {
        //     action : '<input class="form-check-input" type="radio" name="checkDoc" id="checkBoxDocument" data-index="5">',
        //     libelleDoc : 'CA par client',
        //     // routeDocPdf : '/controles/centreImpression/journalOperationSurArticle',
        //     routeDocExcel : '/controles/centreImpression/exportCAParClientSurPeriode',
        //     docExcel : true,
        //     docPdf : false,
        //     option : {
        //         IDAGENCE : true,
        //         Periode : true,
        //         IDCLIENT : true,
        //     },
        // },
        
    ]

    var tableListeDoc = remplissageDataTable({
                            IdentifiantDuTableau : '#tableListeDoc',
                            obj : dataTableListeDoc,
                            scrollY : '350px',
                            bFilter : false,
                        })

    function listingLaboSimple(){

        return new Promise(function(resolve, reject) {

            $.ajax({

                url: '{{ route("listingLaboSimple") }}',
                type: 'GET',
                dataType: 'json',
                beforeSend: progressHandler(),
                success: function(response) {

                    if (response.success != 1) {

                        notifError(response.msg)
                    }

                    resolve(response)
                    completeHandler()
                },
                error: function(error) {

                    notifError('Échec de l\'opération.')
                    reject()

                    completeHandler()
                }
            })
        })
    }

    listingLaboSimple()
        .then((response) => {

            if (response.success == 1) {
                
                let data = response.data

                data.unshift({
                    IDLABORATOIRE : 0,
                    NomLaboratoire : 'TOUS'
                })

                populateSelect('#selIDLABORATOIRE', {

                    data : data,
                    valueKey : 'IDLABORATOIRE',
                    textKey : 'NomLaboratoire'
                })

                $('#selIDLABORATOIRE').select2()
            }
        })

    function listingProduitSimple() {

        $.ajax({

            url: '{{ route('listingProduitSimple') }}',
            type: 'GET',
            dataType: 'json',
            success: function(response) {

                if (response.success == 1) {

                    let data = response.data

                    data.unshift({
                        IDPRODUIT : 0,
                        DesignationProduit : 'AUCUN'
                    })

                    data.unshift({
                        IDPRODUIT : -1,
                        DesignationProduit : 'TOUS'
                    })

                    populateSelect('#selIDPRODUIT', {

                        data : data,
                        valueKey : 'IDPRODUIT',
                        textKey : 'DesignationProduit'
                    })

                    $('#selIDPRODUIT').select2()
                }
            }
        })
    }

    listingProduitSimple()

    recuperationFournisseur('#selIDFOURNISSEUR', "TOUS")

    $('#selIDFOURNISSEUR').select2()

    $(document).on('change', '#checkBoxDocument', function(){

        _('selIDAGENCE').setAttribute('disabled', '')
        _('filtrePeriode').setAttribute('disabled', '')
        _('selIDLABORATOIRE').setAttribute('disabled', '')
        _('selSigneComparaison').setAttribute('disabled', '')
        _('inpVaComparaison').setAttribute('disabled', '')
        _('checkPerime').setAttribute('disabled', '')
        _('selIDFOURNISSEUR').setAttribute('disabled', '')
        _('selIDPRODUIT').setAttribute('disabled', '')
        _('selICLIENT').setAttribute('disabled', '')

        let docIndex = $('[name="checkDoc"]:checked').attr('data-index')
        let docExcel = dataTableListeDoc[docIndex].docExcel
        let docPdf = dataTableListeDoc[docIndex].docPdf

        if (docExcel == true) {
            
            _('btnExporterDoc').removeAttribute('disabled')
        }else{
            
            _('btnExporterDoc').setAttribute('disabled', '')
        }

        if (docPdf == true) {
            
            _('btnImprimerDoc').removeAttribute('disabled')
        }else{
            
            _('btnImprimerDoc').setAttribute('disabled', '')
        }

        let option = dataTableListeDoc[docIndex].option

        if (option.IDAGENCE == true) {
            
            _('selIDAGENCE').removeAttribute('disabled')
        }

        if (option.Periode == true) {
            
            _('filtrePeriode').removeAttribute('disabled')
        }

        if (option.IDLABORATOIRE == true) {
            
            _('selIDLABORATOIRE').removeAttribute('disabled')
        }

        if (option.signeComparaison == true) {
            
            _('selSigneComparaison').removeAttribute('disabled')
        }

        if (option.valeurComparaison == true) {
            
            _('inpVaComparaison').removeAttribute('disabled')
        }

        if (option.checkPerime == true) {
            
            _('checkPerime').removeAttribute('disabled')
        }

        if (option.IDPRODUIT == true) {
            
            _('selIDPRODUIT').removeAttribute('disabled')
        }

        if (option.IDCLIENT == true) {
            
            _('selICLIENT').removeAttribute('disabled')
        }

    })

</script>

<!-- Script d'impression -->
<script>

    function imprimDocument(route){

        let formFiltre = new FormData(_('formFiltre'))
        formFiltre.append('_token', '{{ csrf_token() }}')

        formFiltre.append('NomAgence', afficherOptionSelectionnee('selIDAGENCE'))
        formFiltre.append('DesignationProduit', afficherOptionSelectionnee('selIDPRODUIT'))
        formFiltre.append('perime', _('checkPerime').checked == true ? 1 : 0)

        return new Promise(function(resolve, reject) {

            $.ajax({

                url: route,
                type: 'POST',
                data: formFiltre,
                contentType : false,
                processData : false,
                dataType: 'json',
                beforeSend: progressHandler(),
                success: function(response) {

                    if (response.success == 1) {

                        if (response.tablePDF.length > 0) {

                            response.tablePDF.forEach(function (value) {

                                // Récupérez le PDF en base64 depuis la réponse
                                var pdfBase64 = value;

                                // Créez un objet blob à partir du PDF en base64
                                var blob = b64toBlob(pdfBase64, 'application/pdf');

                                // Créez un objet URL pour le blob
                                var blobUrl = URL.createObjectURL(blob);

                                // Créez une fenêtre d'impression avec l'URL du blob
                                var printWindow = window.open(blobUrl);
                                // printWindow.print();
                            })
                        } else {

                            notif('danger', 'Erreur', 'Aucun pdf n\'a été chargé')
                        }
                    } else {

                        notifError(response.msg)
                    }

                    completeHandler()
                },
                error: function(error) {

                    notifError('Échec de l\'opération.')
                    reject()

                    completeHandler()
                }
            })
        })
    }

    _('btnImprimerDoc').addEventListener('click', function(){

        let docIndex = $('[name="checkDoc"]:checked').attr('data-index')

        if(!docIndex){

            notif('danger', 'Erreur', 'Veuillez sélectionner le document à imprimer')
            return 0
        }
        
        let route = dataTableListeDoc[docIndex].routeDocPdf
        let Periode = _('filtrePeriode').value.split(' - ')        

        if (docIndex == 3 && Object.keys(genererTableauMois(Periode[0], Periode[1])).length > 12) {
            
            notif('danger', 'Erreur', 'Veuillez sélectionner une période inférieure à 12 mois')
            return 0
        }

        if (docIndex == 4 && _('selIDPRODUIT').value < 1 ) {
            
            notif('danger', 'Erreur', 'Veuillez sélectionner un produit.')
            return 0
        }

        imprimDocument(route)
    })
</script>

<!-- Script d'export -->
<script>

    function exportDocument(route){

        let formFiltre = new FormData(_('formFiltre'))
        formFiltre.append('_token', '{{ csrf_token() }}')

        formFiltre.append('NomAgence', afficherOptionSelectionnee('selIDAGENCE'))
        formFiltre.append('DesignationProduit', afficherOptionSelectionnee('selIDPRODUIT'))
        formFiltre.append('perime', _('checkPerime').checked == true ? 1 : 0)

        return new Promise(function(resolve, reject) {

            $.ajax({

                url: route,
                type: 'POST',
                data: formFiltre,
                contentType : false,
                processData : false,
                dataType: 'json',
                beforeSend: progressHandler(),
                success: function(response) {

                    if (response.success == 1) {

                        if (response.tableExcel.length > 0) {

                            response.tableExcel.forEach(function (value) {

                                var excelBase64 = value;

                                // Convertit le base64 en Blob
                                var blob = b64toBlob(excelBase64, 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');

                                // Crée un URL pour le blob
                                var blobUrl = URL.createObjectURL(blob);

                                // Crée un élément `<a>` pour le téléchargement
                                var link = document.createElement('a');
                                link.href = blobUrl;
                                link.download = "export.xlsx"; // Nom du fichier à télécharger

                                // Ajoute le lien au document et déclenche le clic
                                document.body.appendChild(link);
                                link.click();

                                // Nettoie après le téléchargement
                                document.body.removeChild(link);
                                URL.revokeObjectURL(blobUrl);
                            })
                        } else {

                            notif('danger', 'Erreur', 'Aucun fichier excel n\'a été chargé')
                        }
                    } else {

                        notifError(response.msg)
                    }

                    completeHandler()
                },
                error: function(error) {

                    notifError('Échec de l\'opération.')
                    reject()

                    completeHandler()
                }
            })
        })
    }

    _('btnExporterDoc').addEventListener('click', function(){

        let docIndex = $('[name="checkDoc"]:checked').attr('data-index')

        if(!docIndex){

            notif('danger', 'Erreur', 'Veuillez sélectionner le document à exporter.')
            return 0
        }
        
        let route = dataTableListeDoc[docIndex].routeDocExcel
        let Periode = _('filtrePeriode').value.split(' - ')        

        if (docIndex == 4 && _('selIDPRODUIT').value < 1 ) {
            
            notif('danger', 'Erreur', 'Veuillez sélectionner un produit.')
            return 0
        }

        exportDocument(route)
    })
</script>

@endsection