@extends('models')
@section('titre-page', 'Schéma comptable')
@section('content-body')

<!-- Page Header -->
<div class="d-md-flex d-block align-items-center justify-content-between mt-4 page-header-breadcrumb">
    <div class="col-xl-12 col-12">
        <div class="row mb-3">
            <div class="col-xl-7 col-md-4 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">Schéma comptable</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</div>
<!-- Page Header Close -->

<div class="row mt-xl-2">
    <div class="row">
        <div class="col-xl-4 d-flex">
            <div class="card custom-card flex-fill">
                <div class="card-body">
                    <div class="row mb-2">
                        <div class="row p-0 m-0 d-flex align-items-center my-2">
                            <input type="text" id="listeID" style="display : none;">
                            <div class="d-flex justify-content-end align-items-center">
                                <a class="btn btn-warning d-flex justify-content-center align-items-center me-2" id="btnModalJOURNAL">
                                    <i class='bx bx-file me-2'></i>
                                    Journal
                                </a>
                                <a class="btn btn-success d-flex" id="btnModalSCHEMA">
                                    <i class='bx bx-plus fs-18 me-2'></i>
                                    Nouveau schema
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table id="tableListeSchemaComptable" class="table table-striped w-100">
                            <thead class="table-header-primary">
                                <tr>
                                    <th data-column="action" class="text-center ellipsis" data-orderable="false">#</th>
                                    <th data-column="description" class="text-center ellipsis">Description</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-8 d-flex">
            <div class="card custom-card flex-fill">
                <div class="card-body">
                    <div class="row">
                        <div class="row p-0 m-0 d-flex align-items-center my-2">
                            <div class="col-xl-7">
                                <label id="description" style="font-weight : 500;"></label>
                            </div>
                            <div class="col-xl-5 col-lg-6 pe-0 d-flex justify-content-end align-items-center">

                                <a class="btn btn-success justify-content-center align-items-center" id="newSCHEMA_COMPTABLEECRITURE" style="display: flex;">
                                    <i class='bx bxs-check-circle me-2'></i>
                                    Valider
                                </a>
                                <a class="btn btn-warning justify-content-center align-items-center"id="btnEditSCHEMA_COMPTABLEECRITURE" style="display:none;">
                                    <i class="bx bxs-edit me-2" style="font-size:16px;"></i>Modifier
                                </a>
                                <a class="btn btn-danger d-flex justify-content-center align-items-center ms-2" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-dark"
                                    data-bs-placement="bottom" title="Annuler l'opération" id="annulerModifSCHEMA_COMPTABLEECRITURE">
                                    <span class="bx bxs-x-circle me-2" style="font-size:16px;"></span>
                                    Annuler
                                </a>
                            </div>
                        </div>
                    </div>
                    <form id="formSCHEMA_COMPTABLE">
                        <div class="rounded-0 border row py-2 px-1">
                            <input type="number" id="inpIDSCHEMA_COMPTABLE" name="IDSCHEMA_COMPTABLE" style="display : none;">
                            <div class="col-md-2">
                                <p class="text-muted mb-0">Code journal</p>
                                <input type="text" class="form-control" id="inpCodeJournalComptable" name="CodeJournalComptable" style="text-transform: uppercase;" disabled>
                            </div>
                            <div class="col-md-2">
                                <p class="text-muted mb-0 ellipsis" title="N° Compte Général">N° Compte Général</p>
                                <input type="text" class="form-control text-center" id="inpNumeroCompteGeneralComptable" name="NumeroCompteGeneralComptable" style="text-transform: uppercase;" disabled>
                            </div>
                            <div class="col-md-2">
                                <p class="text-muted mb-0 ellipsis" title="Type de mouvement">Type de mouvement</p>
                                <select class="form-select" name="TypeMvtDebitCredit" id="selTypeMvtDebitCredit" disabled>
                                    <option value="1">DEBIT</option>
                                    <option value="2">CREDIT</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <p class="text-muted mb-0 ellipsis" title="Type de mouvement">Type de montant</p>
                                <select class="form-select" name="TypeMontant" id="selTypeMontant" disabled>
                                    <option value="1">TTC</option>
                                    <option value="2">HT EXO TVA</option>
                                    <option value="3">HT TAXABLE</option>
                                    <option value="4">HT TAXABLE (18%)</option>
                                    <option value="5">HT TAXABLE (9%)</option>
                                    <option value="6">TVA</option>
                                    <option value="7">TVA (18%)</option>
                                    <option value="8">TVA (9%)</option>
                                    <option value="9">RETENUE</option>
                                    <option value="10">APRES RETENUE</option>
                                    <option value="11">FRAIS EXPEDITION</option>
                                    <option value="12">FRAIS ASSURANCE</option>
                                    <option value="13">FRAIS PREACHEMINEMENT</option>
                                    <option value="14">FRAIS MARCHANDISE</option>
                                    <option value="15">FRAIS DE TRANSIT</option>
                                </select>
                            </div>
                            <div class="col-md-3 mt-3 mb-1">
                                <div class="card w-100 pb-0 mb-0" style="height: 35px;">
                                    <div class="card-body w-100 pb-0 mb-0">
                                        <div class="d-flex align-items-center" style="margin-top: -12px;">
                                            <div class="d-flex justify-content-center align-items-center flex-wrap" >
                                                <div class="custom-toggle-switch toggle-sm ms-2">
                                                    <input id="checkCompteTiers" name="AjouterCompteTiers" type="checkbox" disabled>
                                                    <label for="checkCompteTiers" class="label-success"></label>
                                                </div>
                                            </div>
                                            <label class="text-muted ellipsis" title="Compte tiers" style="font-weight : 400;">
                                                Compte tiers
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div>
                        <div class="table-responsive">
                            <table id="tableSCHEMACOMPTABLE_ECRITURE" class="table table-striped tablehover w-100">
                                <thead class="table-header-primary">
                                    <tr>
                                        <th data-column="action" data-class="text-center" class="text-center">Action</th>
                                        <th data-column="CodeJournalComptable" data-class="text-center" class="text-center">Code Journal</th>
                                        <th data-column="NumeroCompteGeneralComptable" data-class="text-center" class="text-center">N° Compte Général</th>
                                        <th data-column="libelleTypeMvt" data-class="text-center" class="text-center">Type de mouvement</th>
                                        <th data-column="libelleTypeMontant" data-class="text-center" class="text-center">Type de montant</th>
                                        <th data-column="checkCompteTier" class="text-center">Compte Tier</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Section modal --}}
