@extends('models')
@section('titre-page', 'Liste des factures fournisseur')
@section('content-body')

@php
    $ModeGpharma = ModeGpharma() ?? 1;
@endphp

    <!-- 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-9 col-lg-9 col-md-9 mt-2">
                    <nav>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item text-light"><a href="javascript:void(0);">Comptabilité</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Liste des factures fournisseur</li>
                        </ol>
                    </nav>
                </div>

                <div class="col-xl-3 col-lg-3 col-md-3">
                    <button type="button" class="btn btn-warning-light w-100 ellipsis" id="btnComptabiliserFactureFournisseur"
                        style="font-size:15px" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-dark"
                        data-bs-placement="top" title="Comptabiliser les factures sélectionnées">
                        <i class="ri-printer-line fs-14 me-2"></i>Comptabiliser les factures sélectionnées
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header Close -->

    <!-- Start:: row-7 -->
    <div class="row">
        <div class="col-xl-3">
            <div class="card custom-card border-top-card border-top-primary rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Nbre de factures</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libNbreFacture">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="card custom-card border-top-card border-top-info rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Total TRANSIT</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libTotalTransit">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="card custom-card border-top-card border-top-success rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Total ASSURANCE</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libTotalAssurance">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="card custom-card border-top-card border-top-warning rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Total PREACH.</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libTotalPreach">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3">
            <div class="card custom-card border-top-card border-top-primary rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Total FRAIS EXP.</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libTotalFraisExp">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="card custom-card border-top-card border-top-info rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Total HT</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libTotalHT">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="card custom-card border-top-card border-top-secondary rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Total remise</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libTotalRemise">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="card custom-card border-top-card border-top-primary rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Total HT net</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libTotalHTNet">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="card custom-card border-top-card border-top-success rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Total TVA</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libTotalTVA">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="card custom-card border-top-card border-top-warning rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Total TTC</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libTotalTTC">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3" @if($ModeGpharma != 2) style="display: none;" @endif>
            <div class="card custom-card border-top-card border-top-primary rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Devise du jour.</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libDeviseJour">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3" @if($ModeGpharma != 2) style="display: none;" @endif>
            <div class="card custom-card border-top-card border-top-info rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Total HT Devise</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libTotalHTDevise">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3" @if($ModeGpharma != 2) style="display: none;" @endif>
            <div class="card custom-card border-top-card border-top-success rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Total TVA Devise</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libTotalTVADevise">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3" @if($ModeGpharma != 2) style="display: none;" @endif>
            <div class="card custom-card border-top-card border-top-warning rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1">Total TTC Devise</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold" id="libTotalTTCDevise">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End:: row-7 -->

    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-header pe-0">
                    <form id="formFiltre" class="w-100">
                        <div class="row w-100">
                            <div class="col-xl-4 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Période de filtre&nbsp;:</p>
                                <input type="text" class="form-control text-center" name="datetimes"
                                    id="filtrePeriode" />
                            </div>
                            <div class="col-xl-4 col-md-3 mb-0">
                                <p class="mb-0 text-muted">Fournisseur&nbsp;:</p>
                                <select class="js-example-basic-single form-select" id="IDFOURNISSEUR"
                                    name="IDFOURNISSEUR">

                                </select>
                            </div>
                            <div class="col-xl-3 col-md-2 mb-2">
                                <p class="mb-0 text-muted">Statut&nbsp;:</p>
                                <select class="form-select" id="FactureFseurComptabilise"
                                    name="FactureFseurComptabilise">
                                    <option value="-1">TOUS</option>
                                    <option value="0">NON COMPTABILISE</option>
                                    <option value="1">COMPTABILISE</option>
                                </select>
                            </div>
                            <div class="col-xl-1 col-md-1 mb-0 pt-1">
                                <button type="button" class="btn btn-primary btn-wave mt-2  float-end"
                                    id="btnFiltreTable">
                                    <i class="ri-search-line" style="font-size:13px; cursor:pointer;"></i>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="card-body">
                    <div class="table-responsive">
                        <table class="tablehover table table-striped tablehover text-nowrap w-100" id="tableFactureAvoirFourn">
                            <thead class="table-header-primary">
                                <tr>
                                    <th data-column="action" data-orderable="false">
                                        <input class="form-check-input me-4" type="checkbox" id="checkSelectAll">
                                        Actions
                                    </th>
                                    <th class="text-center colTable" data-column="libelleEtat" data-class="text-center">
                                        Statut</th>
                                    <th class="text-center colTable" data-column="DateFactureFormat"
                                        data-class="text-center">Date</th>
                                    <th class="text-center colTable" data-column="NumeroFactureFseur">N° Facture</th>
                                    <th class="text-center colTable" data-column="NumeroBonLivraison">N° BL</th>
                                    <th class="text-center colTable" data-column="DateEcheanceFactureFseurFormat"
                                        data-class="text-center">Date d'échéance</th>
                                    <th class="text-center colTable" data-column="NomBureauAchat">Bureau d'achat</th>
                                    <th class="text-center colTable" data-column="NomFournisseur">Fournisseur</th>
                                    <th class="text-center colTable" data-column="CompteTiersFournisseur">N° Compte tiers
                                    </th>
                                    <th class="text-center colTable" data-column="LibelleFamilleProduit"
                                        data-class="text-end">Famille des produits</th>
                                    <th class="text-center colTable" data-column="LibelleModeExpedition"
                                        data-class="text-end">Mode d'expedition</th>
                                    <th class="text-center colTable" data-column="MontantAssuranceFormat"
                                        data-class="text-end">Assurance</th>
                                    <th class="text-center colTable" data-column="MontantPreachFormat"
                                        data-class="text-end">Préacheminement</th>
                                    <th class="text-center colTable" data-column="MontantFraisExpFormat"
                                        data-class="text-end">Frais expedition</th>
                                    <th class="text-center colTable" data-column="MontantFraisTransitFormat"
                                        data-class="text-end">Frais transit</th>
                                    <th class="text-center colTable" data-column="TotalHTFormat" data-class="text-end">
                                        Total HT BL</th>
                                    <th class="text-center colTable" data-column="TotalRemiseFormat" data-class="text-end">
                                        Remise</th>
                                    <th class="text-center colTable" data-column="TotalHTNetFormat" data-class="text-end">
                                        Total HT net</th>
                                    <th class="text-center colTable" data-column="TotalTaxeFormat" data-class="text-end">
                                        Total Taxe BL</th>
                                    <th class="text-center colTable" data-column="TotalTTCFormat" data-class="text-end">
                                        Total TTC BL</th>
                                    <th class="text-center colTable" data-column="DeviseFormat" data-class="text-end">
                                        Devise</th>
                                    <th class="text-center colTable" data-column="TauxDeviseFormat"
                                        data-class="text-end">Taux devise</th>
                                    <th class="text-center colTable" data-column="TotalTTCDeviseFormat"
                                        data-class="text-end">Total TTC BL Devise</th>
                                    @if($ModeGpharma == 2)
                                    <th class="text-center colTable" data-column="TotalTTCDeviseDateFormat"
                                        data-class="text-end">Total TTC BL Devise du jour</th>
                                    @endif
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Section modal --}}
    <!-- Modal facture fournisseur -->
    <div class="modal fade" id="modalFactureFournisseur" tabindex="-1" role="dialog"
        aria-labelledby="mySmallModalLabel" aria-hidden="true" data-bs-focus="false">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title" id="titleModal">Facture fournisseur</h6>
                    <button type="button" class="btn-close  bg-light" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="formModalFactureFournisseur">
                        <div class="row">
                            <div class="col-md-6 mb-2">
                                <input type="number" style="display:none;" name="IDFACTUREFSEUR"
                                    id="inpIDFACTUREFSEUR">
                                <p class="text-muted mb-0">N° Facture :</p>
                                <div class="card border rounded py-0 mb-0">
                                    <div class="card-body d-flex justify-content-center align-items-center"
                                        style="height: 35px;">
                                        <span id="libNumeroFactureFseur"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 mb-2">
                                <p class="text-muted mb-0">Date de la facture :</p>
                                <div class="card border rounded py-0 mb-0">
                                    <div class="card-body d-flex justify-content-center align-items-center"
                                        style="height: 35px;">
                                        <span id="libDateFacture"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 mb-2">
                                <p class="text-muted mb-0">Date d'échéance :</p>
                                <div class="card border rounded py-0 mb-0">
                                    <div class="card-body d-flex justify-content-center align-items-center"
                                        style="height: 35px;">
                                        <span id="libDateEcheanceFactureFseur"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-5 mb-2">
                                <p class="text-muted mb-0">Bureau d'achat :</p>
                                <div class="card border rounded py-0 mb-0">
                                    <div class="card-body d-flex justify-content-center align-items-center"
                                        style="height: 35px;">
                                        <span id="libNomBureauAchat"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-7 mb-2">
                                <p class="text-muted mb-0">Fournisseur :</p>
                                <div class="card border rounded py-0 mb-0">
                                    <div class="card-body d-flex justify-content-center align-items-center"
                                        style="height: 35px;">
                                        <span id="libNomFournisseur"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-2">
                                <p class="text-muted mb-0">Montant Préacheminement :</p>
                                <input type="text" class="form-control text-end numberInput" value="0" id="inpMontantPreach" name="MontantPreach" autocomplete="off">
                            </div>
                            <div class="col-md-4 mb-2">
                                <p class="text-muted mb-0">Montant frais d'expédition :</p>
                                <input type="text" class="form-control text-end numberInput" value="0" id="inpMontantFraisExp" name="MontantFraisExp" autocomplete="off">
                            </div>
                            <div class="col-md-4 mb-2">
                                <p class="text-muted mb-0">Montant de l'assurance :</p>
                                <input type="text" class="form-control text-end numberInput" value="0" id="inpMontantAssurance" name="MontantAssurance" autocomplete="off">
                            </div>
                            <div class="col-md-4 mb-2">
                                <p class="text-muted mb-0">Frais de transit :</p>
                                <input type="text" class="form-control text-end numberInput" value="0" id="inpMontantFraisTransit" name="MontantFraisTransit" autocomplete="off">
                            </div>
                            <div class="col-md-8 mb-2">
                                <p class="text-muted mb-0">Famille des Produits :</p>
                                <select name="IDFAMILLEPRODUIT" class="form-control" value="0" id="selIDFAMILLEPRODUIT"></select>
                            </div>
                            <div class="col-md-3 mb-2">
                                <p class="text-muted mb-0">Total HT :</p>
                                <input type="text" class="form-control text-end numberInput" value="0" id="inpTotalHT" name="TotalHT" autocomplete="off">
                            </div>
                            <div class="col-md-3 mb-2">
                                <p class="text-muted mb-0">Remise :</p>
                                <input type="text" class="form-control text-end numberInput" value="0" id="inpTotalRemise" autocomplete="off" readonly>
                            </div>
                            <div class="col-md-3 mb-2">
                                <p class="text-muted mb-0">Total Taxe :</p>
                                <input type="text" class="form-control text-end numberInput" value="0" id="inpTotalTaxe" name="TotalTaxe" autocomplete="off">
                            </div>
                            <div class="col-md-3 mb-2">
                                <p class="text-muted mb-0">Total TTC :</p>
                                <input type="text" class="form-control text-end numberInput" value="0" id="inpTotalTTC" name="TotalTTC" autocomplete="off" readonly>
                            </div>
                            <div class="col-md-12 mb-2">
                                <div class="form-check form-check-md d-flex align-items-center"
                                    title="Cochée, la passerelle Sage passe l'achat au brut et la remise au compte REMISE du schéma ; décochée, l'achat au net.">
                                    <input class="form-check-input" type="checkbox" name="RemiseEnPiedFacture" id="chkRemiseEnPiedFacture"> &nbsp;
                                    <label class="mb-0 text-muted" for="chkRemiseEnPiedFacture">La remise figure sur la facture du fournisseur</label>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-success-light btn-wave d-flex justify-content-center align-items-center"
                        id="btnValiderModifFactureFournisseur">
                        <i class='bx bxs-check-circle fs-18 me-1'></i>Valider
                    </button>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')

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

        $('#filtrePeriode').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": 2
            },
            opens: 'center',
            startDate: moment().subtract(6, 'days'),
            endDate: moment()
        });

        function chargerSelectFournisseur(valeur) {

            recuperationFournisseur('#IDFOURNISSEUR', 'TOUS LES FOURNISSEURS')

            $('#IDFOURNISSEUR').select2()

            $('#IDFOURNISSEUR').val(valeur).trigger('change')
        }

        function chargerTableFactureAvoirFournisseur() {

            $.ajax({

                url: '{{ route('chargerTableFactureAvoirFournisseur') }}',
                type: 'GET',
                data : {
                    IDMONNAIE : _('IDMONNAIEAffichage').value
                },
                beforeSend: progressHandler(),
                dataType: 'json',
                success: function(response) {

                    if (response.success == 1) {

                        let obj = response.data

                        _('libNbreFacture').innerHTML = formatNumberPerf(response.nbreFacture)
                        _('libTotalTransit').innerHTML = formatNumberPerf(response.totalTransit)
                        _('libTotalAssurance').innerHTML = formatNumberPerf(response.totalAssurance)
                        _('libTotalPreach').innerHTML = formatNumberPerf(response.totalPeach)
                        _('libTotalFraisExp').innerHTML = formatNumberPerf(response.totalFraiExp)
                        _('libTotalHT').innerHTML = formatNumberPerf(response.totalHT)
                        _('libTotalRemise').innerHTML = formatNumberPerf(response.totalRemise)
                        _('libTotalHTNet').innerHTML = formatNumberPerf(response.totalHTNet)
                        _('libTotalTVA').innerHTML = formatNumberPerf(response.totalTVA)
                        _('libTotalTTC').innerHTML = formatNumberPerf(response.totalTTC)

                        _("libTotalHTDevise").innerHTML = formatNumberPerf(response.DeviseTotalHT)
                        _("libTotalTVADevise").innerHTML = formatNumberPerf(response.DeviseTotalTaxe)
                        _("libTotalTTCDevise").innerHTML = formatNumberPerf(response.DeviseTotalTTC)
                        _("libDeviseJour").innerHTML = formatNumberPerf(response.TauxMonnaieSymboleMonnaie)

                        tableFactureAvoirFourn = remplissageDataTable({
                            IdentifiantDuTableau: '#tableFactureAvoirFourn',
                            obj: obj,
                            pageLength: 25,
                        })

                        let divShowPer = $('#tableFactureAvoirFourn_filter')
                        let BroDivShowPer = divShowPer.parent().parent()
                        let child = BroDivShowPer.children().eq(0)
                        let child2 = BroDivShowPer.children().eq(1)

                        child2.removeClass('col-md-6')
                        child2.addClass('col-md-4 d-flex  justify-content-end')

                        child.removeClass('col-md-6')
                        child.addClass('d-flex pt-2 col-md-8')
                        child.append(`
                                         <span class="d-flex align-items-center px-2" style="cursor : pointer;">
                                                <i class='ri ri-file-excel-2-line text-success me-1' style="font-size : 18px; cursor : pointer;"></i>
                                                <span id="btn-export-facture-fournisseur" class="fw-bold" style="cursor : pointer;">Exporter</span>
                                            </span>
                                        `)
                            placeboutonPreferenceColonne('tableFactureAvoirFourn', 'tableFactureAvoirFournShowColonne', 2)

                        completeHandler()
                    } else {

                        notifError(response.msg)
                        completeHandler()
                    }
                },
                error: function(error) {
                    notifError(error)
                    completeHandler()
                }
            })
        }

        recuperationPreferenceColonneUtilisateur('tableFactureAvoirFourn','tableFactureAvoirFournShowColonne')
        $(document).on('click', '.tableFactureAvoirFournShowColonne', function() {
            appliquerPreferenceColonne('tableFactureAvoirFourn', 'tableFactureAvoirFourn', $(this),'tableFactureAvoirFournShowColonne')
        })


        recupererValeurSession('filterMemory.filtreFactureAvoirFournisseur')
            .then((data) => {

                _('filtrePeriode').value = explodeDate(data.debutPeriode,'-') + ' - ' + explodeDate(data.finPeriode, '-')
                $('#FactureFseurComptabilise').val(data.FactureFseurComptabilise).trigger('change')
                chargerSelectFournisseur(data.IDFOURNISSEUR)

                chargerTableFactureAvoirFournisseur()
            })

        // Click sur le boutton de refresh
        _('btnFiltreTable').addEventListener('click', function() {

            let session = 'filterMemory.filtreFactureAvoirFournisseur'

            let Periode = convertirFormatDate2(_('filtrePeriode').value)

            let valeurSession = {

                'debutPeriode': Periode[0],
                'finPeriode': Periode[1],
                'IDFOURNISSEUR': _('IDFOURNISSEUR').value,
                'FactureFseurComptabilise': _('FactureFseurComptabilise').value
            }

            modifierValeurSession('{{ csrf_token() }}', session, valeurSession)
                .then(function(data) {
                    chargerTableFactureAvoirFournisseur()
                })
        })

        _('formFiltre').addEventListener('submit', function(e) {

            e.preventDefault()
            _('btnFiltreTable').click()
        })

        ignoreChangeSessionIDMONNAIEAffichage = true
        _('IDMONNAIEAffichage').addEventListener('change', function() {

            let Periode = convertirFormatDate2(_('filtrePeriode').value)

            $.ajax({
                type: "get",
                url: "{{ route('FAF.valoriserLesTotaux') }}",
                data: {
                    'debutPeriode': Periode[0],
                    'finPeriode': Periode[1],
                    'IDFOURNISSEUR': _('IDFOURNISSEUR').value,
                    'FactureFseurComptabilise': _('FactureFseurComptabilise').value,
                    'IDMONNAIE' : $(this).val()
                },
                dataType: "json",
                success: function(response) {
                    if (response.error == false) {
                        if(response.data != null){
                            _("libTotalHTDevise").innerHTML = response.data.DeviseTotalHT
                            _("libTotalTVADevise").innerHTML = response.data.DeviseTotalTaxe
                            _("libTotalTTCDevise").innerHTML = response.data.DeviseTotalTTC
                        }
                        _("libDeviseJour").innerHTML = response.TauxMonnaieSymboleMonnaie
                    }
                },
                error : function (response) { 

                }
            });
        })
    </script>

    <!-- Script modification de facture fournisseur -->
    <script>

        function infoFactureFournisseur(IDFACTUREFSEUR) {

            return new Promise((resolve, reject) => {

                $.ajax({

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

                        if (response.success != 1) {

                            notif('danger', 'Erreur', response.msg)
                        }

                        resolve(response)

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

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

        function chargerSelectFamilleProduit() {

            $.ajax({

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

                    if (response.success != 1) {

                        notif('danger', 'Erreur', response.msg)
                    } else {

                        let data = response.data

                        data.unshift({
                            IDFAMILLEPRODUIT: 0,
                            LibelleFamilleProduit: ''
                        })

                        populateSelect('#selIDFAMILLEPRODUIT', {
                            data: data,
                            valueKey: 'IDFAMILLEPRODUIT',
                            textKey: 'LibelleFamilleProduit'
                        })
                    }
                },
                error: function(error) {

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

        function modifierFactureAvoirFournisseur() {

            return new Promise((resolve, reject) => {

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

                $.ajax({

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

                        if (response.success != 1) {

                            notif('danger', 'Erreur', response.msg)
                        }

                        resolve(response)

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

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

        function calculTotalTTC(){

            let Total_Taxe = chaineEnNumerique(_('inpTotalTaxe').value)
            let Total_HT = chaineEnNumerique(_('inpTotalHT').value) - chaineEnNumerique(_('inpTotalRemise').value)
            let Frais_de_transit = chaineEnNumerique(_('inpMontantFraisTransit').value)
            let Montant_Preacheminement = chaineEnNumerique(_('inpMontantPreach').value)
            let Montant_frais_d_expedition = chaineEnNumerique(_('inpMontantFraisExp').value)
            let Montant_de_Assurance = chaineEnNumerique(_('inpMontantAssurance').value)

            return  Total_Taxe + Total_HT + Frais_de_transit + Montant_Preacheminement + Montant_frais_d_expedition + Montant_de_Assurance
        }

        function actualiseChampTotalTTC(){

            $('#inpTotalTTC').val(calculTotalTTC()).trigger('input')
        }

        _('inpTotalTaxe').addEventListener('input', actualiseChampTotalTTC )
        _('inpTotalHT').addEventListener('input', actualiseChampTotalTTC )
        _('inpMontantFraisTransit').addEventListener('input', actualiseChampTotalTTC )
        _('inpMontantPreach').addEventListener('input', actualiseChampTotalTTC )
        _('inpMontantFraisExp').addEventListener('input', actualiseChampTotalTTC )
        _('inpMontantAssurance').addEventListener('input', actualiseChampTotalTTC )

        chargerSelectFamilleProduit()

        $(document).on('click', '#editFacture', function() {

            let IDFACTUREFSEUR = $(this).attr('data-id')

            infoFactureFournisseur(IDFACTUREFSEUR)
                .then((response) => {

                    if (response.success == 1) {

                        let info = response.data

                        _('libNumeroFactureFseur').innerHTML = info.NumeroFactureFseur
                        _('libDateFacture').innerHTML = info.DateFactureFormat
                        _('libDateEcheanceFactureFseur').innerHTML = info.DateEcheanceFactureFseurFormat
                        _('libNomBureauAchat').innerHTML = info.NomBureauAchat
                        _('libNomFournisseur').innerHTML = info.NomFournisseur

                        _('inpIDFACTUREFSEUR').value = info.IDFACTUREFSEUR

                        $('#selIDFAMILLEPRODUIT').val(info.IDFAMILLEPRODUIT).trigger('change')

                        $('#inpMontantPreach').val(Number(info.MontantPreach)).trigger('input')
                        $('#inpMontantFraisExp').val(Number(info.MontantFraisExp)).trigger('input')
                        $('#inpMontantAssurance').val(Number(info.MontantAssurance)).trigger('input')
                        $('#inpMontantFraisTransit').val(Number(info.MontantFraisTransit)).trigger('input')
                        // La remise d'abord : le TTC se recalcule sur le net à chaque saisie.
                        $('#inpTotalRemise').val(Number(info.TotalRemise)).trigger('input')
                        $('#chkRemiseEnPiedFacture').prop('checked', info.RemiseEnPiedFacture == true)
                        $('#inpTotalHT').val(Number(info.TotalHT)).trigger('input')
                        $('#inpTotalTaxe').val(Number(info.TotalTaxe)).trigger('input')
                        $('#inpTotalTTC').val(Number(info.TotalTTC)).trigger('input')

                        $('#modalFactureFournisseur').modal('show')
                    }
                })
        })

        // Valider modification de facture avoir fournisseur
        _('btnValiderModifFactureFournisseur').addEventListener('click', function() {

            confirmMdp('{{ csrf_token() }}', modifierFactureAvoirFournisseur, null, 'Confirmez l\'opération', {
                    sousTitre: '',
                    infoJNL: "CREATION/MODIFICATION DE FACTURE FOURNISSEUR",
                    typeJNL: 3,
                    CodeDroit: "DC_ModifierFactureFSeur"
                })
                .then((response) => {

                    if (response.success == 1) {

                        notif('success', 'Succès', 'Facture fournisseur modifié aves succès !')
                        $('#modalFactureFournisseur').modal('hide')
                    }
                })
        })

        $(document).on('click', '#btn-export-facture-fournisseur', function() {
            var data = getCleanedTableData('tableFactureAvoirFourn')
            const filename = file_name("FACTURE_FOURNISSEUR");
            const tabs_format = {
                O: '#,##0',
                P: '#,##0',
                Q: '#,##0'
            };
            download_excel_file('{{ route('export_global_excel.export') }}', data, filename, [], tabs_format)
        })
    </script>

    <!-- Script de comptabilisation : la passerelle vers Sage -->
    <script>
        /**
         * Les factures cochees dans la liste.
         *
         * La case vit dans une ligne du DataTable : parcourir le DOM visible ne verrait que
         * la page affichee, et une selection faite page 2 serait perdue.
         */
        function listeLigneSelectionne() {

            let data = []

            $.each($(tableFactureAvoirFourn.rows().nodes()).find('.checkSelectLigne'),
                function(key, value) {

                    if (value.checked == true) {

                        data.push(value.getAttribute('data-id'))
                    }
                })

            return data
        }

        /* La case d'en-tete coche tout ce que le filtre courant a ramene. */
        $(document).on('click', '#checkSelectAll', function() {

            let coche = this.checked

            $(tableFactureAvoirFourn.rows().nodes()).find('.checkSelectLigne')
                .each(function() { this.checked = coche })
        })

        /**
         * Enregistre le fichier rendu par le serveur sur le poste du comptable.
         *
         * Le contenu arrive en base64 : c'est la convention des autres exports, et elle
         * evite d'ouvrir une route en GET sur des donnees comptables.
         */
        function telechargerFichierComptable(nom, contenuBase64) {

            const blob = b64toBlob(contenuBase64, 'text/plain')
            const lien = document.createElement('a')

            lien.href = URL.createObjectURL(blob)
            lien.download = nom

            document.body.appendChild(lien)
            lien.click()
            document.body.removeChild(lien)

            /* On libere l'objet apres coup : revoquer tout de suite annulerait le
               telechargement sur certains navigateurs. */
            setTimeout(function() { URL.revokeObjectURL(lien.href) }, 2000)
        }

        /**
         * Envoie la demande de generation et enregistre ce que le serveur rend.
         *
         * `ignorer` dit ce qu'il faut faire des factures deja prises par la comptabilite :
         * les refaire, ou les laisser de cote. C'est l'operateur qui a tranche juste avant.
         */
        function comptabiliserFactureFournisseur(lignes, ignorer) {

            $.ajax({
                url: '{{ route('genererPasserelleSageFactureFournisseur') }}',
                type: 'POST',
                data: {
                    ligneSelectionne: lignes,
                    ignorerDejaComptabilises: ignorer ? 1 : 0,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                beforeSend: progressHandler(),
                success: function(response) {

                    completeHandler()

                    if (response.success != 1) {

                        notifDanger(response.msg)
                        return 0
                    }

                    response.fichiers.forEach(function(fichier) {

                        telechargerFichierComptable(fichier.nom, fichier.contenu)
                    })

                    notif('success', 'Information',
                        'Factures fournisseur intégrées avec succès ! '
                        + response.lignes + ' écriture(s) pour ' + response.factures
                        + ' facture(s) : ' + response.fichiers.map(f => f.nom).join(', '))

                    /* Ce qui n'est pas parti dans le fichier : l'operateur doit le savoir,
                       sinon l'absence passerait inapercue. */
                    const restes = (response.ignores || []).slice()

                    if (response.dejaComptabilises && response.dejaComptabilises.length > 0) {

                        restes.push(response.dejaComptabilises.length
                            + ' facture(s) déjà comptabilisée(s), laissée(s) de côté : '
                            + response.dejaComptabilises.join(', '))
                    }

                    if (restes.length > 0) {

                        afficherRefusMetier('Ces factures ne sont pas dans le fichier — '
                            + restes.join(' ; '), 'Factures non reprises dans la passerelle')
                    }

                    /* La liste porte la colonne « statut » : elle vient de changer. */
                    _('checkSelectAll').checked = false
                    _('btnFiltreTable').click()
                },
                error: function(response) {

                    completeHandler()
                    notifError(response.responseJSON ? response.responseJSON.msg : 'Erreur')
                }
            })
        }

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

            const lignes = listeLigneSelectionne()

            if (lignes.length == 0) {

                notif('danger', 'Erreur', 'Veuillez sélectionner au moins une facture')
                return 0
            }

            /* On demande d'abord ce que contient la selection. Une facture deja prise par la
               comptabilite qui repart dans le fichier, c'est une ecriture en double chez le
               comptable : la decision lui revient, pas au programme. */
            $.ajax({
                url: '{{ route('genererPasserelleSageFactureFournisseur') }}',
                type: 'POST',
                data: {
                    ligneSelectionne: lignes,
                    verifier: 1,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                beforeSend: progressHandler(),
                success: function(reponse) {

                    completeHandler()

                    if (reponse.success != 1) {

                        notifDanger(reponse.msg)
                        return 0
                    }

                    const deja = reponse.dejaComptabilises || []

                    if (deja.length === 0) {

                        comptabiliserFactureFournisseur(lignes, false)
                        return 0
                    }

                    Swal.fire({
                        title: 'Que faire des factures déjà intégrées ?',
                        html: deja.length + ' facture(s) sur ' + reponse.nbSelection
                            + ' ont déjà été comptabilisées :<br><strong>'
                            + deja.slice(0, 10).join(', ')
                            + (deja.length > 10 ? ', …' : '') + '</strong>',
                        icon: 'warning',
                        showDenyButton: true,
                        showCancelButton: true,
                        confirmButtonText: 'Intégrer',
                        denyButtonText: 'Ne pas intégrer',
                        cancelButtonText: 'Annuler',
                        reverseButtons: true
                    }).then(function(choix) {

                        if (choix.isConfirmed) {

                            comptabiliserFactureFournisseur(lignes, false)

                        } else if (choix.isDenied) {

                            comptabiliserFactureFournisseur(lignes, true)
                        }

                        /* Annuler : on ne fait rien, et rien n'a ete ecrit. */
                    })
                },
                error: function(reponse) {

                    completeHandler()
                    notifError(reponse.responseJSON ? reponse.responseJSON.msg : 'Erreur')
                }
            })
        })
    </script>

@endsection