@extends('models')
@section('titre-page', 'Paramètres généraux')
@section('content-body')

@php
    
    $listeTauxMonnaie = listeTauxMonnaie();
@endphp
<style>
    .ellipsis {

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>

<!-- 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);">Patramétrages</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Paramètres généraux</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</div>
<!-- Page Header Close -->

<div class="row mt-xl-2">
    <div class="d-flex justify-content-end px-4 mb-2">
        <button type="button" class="btn btn-success btn-wave d-flex mx-2" id="bntValiderModif">
            <i class="bx bxs-check-circle me-1" style="font-size: 16px;"></i>
            Valider
        </button>
    </div>
    <div class="row">
        <form id="formParametreGeneraux">
            <div class="accordion accordion-secondary" id="accordionSecondaryExample">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingSecondaryOne">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                            data-bs-target="#parametreGeneraux1" aria-expanded="true"
                            aria-controls="parametreGeneraux1">
                            Paramètres Généraux : 1
                        </button>
                    </h2>
                    <div id="parametreGeneraux1" class="accordion-collapse collapse show"
                        aria-labelledby="headingSecondaryOne"
                        data-bs-parent="#accordionSecondaryExample">
                        <div class="accordion-body row">
                            <div class="col-xl-3 col-md-3 mb-0">
                                <p class="mb-0 text-muted">Pays&nbsp;:</p>
                                <select  class="js-example-basic-single form-select" id="PaysSociete" name="PaysSociete">

                                </select>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Journée en cours</p>
                                <input type="date" class="form-control" id="JourneeEnCours" name="JourneeEnCours" />
                            </div>
                            <div class="col-xl-2 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Taux TAF</p>
                                <input type="number" class="form-control maskPercentage text-center" id="TauxTAF" name="TauxTAF" />
                            </div>
                            <div class="col-xl-2 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Taux IRC</p>
                                <input type="number" class="form-control maskPercentage text-center" id="TauxIRCProtocoleClient" name="TauxIRCProtocoleClient"/>
                            </div>
                            <div class="col-xl-2 col-md-3 mb-2 d-none">
                                <p class="mb-0 text-muted">Taux TVA 1</p>
                                <input type="number" class="form-control text-center" id="TauxTaxe1" name="TauxTaxe1"/>
                            </div>
                            <div class="col-xl-2 col-md-3 mb-2 d-none">
                                <p class="mb-0 text-muted">Taux TVA 2</p>
                                <input type="number" class="form-control text-center" id="TauxTaxe2" name="TauxTaxe2"/>
                            </div>
                            <div class="col-xl-2 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Taux BIC</p>
                                <input type="number" class="form-control text-center" id="TauxBIC" name="TauxBIC"/>
                            </div>
                            <div class="col-xl-2 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Taux retenue</p>
                                <input type="number" class="form-control text-center" id="TauxRetenueLegale" name="TauxRetenueLegale"/>
                            </div>
                            <div class="col-xl-2 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Nb. de jours calcul ristourne</p>
                                <input type="number" class="form-control text-center" id="NbreJourCalculRistourne" name="NbreJourCalculRistourne"/>
                            </div>
                            <div class="col-xl-2 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Délai de réclamation</p>
                                <input type="number" class="form-control" id="DelaiReclamationClient" name="DelaiReclamationClient"/>
                            </div>
                            <div class="col-xl-2 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Seuil panier</p>
                                <input type="text" class="form-control text-center" id="SeuilPanierDouceur" name="SeuilPanierDouceur"/>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Mode de calcul des escomptes</p>
                                <select class="form-select" name="ModeCalculEscompte" id="ModeCalculEscompte">
                                    <option value="1">CALCUL SUR TTC</option>
                                    <option value="2">CALCUL SUR TTC - MALI</option>
                                    <option value="3">CALCUL SUR HT</option>
                                    <option value="4">CALCUL SUR HT - TAUX MOINS DISANT</option>
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-4 d-flex pt-3">
                                <div class="card pt-0 w-100" style="height:35px;">
                                    <div class="card-body d-flex pt-2">
                                        <input type="checkbox" class="form-check-input me-1" type="checkbox" name="UtiliserCodeMarge" id="UtiliserCodeMarge" />
                                        <p class="form-check-label ellipsis" for="TableInactive" style="cursor:pointer;"
                                            title="Activer l'utilisation des codes marges">Activer l'utilisation des codes marges</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-md-4 d-flex pt-3">
                                <div class="card pt-0 w-100" style="height:35px;">
                                    <div class="card-body d-flex pt-2">
                                        <input type="checkbox" class="form-check-input me-1" type="checkbox" name="GenerationAutoRistournesPays" id="GenerationAutoRistournesPays" />
                                        <p class="form-check-label ellipsis" for="TableInactive" style="cursor:pointer;"
                                            title="Activer la générat° auto des ristournes">Activer la générat° auto des ristournes</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-md-4 d-flex pt-1">
                                <div class="card pt-0 w-100" style="height:35px;">
                                    <div class="card-body d-flex pt-2">
                                        <input type="checkbox" class="form-check-input me-1" type="checkbox" name="ModeRepartitionNivellement" id="ModeRepartitionNivellement" />
                                        <p class="form-check-label ellipsis" for="ModeRepartitionNivellement" style="cursor:pointer;"
                                            title="Nivellement du stock après reception BL">Nivellement du stock après reception BL</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-md-6 d-flex pt-1">
                                <div class="card pt-0 w-100" style="height:35px;">
                                    <div class="card-body d-flex pt-2">
                                        <input type="checkbox" class="form-check-input me-1" type="checkbox" name="TenirCompteDesVentesNullesDansVM" id="TenirCompteDesVentesNullesDansVM" />
                                        <p class="form-check-label ellipsis" for="TenirCompteDesVentesNullesDansVM" style="cursor:pointer;"
                                            title="Tenir compte des ventes nulles dans le calcul des VM">Tenir compte des ventes nulles dans le calcul des VM</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-md-6 d-flex pt-1">
                                <div class="card pt-0 w-100" style="height:35px;">
                                    <div class="card-body d-flex pt-2">
                                        <input type="checkbox" class="form-check-input ellipsis me-1" type="checkbox" name="ValiderRetourFseurBLAuto" id="ValiderRetourFseurBLAuto" />
                                        <p class="form-check-label" for="ValiderRetourFseurBLAuto" style="cursor:pointer;"
                                            title="Valider auto retour fournisseur BL">Valider auto retour fournisseur BL</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted mb-0">Délais compte d'attente protocole</p>
                                <input type="number" class="form-control text-center" name="DelaiCompteAttenteProtocoleClient" id="inpDelaiCompteAttenteProtocoleClient">
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted mb-0">Compte général client</p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralClient" id="selIDNumeroCompteGeneralClient"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted mb-0">Compte général fournisseur</p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralFournisseur" id="selIDNumeroCompteGeneralFournisseur"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted mb-0">Compte général non rendu</p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralNonRendu" id="selIDNumeroCompteGeneralNonRendu"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted mb-0">Compte général salaire</p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralSalaire" id="selIDNumeroCompteGeneralSalaire"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted mb-0">Compte général salaire gérant</p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralSalaireGerant" id="selIDNumeroCompteGeneralSalaireGerant"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted mb-0">Compte général prime salaire</p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralPrime" id="selIDNumeroCompteGeneralPrime"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted mb-0">Compte général agence</p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralAgence" id="selIDNumeroCompteGeneralAgence"></select>
                            </div>
                            <!-- ICI -->
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted mb-0">Compte général operateur mobile money :</p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralOperateurMobileMoney" id="selIDNumeroCompteGeneralOperateurMobileMoney"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0" title="Compte général salaire caisse dévise de base">Compte général salaire caisse dévise de base</p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralSalaireCaisseDeviseBase" id="selIDNumeroCompteGeneralSalaireCaisseDeviseBase"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted mb-0">Mode GPHARMA</p>
                                <select class="form-select" name="ModeGpharma" id="selModeGpharma">
                                    <option value="1">NORMAL</option>
                                    <option value="2">GETRACO</option>
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0">Journal de salaire : </p>
                                <select class="form-select selJournal" name="IDComptaJournalSalaire" id="selIDComptaJournalSalaire"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0">Journal règlement client (CDF) : </p>
                                <select class="form-select selJournal" name="IDComptaJournalReglementClient" id="selIDComptaJournalReglementClient"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0" title="Compte général personnel">Compte général personnel pour salaire : </p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralPersonnel" id="selIDNumeroCompteGeneralPersonnel"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0">Journal achat : </p>
                                <select class="form-select selJournal" name="IDComptaJournalAchatFseur" id="selIDComptaJournalAchatFseur"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0">Journal règlement fournisseur : </p>
                                <select class="form-select selJournal" name="IDComptaJournalReglementFseur" id="selIDComptaJournalReglementFseur"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0">Compte general personnel (Caisse) : </p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralPersonnelUniversel" id="selIDNumeroCompteGeneralPersonnelUniversel"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2" style="display: none;">
                                <p class="text-muted ellipsis mb-0">Compte general banque : </p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralBanque" id="selIDNumeroCompteGeneralBanque"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0">Compte general valorisation stock : </p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralValorisationStock" id="selIDNumeroCompteGeneralValorisationStock"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0">Compte general variation stock : </p>
                                <select class="form-select selCompteGeneral" name="IDNumeroCompteGeneralVariationStock" id="selIDNumeroCompteGeneralVariationStock"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0">Journal de valorisation de stock : </p>
                                <select class="form-select selJournal" name="IDJournalValorisationStock" id="selIDJournalValorisationStock"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0">Agence de réception stock achats : </p>
                                <select class="form-select selJournal" name="IDAgenceReceptionStockAchat" id="selIDAgenceReceptionStockAchat"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0">Compte général bureau des achats : </p>
                                <select class="form-select selCompteGeneral" name="IDComptaFournisseurAchat" id="selIDComptaFournisseurAchat"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0" title="Compte fournisseur transporteur maritime">Compte fournisseur transporteur maritime : </p>
                                <select class="form-select" name="IDComptaFournisseurMaritime" id="selIDComptaFournisseurMaritime"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0" title="Compte fournisseur transporteur aerien">Compte fournisseur transporteur aerien : </p>
                                <select class="form-select" name="IDComptaFournisseurAerien" id="selIDComptaFournisseurAerien"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0">Journal de clôture d'exercice : </p>
                                <select class="form-select selJournal" name="IDComptaJournalClotureExercice" id="selIDComptaJournalClotureExercice"></select>
                            </div>
                            <div class="col-xl-3 col-md-6 mb-2">
                                <p class="text-muted ellipsis mb-0">Monnaie base prix cession  : </p>
                                <select class="form-select" name="IDMonnaieBasePrixCessionHT" id="selIDMonnaieBasePrixCessionHT">
                                    @foreach ($listeTauxMonnaie as $Monnaie)
                                        <option value="{{ $Monnaie -> IDMONNAIE }}">{{ $Monnaie -> SymboleMonnaie }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingSecondaryTwo">
                        <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse" data-bs-target="#collapseSecondaryTwo"
                            aria-expanded="false" aria-controls="collapseSecondaryTwo">
                            Paramètres Généraux : 2
                        </button>
                    </h2>
                    <div id="collapseSecondaryTwo" class="accordion-collapse collapse"
                        aria-labelledby="headingSecondaryTwo"
                        data-bs-parent="#accordionSecondaryExample">
                        <div class="accordion-body row">
                            <div class="col-xl-3 col-md-4 mb-2">
                                <p class="mb-0 text-muted">Assistance produit mediciel</p>
                                <select class="form-select" name="AssistanceMedicielProduit" id="AssistanceMedicielProduit">

                                </select>
                            </div>
                            <div class="col-xl-3 col-md-4 mb-2">
                                <p class="mb-0 text-muted">Frais de rejet de banque</p>
                                <select class="form-select" name="ProduitFraisRejetBanque" id="ProduitFraisRejetBanque">
                                    
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-4 mb-2">
                                <p class="mb-0 text-muted">Facturation laboratoire</p>
                                <select class="form-select" name="ProduitFacturationLabo" id="ProduitFacturationLabo">
                                    
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-4 mb-2">
                                <p class="mb-0 text-muted">Motif de correction des transferts</p>
                                <select class="form-select" name="IDCorrectionMotif_TransfertSite" id="IDCorrectionMotif_TransfertSite">

                                </select>
                            </div>
                            <div class="col-xl-3 col-md-4 mb-2">
                                <p class="mb-0 text-muted">Motif de correction des inventaires</p>
                                <select class="form-select" name="IDCorrectionMotif_Inventaire" id="IDCorrectionMotif_Inventaire">

                                </select>
                            </div>
                            <div class="col-xl-3 col-md-4 mb-2">
                                <p class="mb-0 text-muted ellipsis" title="Motif de correction des périmés non remboursables">Motif de correction des périmés non remboursables</p>
                                <select class="form-select" name="IDMotifCorrectionPerimeNonRemboursable" id="IDMotifCorrectionPerimeNonRemboursable">

                                </select>
                            </div>
                            <div class="col-xl-3 col-md-4 mb-2">
                                <p class="mb-0 text-muted ellipsis" title="Motif de correction des périmés remboursables">Motif de correction des périmés remboursables</p>
                                <select class="form-select" name="IDMotifCorrectionPerimeRemboursable" id="IDMotifCorrectionPerimeRemboursable">

                                </select>
                            </div>
                            <div class="col-xl-3 col-md-4 mb-2">
                                <p class="mb-0 text-muted ellipsis" title="Motif de correction des périmés remboursables">Motif d'une réclamation de périmé avec accord de péremption</p>
                                <select class="form-select" name="IDMotifReclamtionPerime" id="IDMotifReclamtionPerime">

                                </select>
                            </div>
                            <div class="col-xl-4 col-md-4 mb-2">
                                <p class="mb-0 text-muted ellipsis" title="Motif de correction des périmés remboursables">Motif d'une réclamation de campagne UG</p>
                                <select class="form-select" name="IDMotifReclamtionCampagneUG" id="IDMotifReclamtionCampagneUG">

                                </select>
                            </div>
                            <div class="col-xl-4 col-md-6 mb-2">
                                <p class="mb-0 text-muted ellipsis" title="Motif de correction des périmés remboursables">Motif d'une réclamation de Pack PROMO </p>
                                <select class="form-select" name="IDMotifReclamtionPackPromo" id="IDMotifReclamtionPackPromo">

                                </select>
                            </div>
                            <div class="col-xl-4 col-md-6 mb-2">
                                <p class="mb-0 text-muted ellipsis" title="Motif de correction des périmés remboursables">Motif d'une réclamation de baisse de prix</p>
                                <select class="form-select" name="IDMotifReclamationBaissePrix" id="IDMotifReclamationBaissePrix">

                                </select>
                            </div>
                            <div class="col-xl-3 col-md-6 d-flex pt-3 mt-2">
                                <div class="card pt-0 w-100" style="height:35px;">
                                    <div class="card-body d-flex pt-2">
                                        <input type="checkbox" class="form-check-input me-1" type="checkbox" name="ValiderCorrectionSortiePerime" id="ValiderCorrectionSortiePerime" />
                                        <p class="form-check-label ellipsis" for="ModeRepartitionNivellement" style="cursor:pointer;"
                                            title="Valider des corrections lors de la sortie de périmés">Valider des corrections lors de la sortie de périmés</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-md-6 d-flex pt-3 mt-2">
                                <div class="card pt-0 w-100" style="height:35px;">
                                    <div class="card-body d-flex pt-2">
                                        <input type="checkbox" class="form-check-input me-1" type="checkbox" name="DeclencherTransfertApresCommandeClient" id="DeclencherTransfertApresCommandeClient" />
                                        <p class="form-check-label ellipsis" for="TenirCompteDesVentesNullesDansVM" style="cursor:pointer;"
                                            title="Déclencher un transfert interne à la validation de commande client">Déclencher un transfert interne à la validation de commande client</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-md-6 pt-2">
                                <!-- <div class="card pt-0 w-100" style="height:35px;">
                                    <div class="card-body d-flex pt-2"> -->
                                        <p class="text-muted mb-0">Utilisateur système :</p>
                                        <select name="IDUtilisateurSysteme" id="selIDUtilisateurSysteme"></select>
                                    <!-- </div>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingSecondaryThree">
                        <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse" data-bs-target="#parametreRoulement"
                            aria-expanded="false" aria-controls="parametreRoulement">
                            Paramètres : ROULEMENT
                        </button>
                    </h2>
                    <div id="parametreRoulement" class="accordion-collapse collapse"
                        aria-labelledby="headingSecondaryThree"
                        data-bs-parent="#accordionSecondaryExample">
                        <div class="accordion-body row">
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Volume remplissage bac</p>
                                <input type="text" class="form-control text-center" id="VolumeRemplissageBac" name="VolumeRemplissageBac"/>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Port COM Balance</p>
                                <input type="text" class="form-control text-center" id="PortComBalance" name="PortComBalance"/>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Unité Balance</p>
                                <select class="form-select" name="UniteBalance" id="UniteBalance">
                                    <option value="1" class="text-center">G</option>
                                    <option value="2" class="text-center">Kg</option>
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Ecart poids toléré (+/-)</p>
                                <input type="text" class="form-control text-center" id="EcartTolerancePoidsGramme" name="EcartTolerancePoidsGramme"/>
                            </div>
                            <div class="col-xl-3 col-md-4 mb-2">
                                <p class="mb-0 text-muted ellipsis" title="Format étiquette bac roulement">Format étiquette bac roulement</p>
                                <select class="form-select" name="FormatEtiquetteBacRoulement" id="FormatEtiquetteBacRoulement">
                                    <option value="1">FORMAT ETIQUETTE A5</option>
                                    <option value="2">FORMAT ETIQUETTE A4 ( 2 SUR UNE PAGE)</option>
                                    <option value="2">FORMAT ETIQUETTE A4</option>
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-4 mb-2">
                                <p class="mb-0 text-muted ellipsis" title="Format étiquette bac roulement">Format par defaut étiquette bon de livraison (reserve, froid, sous-clé)</p>
                                <select class="form-select" name="ImpressionFormatBonLivraisonReserveFroidsSousCle" id="ImpressionFormatBonLivraisonReserveFroidsSousCle">
                                    <option value="1">FORMAT ETIQUETTE A5</option>
                                    <option value="2">FORMAT ETIQUETTE A4</option>
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-4 mb-2">
                                <p class="mb-0 text-muted ellipsis" title="Format étiquette bac roulement">Format par defaut étiquette bon de livraison (rayon)</p>
                                <select class="form-select" name="ImpressionFormatBonLivraisonRayon" id="ImpressionFormatBonLivraisonRayon">
                                    <option value="1">PETITE TAILLE (FORMAT LOT)</option>
                                    <option value="2">GRANDE TAILLE (FORMAT BAC)</option>
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-4 d-flex pt-3">
                                <div class="card pt-0 w-100" style="height:35px;">
                                    <div class="card-body d-flex pt-2">
                                        <input type="checkbox" class="form-check-input me-1" type="checkbox" name="BalanceConnectee" id="BalanceConnectee" />
                                        <p class="form-check-label ellipsis" for="BalanceConnectee" style="cursor:pointer;"
                                            title="Balance connecté">Balance connecté</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingSecondaryThree">
                        <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse" data-bs-target="#autreParametre"
                            aria-expanded="false" aria-controls="autreParametre">
                            Autres paramètres
                        </button>
                    </h2>
                    <div id="autreParametre" class="accordion-collapse collapse"
                        aria-labelledby="headingSecondaryThree"
                        data-bs-parent="#accordionSecondaryExample">
                        <div class="accordion-body row">
                            
                            <div class="card shadow-sm bg-white rounded-0">
                                <div class="card-body row">
                                    <div class="col-md-6 px-2 border-end">
                                        <div class="border-bottom border-5 mb-2  bd-blue-900 pt-2">
                                            <x-sousTitre>Paramètre de Connexion SMTP et IMS</x-sousTitre>
                                        </div>
                                        <div class="row">
                                            <div class="col-xl-6 col-md-12 mb-2">
                                                <p class="mb-0 text-muted">Adresse SMTP</p>
                                                <input type="text" class="form-control" id="AdresseServeurMail_IMS" name="AdresseServeurMail_IMS"/>
                                            </div>
                                            <div class="col-xl-2 col-md-4 mb-2">
                                                <p class="mb-0 text-muted">Port</p>
                                                <input type="text" class="form-control text-center" id="PortServeurMail_IMS" name="PortServeurMail_IMS"/>
                                            </div>
                                            <div class="col-xl-2 col-md-4 mb-2">
                                                <p class="mb-0 text-muted">Type session</p>
                                                <select class="form-select px-1" name="TypeSession_IMS" id="TypeSession_IMS">
                                                    <option value="1">IMAP</option>
                                                    <option value="2">POP</option>
                                                    <option value="3">SMTP</option>
                                                </select>
                                            </div>
                                            <div class="col-xl-2 col-md-4 mb-2">
                                                <p class="mb-0 text-muted">Option</p>
                                                <select class="form-select px-1" name="OptionMail_IMS" id="OptionMail_IMS">
                                                    <option value="1">Aucun</option>
                                                    <option value="2">TSL</option>
                                                    <option value="3">SSL</option>
                                                </select>
                                            </div>
                                            <div class="col-xl-6 col-md-6 mb-2">
                                                <p class="mb-0 text-muted">Utilisateur</p>
                                                <input type="text" class="form-control" id="UtilisateurSMTPMail_IMS" name="UtilisateurSMTPMail_IMS"/>
                                            </div>
                                            <div class="col-xl-6 col-md-6 mb-2">
                                                <p class="mb-0 text-muted">Mot de passe SMTP</p>
                                                <input type="password" class="form-control" id="MotPasseExpediteurMail_IMS" name="MotPasseExpediteurMail_IMS"/>
                                            </div>
                                            <div class="col-xl-6 col-md-6 mb-2">
                                                <p class="mb-0 text-muted">Expéditeur</p>
                                                <input type="text" class="form-control" id="ExpediteurServeurMail_IMS" name="ExpediteurServeurMail_IMS"/>
                                            </div>
                                            <div class="col-xl-6 col-md-6 mb-2">
                                                <p class="mb-0 text-muted">Adresses Mail IMS</p>
                                                <input type="text" class="form-control" id="ListeAdresseEmailIMS" name="ListeAdresseEmailIMS"/>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="col-md-6 px-2">
                                        <div class="border-bottom bd-blue-900 mb-2 pt-2">
                                            <x-sousTitre>Paramètre Extranet, Pharma ML</x-sousTitre>
                                        </div>
                                        <div class="row">
                                            <div class="col-xl-6 col-md-6 mb-2">
                                                <p class="mb-0 text-muted">URL site Extranet</p>
                                                <input type="text" class="form-control" id="URLSIteExtranet" name="URLSIteExtranet"/>
                                            </div>
                                            <div class="col-xl-6 col-md-6 mb-2">
                                                <p class="mb-0 text-muted">Nom répartiteur</p>
                                                <input type="text" class="form-control" id="NomRepartiteurPharmaML" name="NomRepartiteurPharmaML"/>
                                            </div>
                                            <div class="col-xl-6 col-md-12 mb-2">
                                                <p class="mb-0 text-muted">URL répartiteur</p>
                                                <input type="text" class="form-control" id="URLRepartiteurPharmaML" name="URLRepartiteurPharmaML"/>
                                            </div>
                                            <div class="col-xl-3 col-md-6 mb-2">
                                                <p class="mb-0 text-muted">Code répartiteur</p>
                                                <input type="text" class="form-control" id="CodeRepartiteurPharmaML" name="CodeRepartiteurPharmaML"/>
                                            </div>
                                            <div class="col-xl-3 col-md-6 mb-2">
                                                <p class="mb-0 text-muted">ID répartiteur</p>
                                                <input type="text" class="form-control" id="IDRepartiteurPharmaML" name="IDRepartiteurPharmaML"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 px-2 border-end mt-3">
                                        <div class="border-bottom bd-blue-900 border-5 pt-2 mb-2">
                                            <x-sousTitre>Accès opteam-5.7opteam.com</x-sousTitre>
                                        </div>
                                        <div class="row">
                                            <div class="col-xl-6 col-md-12 mb-2">
                                                <p class="mb-0 text-muted">Login</p>
                                                <input type="text" class="form-control" id="UserNameOpTeam" name="UserNameOpTeam"/>
                                            </div>
                                            <div class="col-xl-6 col-md-12 mb-2">
                                                <p class="mb-0 text-muted">Mot de passe</p>
                                                <input type="password" class="form-control" id="PasswordOpteam" name="PasswordOpteam"/>
                                            </div>
                                            <div class="col-xl-6 col-md-12 mb-2">
                                                <p class="mb-0 text-muted">Data set ID</p>
                                                <input type="text" class="form-control" id="DataSetOpteam" name="DataSetOpteam"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 px-2 mt-3">
                                        <div class="border-bottom bd-blue-900 pt-2 border-5 mb-2">
                                            <x-sousTitre>Paramètre CMU</x-sousTitre>
                                        </div>
                                        <div class="row">
                                            <div class="col-xl-6 col-md-12 mb-2">
                                                <p class="mb-0 text-muted">Taux TVA CMU</p>
                                                <input type="number" class="form-control" id="TauxTVACMU" name="TauxTVACMU"/>
                                            </div>
                                            <div class="col-xl-6 col-md-12 mb-2">
                                                <p class="mb-0 text-muted">Taux prestation</p>
                                                <input type="number" class="form-control" id="TauxPrestationCMU" name="TauxPrestationCMU"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingSecondaryThree">
                        <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse" data-bs-target="#parametreSite"
                            aria-expanded="false" aria-controls="parametreSite">
                            Paramètres du Site
                        </button>
                    </h2>
                    <div id="parametreSite" class="accordion-collapse collapse"
                        aria-labelledby="headingSecondaryThree"
                        data-bs-parent="#accordionSecondaryExample">
                        <div class="accordion-body row">
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted ellipsis" title="Mode d'attribution des Commandes">Mode d'attribution des Commandes</p>
                                <select class="form-select" name="ModeRepartitionCommande" id="ModeRepartitionCommande">
                                    <option value="1">ATTRIBUTION CLASSIQUE</option>
                                    <option value="2">ATTRIBUTION SEPAREE (MAGASIN A, MAGASIN B)</option>
                                    <option value="3">ATTRIBUTION SEPAREE PAR RAYON</option>
                                    <option value="4">ROULEMENT (FACTURATION PAR ZONE)</option>
                                    <option value="5">ROULEMENT (FACTURATION PAR BAC)</option>
                                    <option value="6">ROULEMENT (COLLECTE ET FACTURATION PAR BAC)</option>
                                    <option value="7">FACTURATION AVANT COLLECTE</option>
                                    <option value="8">ENCAISSER AVANT FACTURATION</option>
                                    <option value="9">ENCAISSER ET FACTURER A LA VALIDATION DE LA COMMANDE</option>
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Mode affectation Lot => Colis</p>
                                <select class="form-select" name="ModeCollecteAffectationLotColis" id="ModeCollecteAffectationLotColis">
                                    <option value="1">DETAILLES</option>
                                    <option value="2">GROUPES</option>
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Mode expédition des factures</p>
                                <select class="form-select" name="AutorisationAvantExpeditionColis" id="AutorisationAvantExpeditionColis">
                                    <option value="1">EXPEDITION DES COLIS SANS ACCORD</option>
                                    <option value="2">EXPEDITION DES COLIS AVEC ACCORD</option>
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Mode clôture commande</p>
                                <select class="form-select" name="ModeClotureCommandeClient" id="ModeClotureCommandeClient">
                                    <option value="1">PARTIEL</option>
                                    <option value="2">TOTAL</option>
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Délai fin d'appel</p>
                                <input type="text" class="form-control text-center" id="DelaiFinAppelmm" name="DelaiFinAppelmm" />
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Délai fin tournée</p>
                                <input type="text" class="form-control" id="DureeIntervaleHeureLivraisonSouhaite" name="DureeIntervaleHeureLivraisonSouhaite"/>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Début soir</p>
                                <input type="time" class="form-control" id="HeureDebutSoir" name="HeureDebutSoir"/>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Fin soir</p>
                                <input type="time" class="form-control" id="HeureDebutMatin" name="HeureDebutMatin"/>
                            </div>
                            <div class="col-xl-4 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Péremption non tranférée</p>
                                <input type="text" class="form-control text-center" id="NbreMoisMiniPerempTransfert" name="NbreMoisMiniPerempTransfert"/>
                            </div>
                            <div class="col-xl-4 d-flex pt-3">
                                <div class="card pt-0 w-100" style="height:35px;">
                                    <div class="card-body d-flex pt-2">
                                        <input type="checkbox" class="form-check-input me-1" type="checkbox" name="DesactiverImpressionCommandeClient" id="DesactiverImpressionCommandeClient" />
                                        <p class="form-check-label" for="DesactiverImpressionCommandeClient" style="cursor:pointer;"
                                            title="Table inactive">Désactiver l'impression des commandes</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 d-flex pt-3">
                                <div class="card pt-0 w-100" style="height:35px;">
                                    <div class="card-body d-flex pt-2">
                                        <input type="checkbox" class="form-check-input me-1" type="checkbox" name="CollecteParLotObligatoire" id="CollecteParLotObligatoire" />
                                        <p class="form-check-label ellipsis" for="CollecteParLotObligatoire" style="cursor:pointer;"
                                            title="Collecte par lot obligatoire">Collecte par lot obligatoire</p>
                                    </div>
                                </div>
                            </div>
                            <div class="card mt-3 shadow-sm mb-1">
                                <div class="card-header">
                                    <span class="fs-16 fw-bold">Programme de fin de commande</span>
                                </div>
                                <div class="card-body row">
                                    <div class="col-md-6">
                                        <div class="card">
                                            <div class="card-body row">
                                                <div class="col-md-4">
                                                    <p class="text-muted mb-0 ellipsis" title="Heure fin commande client 1">Heure fin cde client 1</p>
                                                    <input type="time" class="form-control" name="HeureFinCdeClient1" id="HeureFinCdeClient1">
                                                </div>
                                                <div class="col-md-4">
                                                    <p class="text-muted mb-0 ellipsis" title="Durée de facturation automatique">Durée de facturation automatique 1</p>
                                                    <input type="text" class="form-control text-center maskMinute" name="DureeFacturationAuto1" id="DureeFacturationAuto1">
                                                </div>
                                                <div class="col-md-4">
                                                    <p class="text-muted mb-0 ellipsis" title="Durée de génération expédition">Durée de génération expédition 1</p>
                                                    <input type="text" class="form-control text-center maskMinute" name="DureeGenerationExpeditionAuto1" id="DureeGenerationExpeditionAuto1">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="card">
                                            <div class="card-body row">
                                                <div class="col-md-4">
                                                    <p class="text-muted mb-0 ellipsis" title="Heure fin commande client 2">Heure fin cde client 2</p>
                                                    <input type="time" class="form-control" name="HeureFinCdeClient2" id="HeureFinCdeClient2">
                                                </div>
                                                <div class="col-md-4">
                                                    <p class="text-muted mb-0 ellipsis" title="Durée de facturation automatique">Durée de facturation automatique 2</p>
                                                    <input type="text" class="form-control text-center maskMinute" name="DureeFacturationAuto2" id="DureeFacturationAuto2">
                                                </div>
                                                <div class="col-md-4">
                                                    <p class="text-muted mb-0 ellipsis" title="Durée de génération expédition">Durée de génération expédition 2</p>
                                                    <input type="text" class="form-control text-center maskMinute" name="DureeGenerationExpeditionAuto2" id="DureeGenerationExpeditionAuto2">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="card">
                                            <div class="card-body row">
                                                <div class="col-md-4">
                                                    <p class="text-muted mb-0 ellipsis" title="Heure fin commande client 3">Heure fin cde client 3</p>
                                                    <input type="time" class="form-control" name="HeureFinCdeClient3" id="HeureFinCdeClient3">
                                                </div>
                                                <div class="col-md-4">
                                                    <p class="text-muted mb-0 ellipsis" title="Durée de facturation automatique">Durée de facturation automatique 3</p>
                                                    <input type="text" class="form-control text-center maskMinute" name="DureeFacturationAuto3" id="DureeFacturationAuto3">
                                                </div>
                                                <div class="col-md-4">
                                                    <p class="text-muted mb-0 ellipsis" title="Durée de génération expédition">Durée de génération expédition 3</p>
                                                    <input type="text" class="form-control text-center maskMinute" name="DureeGenerationExpeditionAuto3" id="DureeGenerationExpeditionAuto3">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card mt-3 shadow-sm mb-1">
                                <div class="card-header">
                                    <span class="fs-16 fw-bold">Paramètre transfert inter-zone automatique</span>
                                </div>
                                <div class="card-body row">
                                    <div class="col-md-6">
                                        <div class="card">
                                            <div class="card-body row">
                                                <div class="col-md-4">
                                                    <p class="text-muted mb-0 ellipsis" title="Heure fin commande client 1">Heure 1</p>
                                                    <input type="time" class="form-control" name="HeureTransfertInterZoneAuto1" id="HeureTransfertInterZoneAuto1">
                                                </div>
                                                <div class="col-md-4">
                                                    <p class="text-muted mb-0 ellipsis" title="Durée de facturation automatique">Heure 2</p>
                                                    <input type="time" class="form-control " name="HeureTransfertInterZoneAuto2" id="HeureTransfertInterZoneAuto2">
                                                </div>
                                                <div class="col-md-4">
                                                    <p class="text-muted mb-0 ellipsis" title="Durée de facturation automatique">Heure 3</p>
                                                    <input type="time" class="form-control " name="HeureTransfertInterZoneAuto3" id="HeureTransfertInterZoneAuto3">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingSecondaryfOUR">
                        <button class="accordion-button collapsed" type="button"
                            data-bs-toggle="collapse" data-bs-target="#parametreFNE"
                            aria-expanded="false" aria-controls="parametreFNE">
                            Paramètres FNE
                        </button>
                    </h2>
                    <div id="parametreFNE" class="accordion-collapse collapse"
                        aria-labelledby="headingSecondaryfOUR"
                        data-bs-parent="#accordionSecondaryExample">
                        <div class="accordion-body">
     
                            <div class="mb-2">
                                <p class="mb-0 text-muted ellipsis">URL API</p>
                                <input type="text" id="urlApi" class="form-control" name="urlApi" />
                            </div>

                            <div class="mb-2">
                                <p class="mb-0 text-muted ellipsis">API KEY</p>
                                <input type="text" id="apiKey" class="form-control" name="apiKey" />
                            </div>

                            <div class="mb-2">
                                <p class="mb-0 text-muted ellipsis">URL API (DGI)</p>
                                <input type="text" id="urlApiDGI" class="form-control" name="urlApiDGI" />
                            </div>

                            <div class="mb-2">
                                <p class="mb-0 text-muted ellipsis">API KEY (DGI) </p>
                                <input type="text" id="apiKeyDGI" class="form-control" name="apiKeyDGI" />
                            </div>

                            <div  class="mb-2">
                                <p for="input-label" class="mb-0 text-muted">TF Client : </p>
                                <select title="B2B : Le client est l'entreprise ou professionnel possédant un NCC,
                                                B2F : Le client est à l'international,
                                                B2G : Le client est une institution gouvernementale,
                                                B2C : Le client est un particulier
                                                " 
                                        id="TypeFacturationClient" name="TypeFacturationClient" class="js-example-basic-single form-select">
                                    <option value=""></option>
                                    <option title="Le client est l'entreprise ou professionnel possédant un NCC"  value="B2B">B2B</option>
                                    <option title="Le client est à l'international" value="B2F">B2F</option>
                                    <option title="Le client est une institution gouvernementale" value="B2G">B2G</option>
                                    <option title="Le client est un particulier" value="B2C">B2C</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="d-flex justify-content-end px-4 mt-2 mb-2">
        <button type="button" class="btn btn-success btn-wave d-flex mx-2" id="bntValiderModif2">
            <i class="bx bxs-check-circle me-1" style="font-size: 16px;"></i>
            Valider
        </button>
    </div>
</div>
@endsection
@section('script')

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

        // Masque de saisie
        // $('.maskMinute').mask('000 000 000 000 000 min', { reverse : true })

        function chargerLesInfos(IDAGENCE){

            $.ajax({

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

                    if (response.success == 1) {

                        _('JourneeEnCours').value = response.infoParamettre.JourneeEnCours
                        _('TauxTAF').value = response.infoParamettre.TauxTAF
                        _('TauxIRCProtocoleClient').value = response.infoParamettre.TauxIRCProtocoleClient
                        // _('TauxTaxe1').value = response.infoParamettre.TauxTaxe1
                        // _('TauxTaxe2').value = response.infoParamettre.TauxTaxe2
                        _('TauxBIC').value = response.infoParamettre.TauxBIC
                        _('TauxRetenueLegale').value = response.infoParamettre.TauxRetenueLegale
                        _('NbreJourCalculRistourne').value = response.infoParamettre.NbreJourCalculRistourne
                        _('DelaiReclamationClient').value = response.infoParamettre.DelaiReclamationClient
                        // _('SeuilPanierDouceur').value =  separateurMilliers(response.infoParamettre.SeuilPanierDouceur)
                        _('SeuilPanierDouceur').value =  response.infoParamettre.SeuilPanierDouceur
                        _('ModeCalculEscompte').value = response.infoParamettre.ModeCalculEscompte
                        _('UtiliserCodeMarge').checked = response.infoParamettre.UtiliserCodeMarge
                        _('GenerationAutoRistournesPays').checked = response.infoParamettre.GenerationAutoRistournesPays
                        _('ModeRepartitionNivellement').checked = response.infoParamettre.ModeRepartitionNivellement
                        _('TenirCompteDesVentesNullesDansVM').checked = response.infoParamettre.TenirCompteDesVentesNullesDansVM
                        _('ValiderCorrectionSortiePerime').checked = response.infoParamettre.ValiderCorrectionSortiePerime
                        _('DeclencherTransfertApresCommandeClient').checked = response.infoParamettre.DeclencherTransfertApresCommandeClient
                        _('ListeAdresseEmailIMS').value = response.infoParamettre.ListeAdresseEmailIMS
                        _('URLSIteExtranet').value = response.infoParamettre.URLSIteExtranet
                        _('NomRepartiteurPharmaML').value = response.infoParamettre.NomRepartiteurPharmaML
                        _('URLRepartiteurPharmaML').value = response.infoParamettre.URLRepartiteurPharmaML
                        _('CodeRepartiteurPharmaML').value = response.infoParamettre.CodeRepartiteurPharmaML
                        _('UserNameOpTeam').value = response.infoParamettre.UserNameOpTeam
                        _('PasswordOpteam').value = response.infoParamettre.PasswordOpteam
                        _('DataSetOpteam').value = response.infoParamettre.DataSetOpteam
                        _('TauxTVACMU').value = response.infoParamettre.TauxTVACMU
                        _('TauxPrestationCMU').value = response.infoParamettre.TauxPrestationCMU
                        _('EcartTolerancePoidsGramme').value = response.infoParamettre.EcartTolerancePoidsGramme
                        $('#selModeGpharma').val(response.infoParamettre.ModeGpharma).trigger('input')
                        
                        listeSelectPays(response.infoParamettre.PaysSociete)
                        listeCorrectionDeStock(response.infoParamettre.IDCorrectionMotif_TransfertSite, response.infoParamettre.IDCorrectionMotif_Inventaire, response.infoParamettre.IDMotifCorrectionPerimeNonRemboursable, response.infoParamettre.IDMotifCorrectionPerimeRemboursable)
                        listeReclamation(response.infoParamettre.IDMotifReclamtionPerime, response.infoParamettre.IDMotifReclamtionCampagneUG, response.infoParamettre.IDMotifReclamtionPackPromo, response.infoParamettre.IDMotifReclamationBaissePrix)
                        listingAssistanceMediciel(response.infoParamettre.AssistanceMedicielProduit, response.infoParamettre.ProduitFraisRejetBanque, response.infoParamettre.ProduitFacturationLabo)

                        _('VolumeRemplissageBac').value = response.infoPARAMETRE_UNIQUEAGENCE.VolumeRemplissageBac
                        _('PortComBalance').value = response.infoPARAMETRE_UNIQUEAGENCE.PortComBalance
                        _('UniteBalance').value = response.infoPARAMETRE_UNIQUEAGENCE.UniteBalance
                        _('BalanceConnectee').checked = response.infoPARAMETRE_UNIQUEAGENCE.BalanceConnectee
                        _('FormatEtiquetteBacRoulement').value = response.infoPARAMETRE_UNIQUEAGENCE.FormatEtiquetteBacRoulement
                        _('AdresseServeurMail_IMS').value = response.infoPARAMETRE_UNIQUEAGENCE.AdresseServeurMail_IMS
                        _('PortServeurMail_IMS').value = response.infoPARAMETRE_UNIQUEAGENCE.PortServeurMail_IMS
                        _('TypeSession_IMS').value = response.infoPARAMETRE_UNIQUEAGENCE.TypeSession_IMS
                        _('OptionMail_IMS').value = response.infoPARAMETRE_UNIQUEAGENCE.OptionMail_IMS
                        _('UtilisateurSMTPMail_IMS').value = response.infoPARAMETRE_UNIQUEAGENCE.UtilisateurSMTPMail_IMS
                        _('MotPasseExpediteurMail_IMS').value = response.infoPARAMETRE_UNIQUEAGENCE.MotPasseExpediteurMail_IMS
                        _('ExpediteurServeurMail_IMS').value = response.infoPARAMETRE_UNIQUEAGENCE.ExpediteurServeurMail_IMS
                        _('IDRepartiteurPharmaML').value = response.infoPARAMETRE_UNIQUEAGENCE.IDRepartiteurPharmaML
                        _('NbreMoisMiniPerempTransfert').value = response.infoPARAMETRE_UNIQUEAGENCE.NbreMoisMiniPerempTransfert
                        _('DelaiFinAppelmm').value = response.infoPARAMETRE_UNIQUEAGENCE.DelaiFinAppelmm
                        _('DureeIntervaleHeureLivraisonSouhaite').value = response.infoPARAMETRE_UNIQUEAGENCE.DureeIntervaleHeureLivraisonSouhaite
                        _('HeureDebutSoir').value = response.infoPARAMETRE_UNIQUEAGENCE.HeureDebutSoir
                        _('HeureDebutMatin').value = response.infoPARAMETRE_UNIQUEAGENCE.HeureDebutMatin
                        _('DesactiverImpressionCommandeClient').checked = response.infoPARAMETRE_UNIQUEAGENCE.DesactiverImpressionCommandeClient
                        _('CollecteParLotObligatoire').checked = response.infoPARAMETRE_UNIQUEAGENCE.CollecteParLotObligatoire
                        _('ImpressionFormatBonLivraisonReserveFroidsSousCle').value = response.infoPARAMETRE_UNIQUEAGENCE.ImpressionFormatBonLivraisonReserveFroidsSousCle
                        _('ImpressionFormatBonLivraisonRayon').value = response.infoPARAMETRE_UNIQUEAGENCE.ImpressionFormatBonLivraisonRayon
                        _('ModeRepartitionCommande').value = response.infoPARAMETRE_UNIQUEAGENCE.ModeRepartitionCommande
                        _('ModeCollecteAffectationLotColis').value = response.infoPARAMETRE_UNIQUEAGENCE.ModeCollecteAffectationLotColis
                        _('AutorisationAvantExpeditionColis').value = response.infoPARAMETRE_UNIQUEAGENCE.AutorisationAvantExpeditionColis
                        _('ModeClotureCommandeClient').value = response.infoPARAMETRE_UNIQUEAGENCE.ModeClotureCommandeClient

                        $('#HeureFinCdeClient1').val((response.infoAGENCE.HeureFinCdeClient1 != null) ? response.infoAGENCE.HeureFinCdeClient1.split("+")[0] : '00:00')
                        $('#DureeFacturationAuto1').val(response.infoAGENCE.DureeFacturationAuto1).trigger('input')
                        $('#DureeGenerationExpeditionAuto1').val(response.infoAGENCE.DureeGenerationExpeditionAuto1).trigger('input')
                        $('#HeureFinCdeClient2').val((response.infoAGENCE.HeureFinCdeClient2 != null) ? response.infoAGENCE.HeureFinCdeClient2.split("+")[0] : '00:00')
                        $('#DureeFacturationAuto2').val(response.infoAGENCE.DureeFacturationAuto2).trigger('input')
                        $('#DureeGenerationExpeditionAuto2').val(response.infoAGENCE.DureeGenerationExpeditionAuto2).trigger('input')
                        $('#HeureFinCdeClient3').val((response.infoAGENCE.HeureFinCdeClient3 != null) ? response.infoAGENCE.HeureFinCdeClient3.split("+")[0] : '00:00')
                        $('#DureeFacturationAuto3').val(response.infoAGENCE.DureeFacturationAuto3).trigger('input')
                        $('#DureeGenerationExpeditionAuto3').val(response.infoAGENCE.DureeGenerationExpeditionAuto3).trigger('input')
                        $("#HeureTransfertInterZoneAuto1").val(response.infoPARAMETRE_UNIQUEAGENCE.HeureTransfertInterZoneAuto1)
                        $("#HeureTransfertInterZoneAuto2").val(response.infoPARAMETRE_UNIQUEAGENCE.HeureTransfertInterZoneAuto2)
                        $("#HeureTransfertInterZoneAuto3").val(response.infoPARAMETRE_UNIQUEAGENCE.HeureTransfertInterZoneAuto3)
                        _('inpDelaiCompteAttenteProtocoleClient').value = response.infoParamettre.DelaiCompteAttenteProtocoleClient ?? 0  
                        $('#selIDMonnaieBasePrixCessionHT').val(response.infoParamettre.IDMonnaieBasePrixCessionHT ?? 0).trigger('change')

                        let infoParamettre = response.infoParamettre 

                        $('#TypeFacturationClient').val(response.infoParamettre.FNE_Template)
                        $('#apiKey').val(response.infoParamettre.FNE_ApiKey)
                        $('#urlApi').val(response.infoParamettre.FNE_ApiUrl)
                        $('#apiKeyDGI').val(response.infoParamettre.FNE_ApiKeyDGI)
                        $('#urlApiDGI').val(response.infoParamettre.FNE_ApiUrlDGI)                       

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

                                if (response.success == 1) {

                                    let data = response.data

                                    data.unshift({
                                        IDCOMPTA_COMPTE_GENERAUX: 0,
                                        NumeroCompteG: '',
                                        valeurAffiche: '',
                                        CompteCentralisateur: false
                                    })

                                    let dataSansCentralisateur = response.data.filter(function(item) {
                                        return item.CompteCentralisateur == false
                                    })

                                    let listeSelCompteGeneraux = document.querySelectorAll('.selCompteGeneral')

                                    listeSelCompteGeneraux.forEach(select => {

                                        populateSelect('#' + select.id, {
                                            valueKey: 'IDCOMPTA_COMPTE_GENERAUX',
                                            textKey: 'valeurAffiche',
                                            data: dataSansCentralisateur
                                        })

                                        $('#' + select.id).select2()

                                        $('#' + select.id).val(infoParamettre[select.name]).trigger('change')
                                        
                                    });
                                }
                            })

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

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

                                    data.unshift({
                                        IDCOMPTA_JOURNAL : 0,
                                        Intitule : ''
                                    })

                                    let listeSelectJournaux = document.querySelectorAll('.selJournal')

                                    listeSelectJournaux.forEach(select => {

                                        populateSelect('#' + select.id, {
                                            data : data,
                                            valueKey : 'IDCOMPTA_JOURNAL',
                                            textKey : 'Intitule'
                                        })

                                         $('#' + select.id).select2()

                                        $('#' + select.id).val(infoParamettre[select.name]).trigger('change')
                                    })                                   
                                }
                            })

                        listingComboPersonnel('#selIDUtilisateurSysteme','')
                            .then((response) => {

                                $('#selIDUtilisateurSysteme').select2()
                                $('#selIDUtilisateurSysteme').val(infoParamettre.IDUtilisateurSysteme).trigger('change')
                            })

                        chargerSelectlisteAgence(infoParamettre.IDAgenceReceptionStockAchat)

                        await recuperationFournisseur(['#selIDComptaFournisseurMaritime', '#selIDComptaFournisseurAerien'], " ")                        
                        await $('#selIDComptaFournisseurAchat').select2()
                        await $('#selIDComptaFournisseurMaritime').select2()
                        await $('#selIDComptaFournisseurAerien').select2()

                        setTimeout(() => {
                            
                            $('#selIDComptaFournisseurMaritime').val(infoParamettre.IDComptaFournisseurMaritime).trigger('change')
                            $('#selIDComptaFournisseurAerien').val(infoParamettre.IDComptaFournisseurAerien).trigger('change')
                        }, 1000);
                        
                    }
                }
            })
        }

        function listeSelectPays(IDPAYS){

            $.ajax({

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

                    if (response.success == 1) {
                        
                        $('#PaysSociete').html('')

                        $.each(response.data, function(key, value){

                            $('#PaysSociete').append('<option value="'+value['IDPAYS']+'">'+value['NomPays']+'</option>')
                        })

                        $('#PaysSociete').select2()
                        $('#PaysSociete').val(IDPAYS).change()
                    }
                }
            })
        }

        function listeCorrectionDeStock(IDCorrectionMotif_TransfertSite, IDCorrectionMotif_Inventaire, IDMotifCorrectionPerimeNonRemboursable, IDMotifCorrectionPerimeRemboursable){

            $.ajax({

                url: '{{ route("listingMotifCorrectionStock") }}',
                type: 'GET',
                dataType: 'json',
                success: function(response) {
                    
                    if (response.success == 1) {
                        
                        $('#IDCorrectionMotif_TransfertSite').html('')
                        $('#IDCorrectionMotif_Inventaire').html('')
                        $('#IDMotifCorrectionPerimeNonRemboursable').html('')
                        $('#IDMotifCorrectionPerimeRemboursable').html('')

                        $('#IDCorrectionMotif_TransfertSite').append('<option value="0"></option>')
                        $('#IDMotifCorrectionPerimeNonRemboursable').append('<option value="0"></option>')
                        $('#IDCorrectionMotif_Inventaire').append('<option value="0"></option>')
                        $('#IDMotifCorrectionPerimeRemboursable').append('<option value="0"></option>')

                        $.each(response.data, function(key, value){
                            $('#IDCorrectionMotif_TransfertSite').append('<option value="'+value['IDCORRECTION_MOTIF']+'">'+value['LibelleMotifCorrection']+'</option>')
                            $('#IDMotifCorrectionPerimeNonRemboursable').append('<option value="'+value['IDCORRECTION_MOTIF']+'">'+value['LibelleMotifCorrection']+'</option>')
                            $('#IDCorrectionMotif_Inventaire').append('<option value="'+value['IDCORRECTION_MOTIF']+'">'+value['LibelleMotifCorrection']+'</option>')
                            $('#IDMotifCorrectionPerimeRemboursable').append('<option value="'+value['IDCORRECTION_MOTIF']+'">'+value['LibelleMotifCorrection']+'</option>')
                        })

                        $('#IDCorrectionMotif_TransfertSite').val(IDCorrectionMotif_TransfertSite).change()
                        $('#IDCorrectionMotif_Inventaire').val(IDCorrectionMotif_Inventaire).change()
                        $('#IDMotifCorrectionPerimeNonRemboursable').val(IDMotifCorrectionPerimeNonRemboursable).change()
                        $('#IDMotifCorrectionPerimeRemboursable').val(IDMotifCorrectionPerimeRemboursable).change()
                    }
                }
            })
        }

        function listeReclamation(IDMotifReclamtionPerime, IDMotifReclamtionCampagneUG, IDMotifReclamtionPackPromo, IDMotifReclamationBaissePrix){

            $.ajax({

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

                    if (response.success == 1) {
                        
                        $('#IDMotifReclamtionPerime').html('')
                        $('#IDMotifReclamtionCampagneUG').html('')
                        $('#IDMotifReclamtionPackPromo').html('')
                        $('#IDMotifReclamationBaissePrix').html('')

                        $.each(response.data, function(key, value){

                            $('#IDMotifReclamtionPerime').append('<option value="'+value['IDRETOURFSEUR_MOTIF']+'">'+value['LibelleMotifRetour']+'</option>')
                            $('#IDMotifReclamtionCampagneUG').append('<option value="'+value['IDRETOURFSEUR_MOTIF']+'">'+value['LibelleMotifRetour']+'</option>')
                            $('#IDMotifReclamtionPackPromo').append('<option value="'+value['IDRETOURFSEUR_MOTIF']+'">'+value['LibelleMotifRetour']+'</option>')
                            $('#IDMotifReclamationBaissePrix').append('<option value="'+value['IDRETOURFSEUR_MOTIF']+'">'+value['LibelleMotifRetour']+'</option>')
                        })

                        $('#IDMotifReclamtionPerime').val(IDMotifReclamtionPerime).change()
                        $('#IDMotifReclamtionCampagneUG').val(IDMotifReclamtionCampagneUG).change()
                        $('#IDMotifReclamtionPackPromo').val(IDMotifReclamtionPackPromo).change()
                        $('#IDMotifReclamationBaissePrix').val(IDMotifReclamationBaissePrix).change()
                    }
                }
            })
        }

        function listingAssistanceMediciel(AssistanceMedicielProduit, ProduitFraisRejetBanque, ProduitFacturationLabo){

            $.ajax({

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

                    if (response.success == 1) {

                        $('#AssistanceMedicielProduit').html('')
                        $('#ProduitFraisRejetBanque').html('')
                        $('#ProduitFacturationLabo').html('')
                        
                        $.each(response.data, function(key, value){

                            $('#AssistanceMedicielProduit').append('<option value="'+value['IDPRODUIT']+'">'+value['DesignationProduit']+'</option>')
                            $('#ProduitFraisRejetBanque').append('<option value="'+value['IDPRODUIT']+'">'+value['DesignationProduit']+'</option>')
                            $('#ProduitFacturationLabo').append('<option value="'+value['IDPRODUIT']+'">'+value['DesignationProduit']+'</option>')
                        })

                        $('#AssistanceMedicielProduit').val(AssistanceMedicielProduit).change()
                        $('#ProduitFraisRejetBanque').val(ProduitFraisRejetBanque).change()
                        $('#ProduitFacturationLabo').val(ProduitFacturationLabo).change()
                    }
                }
            })
        }

        chargerLesInfos(_('idSiteEnCours').value)

        function chargerSelectlisteAgence(idAgence) {

            $.ajax({

                url: '{{ route('listeAgence') }}',
                type: 'GET',
                dataType: 'json',
                success: function(response) {
                    // console.log(response)
                    $('#selIDAgenceReceptionStockAchat').html('')

                    $('#selIDAgenceReceptionStockAchat').append('<option value=""> AUCUN</option>')
                    $.each(response.data, function(key, value) {
                        $('#selIDAgenceReceptionStockAchat').append('<option value="' + value["IDAGENCE"] + '">' + value[
                            "NomAgence"] + '</option>')
                    })

                    $('#selIDAgenceReceptionStockAchat').val(idAgence).change()
                }
            })
        }

        function listeCOMPTA_COMPTE_GENERAUXPourSelect() {

            return new Promise(function(resolve, reject) {

                $.ajax({

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

                        if (response.success != 1) {

                            notifError(response.msg)
                        }

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

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

                        completeHandler()
                    }
                })
            })
        }

        function listeJournalComptablePourSelect(){

            return new Promise(function(resolve, reject) {

                $.ajax({

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

                        if (response.success != 1) {

                            notifError(response.msg)
                        }

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

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

                        completeHandler()
                    }
                })
            })
        }

    </script>

    <!-- Script de validation des modifications -->
    <script>

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

            let formParam = new FormData(_('formParametreGeneraux'))
            formParam.append('_token', '{{ csrf_token()}}')
            formParam.append('IDAGENCE', _('idSiteEnCours').value)

            $.ajax({

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

                    if (response.success == 1) {

                        notif('success', 'Succès', 'Modification éffectuée')
                    }else{

                        notifError(response.msg)
                    }

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

                    notifError(error.responseText)
                    completeHandler()
                }
            })
        })

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

            _('bntValiderModif').click()
        })
    </script>
@endsection