<!-- Modal de création de schema -->
<div class="modal fade" id="modalSCHEMA" tabindex="-1" aria-labelledby="exampleModalScrollable2" data-bs-keyboard="false" aria-hidden="true">
    <!-- Scrollable modal -->
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title" id="titleModalInfoRistourne">Nouveau schema comptable</h6>
                <button type="button" class="btn-close  bg-light" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-4 mb-2">
                        <p class="text-muted mb-0">Site :</p>
                        <select class="form-select" name="IDAGENCE" id="selIDAGENCEmodalSCHEMA"></select>
                    </div>
                    <div class="col-md-4 mb-2">
                        <p class="text-muted mb-0">Type de journal :</p>
                        <select class="form-select" name="TypeEcritureJournal" id="selTypeEcritureJournalmodalSCHEMA"></select>
                    </div>
                    <div class="col-md-4 mb-2" id="divIDCORRECTION_MOTIFmodalSCHEMA">
                        <p class="text-muted ellipsis mb-0">Motif de correction de stock :</p>
                        <select class="form-select" name="IDCORRECTION_MOTIF" id="selIDCORRECTION_MOTIFmodalSCHEMA"></select>
                    </div>
                    <div class="col-md-4 mb-2" id="divIDRETOURFSEUR_MOTIFmodalSCHEMA">
                        <p class="text-muted ellipsis mb-0">Motif de reclamation fournisseur :</p>
                        <select class="form-select" name="IDRETOURFSEUR_MOTIF" id="selIDRETOURFSEUR_MOTIFmodalSCHEMA"></select>
                    </div>
                    <div class="col-md-4 mb-2">
                        <p class="text-muted mb-0">Bureau d'achat :</p>
                        <select class="form-select" name="IDBUREAUACHAT" id="selIDBUREAUACHATmodalSCHEMA"></select>
                    </div>
                    <div class="col-md-4 mb-2">
                        <p class="text-muted mb-0">Mode d'expédition :</p>
                        <select class="form-select" name="IDMODEEXPEDITION" id="selIDMODEEXPEDITIONmodalSCHEMA"></select>
                    </div>
                    <div class="col-md-4 mb-2">
                        <p class="text-muted ellipsis mb-0">Famille :</p>
                        <select class="form-select" name="IDFAMILLEPRODUIT" id="selIDFAMILLEPRODUITmodalSCHEMA"></select>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success-light btn-wave d-flex justify-content-center align-items-center" id="btnValiderNewSCHEMA">
                    <i class='bx bxs-check-circle me-1 fs-18'></i>Valider
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Modal de journal -->
<div class="modal fade" id="modalJOURNAL" tabindex="-1" aria-labelledby="exampleModalScrollable2" data-bs-keyboard="false" aria-hidden="true">
    <!-- Scrollable modal -->
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title" id="titleModalInfoRistourne">Journal</h6>
                <button type="button" class="btn-close  bg-light" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="d-flex row mb-2">
                    <div class="col-md-9">
                        <input type="number" id="inpIDTypeJournal" style="display: none;">
                        <p class="text-muted mb-0">libelle</p>
                        <input type="text" class="form-control" id="inpLibelleJournal" style="text-transform: uppercase;" disabled>
                    </div>
                    <div class="col-md-3 d-flex justify-content-between pt-3" style="margin-top : -3px;">
                        <button class="btn btn-warning" id="btnEditJournal" disabled>
                            <i class="bx bx-edit"></i>
                        </button>
                        <button class="btn btn-dark" id="btnAnnulEditJournal">
                            <i class="bx bxs-x-circle"></i>
                        </button>
                    </div>
                </div>
                <div class="table-responsive">
                    <table id="tableListeJournal" class="table table-striped tablehover w-100">
                        <thead class="table-header-primary">
                            <tr>
                                <th data-column="action" data-class="text-center" class="text-center">#</th>
                                <th data-column="LibelleJournal" class="text-center">Journal</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')

    <!-- Script exécuté au chargement de la page -->
    <script>

        ignoreGlobalSessionUpdate = true

        var tableListeSchemaComptable
        var tableSCHEMACOMPTABLE_ECRITURE

        tableSCHEMACOMPTABLE_ECRITURE = remplissageDataTable({
                                                            bFilter : false,
                                                            lengthChange : false,
                                                            IdentifiantDuTableau : '#tableSCHEMACOMPTABLE_ECRITURE',
                                                            obj : [],
                                                            pageLength : 10
                                                        })

        function listeSchemaComptable(){

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

                $.ajax({

                    url : "{{ route('listeSchemaComptable') }}",
                    type : 'GET',
                    data : {
                        IDAGENCE : _('idSiteEnCours').value
                    },
                    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 listeDesTypeJournal(data = { action : 0 }){

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

                $.ajax({

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

                        if (response.success != 1) {

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

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

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

        function chargerSelectTypeJournal(){

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

                    if (response.success == 1) {

                        let data = response.data

                        data.unshift({
                            TypeEcritureJournal : 0,
                            LibelleJournal : ''
                        })
                        
                        populateSelect('#selTypeEcritureJournalmodalSCHEMA', {
                            data : data,
                            valueKey : 'TypeEcritureJournal',
                            textKey : 'LibelleJournal'
                        })

                        $('#selTypeEcritureJournalmodalSCHEMA').select2({
                            dropdownParent : $('#modalSCHEMA')
                        })
                    }
                })
        }

        function chargerTableListeSchemaComptable(){

            progressHandler()

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

                    let obj = []

                    if (response.success == 1) {

                        obj = response.data
                    }

                    tableListeSchemaComptable = remplissageDataTable({
                                                            bFilter : false,
                                                            lengthChange : false,
                                                            IdentifiantDuTableau : '#tableListeSchemaComptable',
                                                            obj : obj,
                                                            scrollY : '400px',
                                                            pageLength : 10,
                                                        })
                })
                .catch(() => completeHandler())
        }

        function listeMotifCorrectionStock(){

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

                $.ajax({

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

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

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

        function chargerSelectListeMotifCorrectionStock(){

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

                    let data = response.listeMotifCorrection
                    
                    data.unshift({
                        IDCORRECTION_MOTIF : 0,
                        LibelleMotifCorrection : ''
                    })

                    populateSelect('#selIDCORRECTION_MOTIFmodalSCHEMA', {
                        data : data,
                        valueKey : 'IDCORRECTION_MOTIF',
                        textKey : 'LibelleMotifCorrection'
                    })

                    $('#selIDCORRECTION_MOTIFmodalSCHEMA').select2({
                        dropdownParent : $('#modalSCHEMA')
                    })
                })
        }

        function listingBureauAchatSimple(){

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

                $.ajax({

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

                        if (response.success != 1) {

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

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

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

        function chargerSelectListeBureauAchat(){

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

                    if (response.success == 1) {
                        
                        let data = response.data
                    
                    data.unshift({
                        IDBUREAUACHAT : 0,
                        NomBureauAchat : ''
                    })

                    populateSelect('#selIDBUREAUACHATmodalSCHEMA', {
                        data : data,
                        valueKey : 'IDBUREAUACHAT',
                        textKey : 'NomBureauAchat'
                    })
                    }
                })
        }

        function listeModeExpeSimple(){

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

                $.ajax({

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

                        if (response.success != 1) {

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

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

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

        function chargerSelectModeExpedition(){

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

                    if (response.success == 1) {
                        
                        let data = response.data
                    
                        data.unshift({
                            IDMODEEXPEDITION : 0,
                            LibelleModeExpedition : ''
                        })

                        populateSelect('#selIDMODEEXPEDITIONmodalSCHEMA', {
                            data : data,
                            valueKey : 'IDMODEEXPEDITION',
                            textKey : 'LibelleModeExpedition'
                        })
                    }
                })
        }

        function listeFamilleSimple(){

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

                $.ajax({

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

                        if (response.success != 1) {

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

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

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

        function chargerSelectFamille(){

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

                    if (response.success == 1) {
                        
                        let data = response.data
                    
                        data.unshift({
                            IDFAMILLEPRODUIT : 0,
                            LibelleFamilleProduit : ''
                        })

                        populateSelect('#selIDFAMILLEPRODUITmodalSCHEMA', {
                            data : data,
                            valueKey : 'IDFAMILLEPRODUIT',
                            textKey : 'LibelleFamilleProduit'
                        })
                    }
                })
        }

        function listeMotifRetourFour(){

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

                $.ajax({

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

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

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

        function chargerSelectMotifRetourFour(){

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

                    let data = response

                    data.unshift({
                        IDRETOURFSEUR_MOTIF : 0,
                        LibelleMotifRetour : ''
                    })

                    populateSelect('#selIDRETOURFSEUR_MOTIFmodalSCHEMA', {
                            data : data,
                            valueKey : 'IDRETOURFSEUR_MOTIF',
                            textKey : 'LibelleFamilleProduit'
                        })

                    $('#selIDRETOURFSEUR_MOTIFmodalSCHEMA').select2({
                        dropdownParent : $('#modalSCHEMA')
                    })
                })
        }

        listingComboAgence('#selIDAGENCEmodalSCHEMA')

        chargerTableListeSchemaComptable()
        chargerSelectTypeJournal()
        chargerSelectListeMotifCorrectionStock()
        chargerSelectListeBureauAchat()
        chargerSelectModeExpedition()
        chargerSelectFamille()
        chargerSelectMotifRetourFour()

        _('idSiteEnCours').addEventListener('change', function(){

            $.ajax({

                url: '{{ route('modifierSessionSite') }}',
                type: 'POST',
                beforeSend: progressHandler(),
                data: {
                    IDAGENCE: _('idSiteEnCours').value,
                    _token: "{{ csrf_token() }}"
                },
                dataType: 'json',
                success: function(response) {

                    chargerTableListeSchemaComptable()

                    _('listeID').value = ''
                    _('description').innerHTML = ''
                    _('inpCodeJournalComptable').setAttribute('disabled', '')
                    _('inpNumeroCompteGeneralComptable').setAttribute('disabled', '')
                    _('selTypeMvtDebitCredit').setAttribute('disabled', '')
                    _('selTypeMontant').setAttribute('disabled', '')
                    _('checkCompteTiers').setAttribute('disabled', '')
                    _('annulerModifSCHEMA_COMPTABLEECRITURE').click()

                    tableSCHEMACOMPTABLE_ECRITURE = remplissageDataTable({
                                                                    bFilter : false,
                                                                    lengthChange : false,
                                                                    IdentifiantDuTableau : '#tableSCHEMACOMPTABLE_ECRITURE',
                                                                    obj : [],
                                                                    pageLength : 10
                                                                })
                }
            })    
        })

        function listeSCHEMACOMPTABLE_ECRITURE(data = {}){

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

                // Si data n'est pas déjà un FormData, on le convertit
                if (!(data instanceof FormData)) {
                    let formData = new FormData();
                    for (let key in data) {
                        formData.append(key, data[key]);
                    }
                    data = formData;
                }

                // Ajoute le token CSRF
                data.append('_token', '{{ csrf_token() }}');

                $.ajax({

                    url : "{{ route('listeSCHEMACOMPTABLE_ECRITURE') }}",
                    type : 'POST',
                    data : data,
                    processData : false,
                    contentType : 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()
                    }
                })
            })
        }

    </script>

    <!-- Script de SCHEMA_COMPTABLE_ECRITURE -->
    <script>

        var IDSCHEMA_COMPTABLEsup

        function modifierSCHEMA_COMPTABLE_ECRITURE(){

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

                let formSCHEMA_COMPTABLE = new FormData(_('formSCHEMA_COMPTABLE'))

                formSCHEMA_COMPTABLE.append('AjouterCompteTiers', _('checkCompteTiers').checked == true ? 1 : 0)
                formSCHEMA_COMPTABLE.append('IDAGENCE', _('idSiteEnCours').value)
                formSCHEMA_COMPTABLE.append('_token', '{{ csrf_token() }}')

                $.ajax({

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

                        if (response.success != 2) {

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

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

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

        function newSCHEMA_COMPTABLE_ECRITURE(){

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

                let formSCHEMA_COMPTABLE = new FormData(_('formSCHEMA_COMPTABLE'))

                formSCHEMA_COMPTABLE.append('AjouterCompteTiers', _('checkCompteTiers').checked == true ? 1 : 0)
                formSCHEMA_COMPTABLE.append('data', _('listeID').value)
                formSCHEMA_COMPTABLE.append('_token', '{{ csrf_token() }}')

                $.ajax({

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

                        if (response.success != 2) {

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

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

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

        function chargerTableSCHEMA_COMPTABLE_ECRITURE(data){

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

                progressHandler()

                _('annulerModifSCHEMA_COMPTABLEECRITURE').click()

                listeSCHEMACOMPTABLE_ECRITURE(data)
                    .then((response) => {

                        if (response.success == 1) {
                            
                            let obj = []

                            if (response.success == 1) {

                                obj = response.data

                                _('inpCodeJournalComptable').removeAttribute('disabled')
                                _('inpNumeroCompteGeneralComptable').removeAttribute('disabled')
                                _('selTypeMvtDebitCredit').removeAttribute('disabled')
                                _('selTypeMontant').removeAttribute('disabled')
                                _('checkCompteTiers').removeAttribute('disabled')

                            }else{

                                _('inpCodeJournalComptable').setAttribute('disabled', '')
                                _('inpNumeroCompteGeneralComptable').setAttribute('disabled', '')
                                _('selTypeMvtDebitCredit').setAttribute('disabled', '')
                                _('selTypeMontant').setAttribute('disabled', '')
                                _('checkCompteTiers').setAttribute('disabled', '')

                                _('description').innerHTML = ''
                            }

                            tableSCHEMACOMPTABLE_ECRITURE = remplissageDataTable({
                                                                    bFilter : false,
                                                                    lengthChange : false,
                                                                    IdentifiantDuTableau : '#tableSCHEMACOMPTABLE_ECRITURE',
                                                                    obj : obj,
                                                                    pageLength : 10,
                                                                })
                        }

                        resolve(response)
                        completeHandler()
                    })
                    .catch(() => {

                        reject()
                        completeHandler()
                    }) 
            })
        }

        function supprimeSCHEMA_COMPTABLE_ECRITURE(){

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

                $.ajax({

                    url : "{{ route('supprimeSCHEMA_COMPTABLE_ECRITURE') }}",
                    type : 'GET',
                    data : {
                        IDSCHEMA_COMPTABLE : IDSCHEMA_COMPTABLEsup
                    },
                    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()
                    }
                })
            })
        }

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

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

            let indexSCHEMA = tableListeSchemaComptable.data().toArray().findIndex(item => item.listeID == listeID)

            let data = {
                data : listeID
            }            

            chargerTableSCHEMA_COMPTABLE_ECRITURE(data)
                .then((response) => {

                    if (response.success == 1) {
                        
                        _('description').innerHTML = tableListeSchemaComptable.row(indexSCHEMA).data().descriptionSimple
                        _('listeID').value = listeID
                    }
                })    
        })

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

            _('newSCHEMA_COMPTABLEECRITURE').style.display = 'flex'
            _('btnEditSCHEMA_COMPTABLEECRITURE').style.display = 'none'

            _('formSCHEMA_COMPTABLE').reset()
        })

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

            progressHandler()

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

            let data = {
                IDSCHEMA_COMPTABLE : IDSCHEMA_COMPTABLE
            }

            listeSCHEMACOMPTABLE_ECRITURE(data)
                .then((response) => {

                    if (response.success == 1) {

                        if (response.success == 1) {

                            let data = response.data

                            _('newSCHEMA_COMPTABLEECRITURE').style.display = 'none'
                            _('btnEditSCHEMA_COMPTABLEECRITURE').style.display = 'flex'

                            remplirLeForm('formSCHEMA_COMPTABLE', data)
                        }
                    }
                })
                .catch(() => completeHandler())   
        })

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

            if (_('inpIDSCHEMA_COMPTABLE').value.replace(/\s/g,'') == '' || _('inpIDSCHEMA_COMPTABLE').value.replace(/\s/g,'') == 0) {
                
                notif('danger', 'Erreur', 'Échec de l\'opération.')
                _('annulerModifSCHEMA_COMPTABLEECRITURE').click()
                return 0
            }

            if (_('inpCodeJournalComptable').value.replace(/\s/g,'') == '') {
                
                notif('danger', 'Erreur', 'Renseigner le code du journal, SVP !')
                return 0
            }

            if (_('inpNumeroCompteGeneralComptable').value.replace(/\s/g,'') == '') {
                
                notif('danger', 'Erreur', 'Renseigner le numéro de compte général, SVP !')
                return 0
            }

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

                    if (response.success == 2) {
                        
                        progressHandler()

                        let listeID = _('listeID').value

                        let data = {
                            data : listeID
                        }                        

                        _('annulerModifSCHEMA_COMPTABLEECRITURE').click()

                        chargerTableSCHEMA_COMPTABLE_ECRITURE(data)
                    }
                })
        })

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

            if (_('listeID').value.replace(/\s/g,'') == '') {
                
                _('annulerModifSCHEMA_COMPTABLEECRITURE').click()

                _('inpCodeJournalComptable').setAttribute('disabled', '')
                _('inpNumeroCompteGeneralComptable').setAttribute('disabled', '')
                _('selTypeMvtDebitCredit').setAttribute('disabled', '')
                _('selTypeMontant').setAttribute('disabled', '')
                _('checkCompteTiers').setAttribute('disabled', '')

                return 0
            }

            if (_('inpCodeJournalComptable').value.replace(/\s/g,'') == '') {
                
                notif('danger', 'Erreur', 'Renseigner le code du journal, SVP !')
                return 0
            }

            if (_('inpNumeroCompteGeneralComptable').value.replace(/\s/g,'') == '') {
                
                notif('danger', 'Erreur', 'Renseigner le numéro de compte général, SVP !')
                return 0
            }

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

                    if (response.success == 2) {
                        
                        progressHandler()

                        let listeID = _('listeID').value

                        let data = {
                            data : listeID
                        }                        

                        _('annulerModifSCHEMA_COMPTABLEECRITURE').click()

                        chargerTableSCHEMA_COMPTABLE_ECRITURE(data)
                    }
                })
        })

        // Script de suppression de schemaComptableEcriture
        $(document).on('click', '#supSCHEMA_COMPTABLEECRITURE', function(){

            IDSCHEMA_COMPTABLEsup = $(this).attr('data-id')

            confirmMdp('{{ csrf_token() }}', supprimeSCHEMA_COMPTABLE_ECRITURE, null, 'Voulez-vous supprimer le(s) ligne(s) sélectionnée(s) ?')
                .then((response) => {

                    if (response.success == 1) {
                        
                        let listeID = _('listeID').value

                        let data = {
                            data : listeID
                        }                        

                        _('annulerModifSCHEMA_COMPTABLEECRITURE').click()

                        chargerTableSCHEMA_COMPTABLE_ECRITURE(data)
                    }
                })
        })
    </script>

    <!-- Script de modal de SCHEMA -->
    <script>

        _('btnModalSCHEMA').addEventListener('click', function(){
            
            _('divIDCORRECTION_MOTIFmodalSCHEMA').style.display = ''
            _('divIDRETOURFSEUR_MOTIFmodalSCHEMA').style.display = 'none'
            $('#modalSCHEMA').modal('show')
        })

        // Script de changement de type journal 
        _('selTypeEcritureJournalmodalSCHEMA').addEventListener('change', function(){

            let value = this.value

            _('selIDCORRECTION_MOTIFmodalSCHEMA').setAttribute('disabled', '')
            _('selIDRETOURFSEUR_MOTIFmodalSCHEMA').setAttribute('disabled', '')
            _('selIDBUREAUACHATmodalSCHEMA').setAttribute('disabled', '')
            _('selIDMODEEXPEDITIONmodalSCHEMA').setAttribute('disabled', '')
            _('selIDFAMILLEPRODUITmodalSCHEMA').setAttribute('disabled', '')

            if (value == 100) {
                
                _('selIDCORRECTION_MOTIFmodalSCHEMA').removeAttribute('disabled')

                _('divIDCORRECTION_MOTIFmodalSCHEMA').style.display = ''
                _('divIDRETOURFSEUR_MOTIFmodalSCHEMA').style.display = 'none'
            }

            if (value == 101) {
                
                _('selIDRETOURFSEUR_MOTIFmodalSCHEMA').removeAttribute('disabled')
                _('selIDBUREAUACHATmodalSCHEMA').removeAttribute('disabled')
                _('selIDMODEEXPEDITIONmodalSCHEMA').removeAttribute('disabled')
                _('selIDFAMILLEPRODUITmodalSCHEMA').removeAttribute('disabled')

                _('divIDCORRECTION_MOTIFmodalSCHEMA').style.display = 'none'
                _('divIDRETOURFSEUR_MOTIFmodalSCHEMA').style.display = ''
            }

            if (value == 104) {
                
                _('selIDBUREAUACHATmodalSCHEMA').removeAttribute('disabled')
                _('selIDMODEEXPEDITIONmodalSCHEMA').removeAttribute('disabled')
                _('selIDFAMILLEPRODUITmodalSCHEMA').removeAttribute('disabled')

                _('divIDCORRECTION_MOTIFmodalSCHEMA').style.display = 'none'
                _('divIDRETOURFSEUR_MOTIFmodalSCHEMA').style.display = ''
            }
        })

        // Bouton de validation de Nouveau SCHEMA
        _('btnValiderNewSCHEMA').addEventListener('click', function(){

            if (_('selIDAGENCEmodalSCHEMA').value <= 0) {
                
                notif('danger', 'Erreur', 'Sélectionnez l\'agence à paramétrer, SVP !')
                return 0
            }

            if (_('selTypeEcritureJournalmodalSCHEMA').value <= 0) {
                
                notif('danger', 'Erreur', 'Sélectionnez le journal à paramétrer, SVP !')
                _('selTypeEcritureJournalmodalSCHEMA').select()
                return 0
            }

            if (_('selTypeEcritureJournalmodalSCHEMA').value == 100) {
                
                if (_('selIDCORRECTION_MOTIFmodalSCHEMA').value <= 0) {
                    
                    notif('danger', 'Erreur', 'Veuillez renseigner le motif de correction, SVP !')
                    _('selIDCORRECTION_MOTIFmodalSCHEMA').select()
                    return 0
                }
            }

            if (_('selTypeEcritureJournalmodalSCHEMA').value == 101) {
                
                if (_('selIDRETOURFSEUR_MOTIFmodalSCHEMA').value <= 0) {
                    
                    notif('danger', 'Erreur', 'Veuillez renseigner le motif de retour fournisseur, SVP !')
                    _('selIDRETOURFSEUR_MOTIFmodalSCHEMA').select()
                    return 0
                }
            }

            if (_('selTypeEcritureJournalmodalSCHEMA').value != 101) {
                
                $('#selIDRETOURFSEUR_MOTIFmodalSCHEMA').val(0).trigger('change')
                $('#selIDBUREAUACHATmodalSCHEMA').val(0).trigger('change')
            }

            if (_('selTypeEcritureJournalmodalSCHEMA').value != 100) {
                
                $('#selIDCORRECTION_MOTIFmodalSCHEMA').val(0).trigger('change')
            }

            progressHandler()

            LibDesc = afficherOptionSelectionnee('selTypeEcritureJournalmodalSCHEMA')

            if (_('selIDCORRECTION_MOTIFmodalSCHEMA').value > 0) {
                
                LibDesc += ' - ' + afficherOptionSelectionnee('selIDCORRECTION_MOTIFmodalSCHEMA')
            }

            if (_('selIDRETOURFSEUR_MOTIFmodalSCHEMA').value > 0) {
                
                LibDesc += ' - ' + afficherOptionSelectionnee('selIDRETOURFSEUR_MOTIFmodalSCHEMA')
            }

            if (_('selIDBUREAUACHATmodalSCHEMA').value > 0) {
                
                LibDesc += ' - ' + afficherOptionSelectionnee('selIDBUREAUACHATmodalSCHEMA')
            }

            if (_('selIDMODEEXPEDITIONmodalSCHEMA').value > 0) {
                
                LibDesc += ' - ' + afficherOptionSelectionnee('selIDMODEEXPEDITIONmodalSCHEMA')
            }

            if (_('selIDFAMILLEPRODUITmodalSCHEMA').value > 0) {
                
                LibDesc += ' - ' + afficherOptionSelectionnee('selIDFAMILLEPRODUITmodalSCHEMA')
            }

            let listeID = _('selIDAGENCEmodalSCHEMA').value + ',' + _('selTypeEcritureJournalmodalSCHEMA').value + ',' + _('selIDCORRECTION_MOTIFmodalSCHEMA').value + ',' + _('selIDRETOURFSEUR_MOTIFmodalSCHEMA').value + ',' + _('selIDBUREAUACHATmodalSCHEMA').value + ',' + _('selIDFAMILLEPRODUITmodalSCHEMA').value + ',' + _('selIDMODEEXPEDITIONmodalSCHEMA').value

            let data = {
                data : listeID
            }  

            chargerTableSCHEMA_COMPTABLE_ECRITURE(data)
                .then((response) => {

                    if (response.success == 1) {

                        $('#idSiteEnCours').val(_('selIDAGENCEmodalSCHEMA').value).trigger('change')
                        chargerTableListeSchemaComptable()

                        _('listeID').value = listeID
                        _('description').innerHTML = LibDesc
                        $('#modalSCHEMA').modal('hide')
                        _('inpCodeJournalComptable').select()
                    }
                })
        })

    </script>

    <!-- Script modal journal -->
    <script>

        var tableListeJournal

        function chargerTablelTypeJournal(){

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

                progressHandler()

                listeDesTypeJournal({ action : 1 })
                    .then((response) => {

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

                            tableListeJournal = remplissageDataTable({
                                                    bFilter : true,
                                                    lengthChange : false,
                                                    IdentifiantDuTableau : '#tableListeJournal',
                                                    obj : data,
                                                    pageLength : 10,
                                                    scrollY : '350px'
                                                })
                        }

                        resolve(response)
                        completeHandler()
                    })
            })
        }

        function modifierTypeJournal(){

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

                $.ajax({

                    url : "{{ route('modifierTypeJournal') }}",
                    type : 'POST',
                    data : {
                        LibelleJournal : _('inpLibelleJournal').value,
                        IDTypeJournal : _('inpIDTypeJournal').value,
                        _token : '{{ csrf_token() }}'
                    },
                    dataType : 'json',
                    beforeSend : progressHandler(),
                    success : function(response){

                        if (response.success != 2) {

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

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

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

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

            _('inpLibelleJournal').setAttribute('disabled', '')
            _('btnEditJournal').setAttribute('disabled', '')
            _('inpLibelleJournal').value = ''
            _('inpIDTypeJournal').value = ''
        })

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

            $('#modalJOURNAL').modal('show')
            _('btnAnnulEditJournal').click()

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

                    if (response.success != 1) {
                        
                        $('#modalJOURNAL').modal('hide')
                    }
                })
            
        })

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

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

            listeDesTypeJournal({ IDTypeJournal : IDTypeJournal })
                .then((response) => {

                    if (response.success == 1) {

                        let info = response.data
                        
                        _('inpIDTypeJournal').value = IDTypeJournal
                        _('inpLibelleJournal').value = info.LibelleJournal
                        _('btnEditJournal').removeAttribute('disabled')
                        _('inpLibelleJournal').removeAttribute('disabled')
                    }
                })
            

        })
        
        _('btnEditJournal').addEventListener('click', function(){

            if (_('inpIDTypeJournal').value == 0 || _('inpIDTypeJournal').value.replace(/\s/g, '') == '') {
                
                notif('danger', 'Erreur', 'Echec de l\'opération')
                _('btnAnnulEditJournal').click()
                return 0
            }

            if (_('inpLibelleJournal').value.replace(/\s/g, '') == '') {
                
                notif('danger', 'Erreur', 'Veuillez saisir Le libéllé du journal')
                return 0
            }

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

                    if (response.success == 2) {
                        
                        _('btnAnnulEditJournal').click()
                        chargerTablelTypeJournal()
                        chargerSelectTypeJournal()
                        notif('success', 'Succès', 'Opération éffectuée avec succès.')
                    }
                })
        })
    </script>

@endsection