@if(isset($id_facture))
    {{-- Mode édition --}}
    <div id="affiche_reglement_dans_facture">
        <button type="button" class="fermer_reglement_dans_facture btn btn-danger"
            style="margin-left:90%;margin-bottom:1%; display:none">X</button>
        <div id="resultat_afficher_reglement"></div>
    </div>

    <div class="alert text-center" id="entete"
        style="background:#000000 !important; color: white !important; height: auto !important">
        <h1>Facture</h1>
    </div>

    <div class="message_facture" style="margin-left:-3%;top:121% !important"></div>

    <form id="form_facture">
        <input type="hidden" name="id_facture" id="id_facture" value="{{ $facture->id_facture }}">

        <div class="cadre">
            <div class="row">
                <div class="form-group col-md-4">
                    <label for="numero_facture" class="col-form-label-sm"><b>Code</b></label>
                    <input type="text" class="form-control form-control-sm" id="numero_facture"
                        value="{{ $facture->facture_numero }}" style="color:black" disabled>
                </div>
                <div class="form-group col-md-4">
                    <label for="facture_societe" class="col-form-label-sm"><b>Société</b></label>
                    <input type="text" class="form-control form-control-sm" id="facture_societe"
                        value="{{ $facture->lier_societe->Societe_Code }}-{{ $facture->lier_societe->Societe_Nom_Societe }}"
                        style="color:black" disabled>
                </div>
                <div class="form-group col-md-1">
                    <label for="facture_civilite" class="col-form-label-sm"><b>Civilité</b></label>
                    <input type="text" class="form-control form-control-sm" id="facture_civilite"
                        name="facture_civilite_facturation" value="{{ $facture->facture_civitile_facturation }}"
                        style="color:black">
                </div>
                <div class="form-group col-md-3">
                    <label for="nom_client_facture" class="col-form-label-sm"><b>Client</b></label>
                    <input type="hidden" name="client_facture" id="client_facture" value="{{ $facture->client_id }}">
                    <input type="text" class="form-control form-control-sm" id="nom_client_facture"
                        name="facture_nom_facturation" value="{{ $facture->facture_nom_facturation }}" style="color:black">
                </div>

                <div class="col-md-12">
                    <nav>
                        <div class="nav nav-pills mb-3" id="nav-tab" role="tablist">
                            <a class="nav-item nav-link active" id="tab-general" data-toggle="tab" href="#facture_options"
                                role="tab">Général</a>
                            <a class="nav-item nav-link" id="tab-adresse" data-toggle="tab" href="#facture_information"
                                role="tab">Adresse</a>
                            <a class="nav-item nav-link" id="tab-divers" data-toggle="tab" href="#facture_divers"
                                role="tab">Divers</a>
                            <a class="nav-item nav-link" id="tab-mails" data-toggle="tab" href="#facture_mail_envoye"
                                role="tab">Mails envoyés</a>
                        </div>
                    </nav>

                    <div class="tab-content" id="nav-tabContent" style="min-height:0">
                        <div class="tab-pane fade show active" id="facture_options" role="tabpanel">
                            <div class="cadre border border-dark rounded"
                                style="min-height:25vh; overflow-y:auto !important">
                                <div class="cadre border border-dark rounded"
                                    style="min-height:5vh; width:45%; float:left; overflow-y:auto !important">
                                    <label class="col-md-12"><strong>Impression</strong></label>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="checkbox" id="impression_les_factures"
                                            name="impression_les_factures" checked>
                                        <label class="form-check-label" for="impression_les_factures">Les factures</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="checkbox" id="impression_les_duplicata"
                                            name="impression_les_duplicata">
                                        <label class="form-check-label" for="impression_les_duplicata">Les Duplicata</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="checkbox" id="impression_releves_bl"
                                            name="impression_releves_bl" {{ $facture->facture_releve_bl == 1 ? 'checked' : '' }}>
                                        <label class="form-check-label" for="impression_releves_bl">Releves Bl</label>
                                    </div>
                                </div>

                                <div class="cadre border border-dark rounded"
                                    style="min-height:5vh; width:45%; float:left; margin-left:10% !important; overflow-y:auto !important">
                                    <div>
                                        <div class="col-md-3" style="float:left !important;">
                                            <label class="col-md-12"><strong>Etat</strong></label>
                                            @php
                                                $etat = "Non réglée";
                                                $couleur = "alert-light";
                                                if ($facture->facture_etat_reglement == 1) {
                                                    $etat = "Partiel";
                                                    $couleur = "alert-primary";
                                                } elseif ($facture->facture_etat_reglement == 2) {
                                                    $etat = "Réglée";
                                                    $couleur = "alert-success";
                                                }
                                            @endphp
                                            <div id="facture_etat_reglement"
                                                class="align-middle text-center alert {{ $couleur }}">
                                                {{ $etat }}
                                            </div>
                                        </div>
                                        <div class="col-md-4" style="float:left !important;">
                                            <label for="facture_mode_reglement" class="col-form-label-sm"><strong>Mode
                                                    règlement</strong></label>
                                            <select class="form-control form-control-sm" id="facture_mode_reglement"
                                                name="facture_mode_reglement" style="color:black">
                                                <option value="0">Aucun</option>
                                                @foreach($modes_reg as $mode)
                                                    <option value="{{ $mode->id_mode_reg }}" {{ $mode->id_mode_reg == $facture->mode_reg_id ? 'selected' : '' }}>
                                                        {{ $mode->mode_reg_code }}-{{ $mode->mode_reg_libelle }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-5" style="float:left !important;">
                                            <label for="motif_avoir_id" class="col-form-label-sm"><strong>Motif
                                                    avoir</strong></label>
                                            <select class="form-control form-control-sm" id="motif_avoir_id"
                                                name="motif_avoir_id" style="color:black">
                                                <option value="0">Aucun</option>
                                                @foreach($motifs_avoir as $motif)
                                                    <option value="{{ $motif->id_motif_avoir }}" {{ $motif->id_motif_avoir == $facture->motif_avoir_id ? 'selected' : '' }}>
                                                        {{ $motif->motif_avoir_code }}-{{ $motif->motif_avoir_libelle }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="cadre border border-dark rounded"
                                    style="min-height:5vh; width:100%; overflow-y:auto !important">
                                    <div class="form-group col-md-2" style="float:left !important;">
                                        <label for="facture_date" class="col-form-label-sm">Date Facture</label>
                                        <input type="date" class="form-control form-control-sm" id="facture_date"
                                            name="facture_date"
                                            value="{{ $facture->facture_date ? \Carbon\Carbon::parse($facture->facture_date)->format('Y-m-d') : date('Y-m-d') }}"
                                            style="color:black">
                                    </div>
                                    <div class="form-group col-md-2" style="float:left !important;">
                                        <label for="echeance_date" class="col-form-label-sm">Echéance</label>
                                        <input type="date" class="form-control form-control-sm" id="echeance_date"
                                            name="echeance_date"
                                            value="{{ $facture->facture_echeance ? \Carbon\Carbon::parse($facture->facture_echeance)->format('Y-m-d') : date('Y-m-d') }}"
                                            style="color:black">
                                    </div>
                                    <div class="form-group col-md-2" style="float:left !important;">
                                        <label for="facture_bl_date_debut" class="col-form-label-sm">De</label>
                                        <input type="date" class="form-control form-control-sm" id="facture_bl_date_debut"
                                            name="facture_bl_date_debut"
                                            value="{{ $facture->facture_date_debut ? \Carbon\Carbon::parse($facture->facture_date_debut)->format('Y-m-d') : date('Y-m-d') }}"
                                            style="color:black">
                                    </div>
                                    <div class="form-group col-md-2" style="float:left !important;">
                                        <label for="facture_bl_date_fin" class="col-form-label-sm">à</label>
                                        <input type="date" class="form-control form-control-sm" id="facture_bl_date_fin"
                                            name="facture_bl_date_fin"
                                            value="{{ $facture->facture_date_fin ? \Carbon\Carbon::parse($facture->facture_date_fin)->format('Y-m-d') : date('Y-m-d') }}"
                                            style="color:black">
                                    </div>
                                    <div class="form-group col-md-2" style="float:left !important;">
                                        <label for="facture_modele" class="col-form-label-sm">Modéle</label>
                                        <select class="form-control form-control-sm" id="facture_modele"
                                            name="facture_modele" style="color:black">
                                            <option value="0">Facture standard</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-2" style="float:left !important;">
                                        <label for="facture_banque" class="col-form-label-sm">Banque</label>
                                        <select class="form-control form-control-sm" id="facture_banque"
                                            name="facture_banque" style="color:black">
                                            <option value="0">Aucune</option>
                                            @foreach($banques as $banque)
                                                <option value="{{ $banque->id_banque }}" {{ $banque->id_banque == $facture->banque_facture_id ? 'selected' : '' }}>
                                                    {{ $banque->banque_code }}-{{ $banque->banque_nom }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="facture_information" role="tabpanel">
                            <div class="cadre border border-dark rounded" style="height:25vh; overflow-y:auto !important">
                                <div class="row" style="margin:0 !important">
                                    <div class="col-md-12">
                                        <div class="form-group row" style="margin-bottom:0.5% !important">
                                            <label for="facture_adresse1"
                                                class="col-sm-3 col-form-label col-form-label-sm">Adresse 1</label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control form-control-sm"
                                                    id="facture_adresse1" name="facture_adresse1"
                                                    value="{{ $facture->facture_adresse1 }}" maxlength="50"
                                                    placeholder="Adresse 1">
                                            </div>
                                        </div>
                                        <div class="form-group row" style="margin-bottom:0.5% !important">
                                            <label for="facture_adresse2"
                                                class="col-sm-3 col-form-label col-form-label-sm">Adresse 2</label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control form-control-sm"
                                                    id="facture_adresse2" name="facture_adresse2"
                                                    value="{{ $facture->facture_adresse2 }}" maxlength="50"
                                                    placeholder="Adresse 2">
                                            </div>
                                        </div>
                                        <div class="form-group row" style="margin-bottom:0.5% !important">
                                            <label for="facture_adresse3"
                                                class="col-sm-3 col-form-label col-form-label-sm">Adresse 3</label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control form-control-sm"
                                                    id="facture_adresse3" name="facture_adresse3"
                                                    value="{{ $facture->facture_adresse3 }}" maxlength="50"
                                                    placeholder="Adresse 3">
                                            </div>
                                        </div>
                                        <div class="form-group row" style="margin-bottom:0.5% !important">
                                            <label for="facture_code_postal"
                                                class="col-sm-3 col-form-label col-form-label-sm">Code postal</label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control form-control-sm"
                                                    id="facture_code_postal" name="facture_code_postal"
                                                    value="{{ $facture->facture_code_postal }}" maxlength="20"
                                                    placeholder="Code postal">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group row" style="margin-bottom:0.5% !important">
                                            <label for="facture_ville"
                                                class="col-sm-3 col-form-label col-form-label-sm">Ville</label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control form-control-sm" id="facture_ville"
                                                    name="facture_ville" value="{{ $facture->facture_ville }}"
                                                    maxlength="50" placeholder="Ville">
                                            </div>
                                        </div>
                                        <div class="form-group row" style="margin-bottom:0.5% !important">
                                            <label for="facture_pays"
                                                class="col-sm-3 col-form-label col-form-label-sm">Pays</label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control form-control-sm" id="facture_pays"
                                                    name="facture_pays" value="{{ $facture->facture_pays }}" maxlength="50"
                                                    placeholder="Pays">
                                            </div>
                                        </div>
                                        <div class="form-group row" style="margin-bottom:0.5% !important">
                                            <label for="facture_email"
                                                class="col-sm-3 col-form-label col-form-label-sm">E-mail facture</label>
                                            <div class="col-sm-9">
                                                <input type="text" class="form-control form-control-sm" id="facture_email"
                                                    name="facture_email"
                                                    value="{{ $facture->facture_client_mail_facturation }}" maxlength="100"
                                                    placeholder="E-mail">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="facture_divers" role="tabpanel">
                            <div class="cadre border border-dark rounded" style="height:25vh; overflow-y:auto !important">
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label for="commantaire_permanent_1"><strong>Commentaire permanent
                                                1</strong></label>
                                        <textarea class="form-control" id="commantaire_permanent_1" rows="5"
                                            name="commantaire_permanent_1"
                                            style="resize:none;">{{ $facture->facture_commentaire_permanant_1 }}</textarea>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="commantaire_permanent_2"><strong>Commentaire permanent
                                                2</strong></label>
                                        <textarea class="form-control" id="commantaire_permanent_2" rows="5"
                                            name="commantaire_permanent_2"
                                            style="resize:none;">{{ $facture->facture_commentaire_permanant_2 }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="facture_mail_envoye" role="tabpanel">
                            <div class="cadre border border-dark rounded" style="height:25vh; overflow-y:auto !important">
                                <table class="table table-hover table-bordered table-sm" id="table_mail_envoye"
                                    style="width:100%">
                                    <thead style="background-color:#28a745; color:white">
                                        <tr>
                                            <th scope="col" class="text-center">DATE</th>
                                            <th scope="col" class="text-center">HEURE</th>
                                            <th scope="col" class="text-center">EXPEDITEUR</th>
                                            <th scope="col" class="text-center">DESTINATEUR</th>
                                            <th scope="col" class="text-center">STATUT</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <hr>

    <div class="tab-content" id="nav-tabContent1" style="min-height:0">
        <div class="tab-pane fade show active" id="ligne_facture" role="tabpanel">
            <div class="border border-dark rounded" style="min-height:32vh; padding:0.5%">
                <div class="border border-dark rounded" style="padding:0.5%;">
                    <form id="form_ligne_facture">
                        <div class="col-md-12">
                            <input type="hidden" name="id_ligne_facture" id="id_ligne_facture">
                            <input type="hidden" name="id_produit_facture" id="id_produit_facture">
                            <div class="row">
                                <div class="form-group col-md-2">
                                    <label for="type_ligne_facture" style="display: block;">Type</label>
                                    <select class="form-control form-control-sm col-md-9" id="type_ligne_facture"
                                        name="type_ligne_facture" style="float:left">
                                        <option value="0">Béton</option>
                                        <option value="1">Service</option>
                                        <option value="2">Ajout manuel</option>
                                        <option value="3">Adjuvant</option>
                                        <option value="4">Zone</option>
                                        <option value="5">Granulat</option>
                                        <option value="9">Commentaire</option>
                                        <option value="10" disabled>Entête</option>
                                    </select>
                                    <button class="btn btn-success btn-sm col-md-3" id="btn_recherche_produit_facture"
                                        style="float:left"><i class="fa fa-search"></i></button>
                                </div>
                                <div class="form-group col-md-10" style="display:none" id="bloc_commentaire_ligne_facture">
                                    <label for="commentaire_ligne_facture">Commentaire</label>
                                    <input type="text" class="form-control form-control-sm" id="commentaire_ligne_facture"
                                        name="commentaire_ligne_facture">
                                </div>
                                <div class="form-group col-md-2" id="bloc_centrale_ligne_facture">
                                    <label for="centrale_ligne_facture">Centrale</label>
                                    <select class="form-control form-control-sm" id="centrale_ligne_facture"
                                        name="centrale_ligne_facture">
                                        <option value="0">Aucune</option>
                                        @foreach($centrales as $centrale)
                                            <option value="{{ $centrale->id_centrale }}">{{ $centrale->centrale_code }} ->
                                                {{ $centrale->centrale_nom }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2" id="bloc_libelle_ligne_facture">
                                    <label for="libelle_ligne_facture">Libelle</label>
                                    <input type="text" class="form-control form-control-sm" id="libelle_ligne_facture"
                                        name="libelle_ligne_facture" disabled>
                                </div>
                                <div class="form-group col-md-2" id="bloc_prix_ligne_facture">
                                    <label for="prix_ligne_facture">P.U.HT</label>
                                    <input type="text" class="form-control form-control-sm" id="prix_ligne_facture"
                                        name="prix_ligne_facture">
                                </div>
                                <div class="form-group col-md-2" id="bloc_qte_ligne_facture">
                                    <label for="qte_ligne_facture">Qté</label>
                                    <input type="text" class="form-control form-control-sm" id="qte_ligne_facture"
                                        name="qte_ligne_facture">
                                </div>
                                <div class="form-group col-md-1" id="bloc_unite_ligne_facture">
                                    <label for="unite_ligne_facture">Unité</label>
                                    <select class="form-control form-control-sm" id="unite_ligne_facture"
                                        name="unite_ligne_facture" disabled>
                                        <option value="0">Aucune</option>
                                        @foreach($unites as $unite)
                                            <option value="{{ $unite->id_unite }}">
                                                {{ $unite->unite_code }}->{{ $unite->unite_libelle }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-1" id="bloc_facturable_ligne_facture">
                                    <label for="taux_ligne_facture">Taux</label>
                                    <input type="text" class="form-control form-control-sm" id="taux_ligne_facture"
                                        name="taux_ligne_facture" disabled>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 text-right">
                            <button type="button" class="btn btn-success btn-sm" id="reset_ligne_facture">Nouveau</button>
                            <button type="button" class="btn btn-success btn-sm" id="valider_ligne_facture"
                                style="margin-right: 2%;">Valider</button>
                            <button type="button" class="btn btn-success btn-sm" id="annuler_ligne_facture">Annuler</button>
                            <button type="button" class="btn btn-success btn-sm"
                                id="supprimer_ligne_facture">Supprimer</button>
                        </div>
                    </form>
                </div>
                <div class="table-responsive" style="overflow-y: auto; height: 25vh;">
                    <div id="message_ligne_facture"
                        style="position: absolute; z-index: 12; width:92%; opacity:0.95; display:none"></div>
                    <table class="table table-hover table-bordered table-sm" id="table_ligne_facture" style="width:100%">
                        <thead style="background-color:#28a745; color:white">
                            <tr>
                                <th scope="col" class="text-center">SITE</th>
                                <th scope="col" class="text-center">LIBELLE</th>
                                <th scope="col" class="text-center"> P.U.HT</th>
                                <th scope="col" class="text-center">Qte</th>
                                <th scope="col" class="text-center"> P.T.HT</th>
                                <th scope="col" class="text-center">Unité</th>
                                <th scope="col" class="text-center">TX</th>
                                <th scope="col" class="text-center">NL</th>
                            </tr>
                        </thead>
                        <tbody class="tbody_lignes_facture text-center" style="background-color:white"></tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="tab-pane fade" id="facture_ligne_avoir" role="tabpanel">
            <div class="border border-dark rounded" style="min-height:32vh; padding:0.5%">
                <div class="table-responsive" style="overflow-y: auto; height: 35vh;">
                    <table class="table table-hover table-bordered table-sm" id="table_avoir_facture" style="width:100%">
                        <thead style="background-color:#28a745; color:white">
                            <tr>
                                <th scope="col" class="text-center align-middle">Site</th>
                                <th scope="col" class="text-center">Libellé</th>
                                <th scope="col" class="text-center">Pu HT</th>
                                <th scope="col" class="text-center">Qté</th>
                                <th scope="col" class="text-center">P.T.HT</th>
                                <th scope="col" class="text-center">Unité</th>
                                <th scope="col" class="text-center">TX</th>
                                <th scope="col" class="text-center">Av/Fac PUHT</th>
                                <th scope="col" class="text-center"><input type="checkbox"
                                        id="select_all_ligne_facture_avoir"></th>
                            </tr>
                        </thead>
                        <tbody class="text-center" style="background-color:white"></tbody>
                    </table>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <label for="motif_avoir_id_creation" class="col-form-label-sm">Motif avoir</label>
                        <select class="form-control form-control-sm" id="motif_avoir_id_creation"
                            name="motif_avoir_id_creation">
                            <option value="0">Aucun</option>
                            @foreach($motifs_avoir as $motif)
                                <option value="{{ $motif->id_motif_avoir }}">
                                    {{ $motif->motif_avoir_code }}-{{ $motif->motif_avoir_libelle }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3 offset-md-6 text-right" style="margin-top: 1%;">
                        <button class="btn btn-success" id="creer_nouvel_avoir">Créer un nouvel avoir</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="tab-pane fade" id="facture_liste_reglement" role="tabpanel">
            <div class="border border-dark rounded" style="min-height:32vh; padding:0.5%">
                <div class="table-responsive" style="overflow-y: auto; height: 35vh;">
                    <table class="table table-hover table-bordered table-sm" id="table_facture_liste_reglement"
                        style="width:100%">
                        <thead style="background-color:#28a745; color:white">
                            <tr>
                                <th class="text-center">Code</th>
                                <th class="text-center">Société</th>
                                <th class="text-center">Libellé</th>
                                <th class="text-center">Montant</th>
                                <th class="text-center">Echéance</th>
                                <th class="text-center">Pièce</th>
                                <th class="text-center">Client</th>
                                <th class="text-center">Supprimer</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>

        <div class="tab-pane fade" id="facture_remise" role="tabpanel">
            <div class="border border-dark rounded" style="min-height:32vh; padding:0.5%">
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="facture_remise_par" id="facture_remise_valeur"
                        value="valeur">
                    <label class="form-check-label" for="facture_remise_valeur">Remise en valeur</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="facture_remise_par" id="facture_remise_pourcentage"
                        value="pourcentage">
                    <label class="form-check-label" for="facture_remise_pourcentage">Remise en pourcentage</label>
                </div><br><br>
                <div class="row">
                    <div class="form-group col-md-2">
                        <label for="remise_ht">HT</label>
                        <input type="text" class="form-control" id="remise_ht">
                    </div>
                    <div class="form-group col-md-2">
                        <label for="remise_pourcentage">%</label>
                        <input type="text" class="form-control" id="remise_pourcentage">
                    </div>
                    <div class="form-group col-md-3">
                        <label for="facture_tva">TVA</label>
                        <select class="form-control" id="facture_tva">
                            @foreach($tvas as $tva)
                                <option value="{{ $tva->id_tva }}">{{ $tva->tva_code }}->{{ $tva->tva_taux }}%</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-2">
                        <label for="facture_ttc">TTC</label>
                        <input type="text" class="form-control" id="facture_ttc">
                    </div>
                    <div class="form-group col-md-3">
                        <label for="remise_compte_comptable">Cpte Comptable Re</label>
                        <input type="text" class="form-control" id="remise_compte_comptable">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <nav>
        <div class="nav nav-pills mb-3" id="nav-tab1" role="tablist">
            <a class="nav-item nav-link active" id="tab-corps" data-toggle="tab" href="#ligne_facture" role="tab">Corps de
                facture</a>
            <a class="nav-item nav-link" id="tab-avoir-lignes" data-toggle="tab" href="#facture_ligne_avoir"
                role="tab">Saisie ligne avoir</a>
            <a class="nav-item nav-link" id="tab-reglements-list" data-toggle="tab" href="#facture_liste_reglement"
                role="tab">Liste des réglements</a>
            <a class="nav-item nav-link" id="tab-remise-form" data-toggle="tab" href="#facture_remise" role="tab">Remise</a>
        </div>
    </nav>

    <div class="col-md-12 row" style="margin-top:1%">
        <div class="col-md-2">
            <div class="counter" style="background-color:#c0bcbc">
                <p class="count-text ">Total H.T</p>
                <h2 class="timer count-title count-number" id="total_ht_facture" style="font-size:30px"></h2>
            </div>
        </div>
        <div class="col-md-2">
            <div class="counter" style="background-color:#c0bcbc">
                <p class="count-text ">Total T.V.A</p>
                <h2 class="timer count-title count-number" id="total_tva_facture" style="font-size:30px"></h2>
            </div>
        </div>
        <div class="col-md-2">
            <div class="counter" style="background-color:#c0bcbc">
                <p class="count-text ">Total T.T.C</p>
                <h2 class="timer count-title count-number" id="total_ttc_facture" style="font-size:30px"></h2>
            </div>
        </div>
        <div class="col-md-2">
            <div class="counter" style="background-color:#c0bcbc">
                <p class="count-text ">Remise T.T.C</p>
                <h2 class="timer count-title count-number" id="remise_ttc_facture" style="font-size:30px">0</h2>
            </div>
        </div>
        <div class="col-md-2">
            <div class="counter" style="background-color:#c0bcbc">
                <p class="count-text ">Réglement</p>
                <h2 class="timer count-title count-number" id="montant_regle_facture" style="font-size:30px"></h2>
            </div>
        </div>
        <div class="col-md-2">
            <div class="counter" style="background-color:#c0bcbc">
                <p class="count-text ">Reste</p>
                <h2 class="timer count-title count-number" id="reste_a_regle_facture" style="font-size:30px"></h2>
            </div>
        </div>
    </div>

    <div class="col-md-12 text-center lbouton" style="margin-top:3%">
        <button class="btn btn-success valider_facture">Valider</button>
        <button class="btn btn-success" id="supp_facture">Supprimer</button>
        <button class="btn btn-success" id="envoi_facture_mail">Envoi par mail</button>
        <div class="btn-group" role="group">
            <button id="btnGroupDrop1" type="button" class="btn btn-success dropdown-toggle"
                data-toggle="dropdown">PDF</button>
            <div class="dropdown-menu">
                <a class="dropdown-item" id="facture_pdf">PDF</a>
                <a class="dropdown-item" id="facture_pdf_pre_imp">PDF PRE IMP</a>
            </div>
        </div>
        <button class="btn btn-success" id="facture_reglement">Saisie Reg</button>
        <button class="btn btn-success" id="valider_facture_compta">Valider compta</button>
        <button class="btn btn-success" id="valider_facture_electronique">Valider électronique</button>
        <button class="btn btn-success">Traçabilité</button>
        <button class="btn btn-success" id="defacturer_bl">Défacturer BL</button>
    </div>

@else
    {{-- Formulaire de création (form_nouveau) --}}
    <div class="alert text-center" id="entete"
        style="background:#000000 !important; color: white !important; height: auto !important">
        <h1>Création manuelle d'une facture ou d'un avoir</h1>
    </div>

    <form id="form_nouvelle_facture" style="margin-left:5%; margin-right:5%;">
        <div class="form-group row" style="margin-bottom:1% !important">
            <label for="societe_nouvelle_facture" class="col-sm-2 col-form-label">Société</label>
            <div class="col-sm-8">
                <select class="form-control" id="societe_nouvelle_facture" name="societe_nouvelle_facture">
                    <option value="0">Aucune</option>
                    @foreach($societes as $societe)
                        <option value="{{ $societe->ID_Societe }}">
                            {{ $societe->Societe_Code }}->{{ $societe->Societe_Nom_Societe }}
                        </option>
                    @endforeach
                </select>
            </div>
        </div>

        <input type="hidden" id="verifier_site_obligatoire"
            value="{{ $parametre->parametre_facturation_site_obligatoire ?? 0 }}">
        <input type="hidden" id="verifier_motif_avoir_obligatoire"
            value="{{ $parametre->parametre_motif_avoir_obligatoire ?? 0 }}">

        <div class="form-group row" style="margin-bottom:1% !important">
            <label for="site_nouvelle_facture" class="col-sm-2 col-form-label">Site</label>
            <div class="col-sm-8">
                <select class="form-control" id="site_nouvelle_facture" name="site_nouvelle_facture">
                    <option value="0">Aucun</option>
                    @foreach($sites as $site)
                        <option value="{{ $site->id_site }}">{{ $site->site_code }}->{{ $site->site_libelle }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="form-group row" style="margin-bottom:1% !important">
            <label for="client_nouvelle_facture" class="col-sm-2 col-form-label">Client</label>
            <div class="col-sm-8">
                <select class="form-control" id="client_nouvelle_facture" name="client_nouvelle_facture">
                    <option value="0">Aucun</option>
                    @foreach($clients as $client)
                        <option value="{{ $client->id_client }}">{{ $client->client_code }}->{{ $client->client_nom }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-sm-1">
                <button class="btn btn-success" id="btn_rechrche_client_nouvelle_facture"><i
                        class="fa fa-search"></i></button>
            </div>
        </div>

        <div class="form-group row" style="margin-bottom:1% !important">
            <label for="activite_nouvelle_facture" class="col-sm-2 col-form-label">Activité</label>
            <div class="col-sm-8">
                <select class="form-control" id="activite_nouvelle_facture" name="activite_nouvelle_facture">
                    <option value="0">Aucune</option>
                    @foreach($activites as $activite)
                        <option value="{{ $activite->id_activite }}">
                            {{ $activite->activite_code }}->{{ $activite->activite_libelle }}
                        </option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="form-group row" style="margin-bottom:1% !important">
            <label for="motif_avoir_nouvelle_facture" class="col-sm-2 col-form-label">Motif avoir</label>
            <div class="col-sm-8">
                <select class="form-control" id="motif_avoir_nouvelle_facture" name="motif_avoir_nouvelle_facture">
                    <option value="0">Aucune</option>
                    @foreach($motifs_avoir as $motif)
                        <option value="{{ $motif->id_motif_avoir }}">
                            {{ $motif->motif_avoir_code }}->{{ $motif->motif_avoir_libelle }}
                        </option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="form-group row" style="margin-bottom:1% !important">
            <label for="date_nouvelle_facture" class="col-sm-2 col-form-label">Date</label>
            <div class="col-sm-8">
                <input type="date" class="form-control" id="date_nouvelle_facture" name="date_nouvelle_facture"
                    value="{{ date('Y-m-d') }}">
            </div>
        </div>

        <br>
        <div class="form-group text-center">
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="nouvelle_facture_avoir"
                    id="nouvelle_facture_avoir_facture" value="0" checked>
                <label class="form-check-label" for="nouvelle_facture_avoir_facture">Facture</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="nouvelle_facture_avoir" id="nouvelle_facture_avoir_avoir"
                    value="1">
                <label class="form-check-label" for="nouvelle_facture_avoir_avoir">Avoir</label>
            </div>
            <button class="btn btn-success btn-sm" type="submit">Valider</button>
        </div>
    </form>
@endif

<script>
    $(function () {
        // --- VARIABLES ET FONCTIONS GLOBALES ---
        var nouvelle_ligne_facture = 1;
        var facture_manuelle_creation = {{ isset($id_facture) ? 0 : 1 }};

        function reset_ligne_produit_facture() {
            nouvelle_ligne_facture = 1;
            $("#id_ligne_facture").val("");
            $("#id_produit_facture").val("");
            $("#type_ligne_facture").val(0);
            $("#libelle_ligne_facture").val("");
            $("#prix_ligne_facture").val("");
            $("#qte_ligne_facture").val("");
            $("#taux_ligne_facture").val("");
            $("#centrale_ligne_facture").val(0);
            $("#unite_ligne_facture").val(0).prop('disabled', true);

            $("#bloc_libelle_ligne_facture, #bloc_prix_ligne_facture, #bloc_qte_ligne_facture, #bloc_unite_ligne_facture, #bloc_facturable_ligne_facture, #bloc_centrale_ligne_facture").show();
            $("#bloc_commentaire_ligne_facture").hide();
        }

        @if(isset($id_facture))
            // --- MODE ÉDITION ---

            // 1. DataTable des lignes de facture
            var table_ligne_facture = $('#table_ligne_facture').DataTable({
                scrollX: true,
                paging: false,
                searching: false,
                ordering: false,
                info: false,
                ajax: {
                    url: '{{ url("facture_laravel/lignes") }}/' + $("#numero_facture").val(),
                    dataSrc: function (json) {
                        $('#total_ht_facture').html(json.total_ht);
                        $('#total_tva_facture').html(json.total_tva);
                        $('#total_ttc_facture').html(json.total_ttc);
                        $('#montant_regle_facture').html(json.reglement);
                        $('#reste_a_regle_facture').html(json.reste_reglement);

                        var badge = $('#facture_etat_reglement');
                        badge.removeClass('alert-light alert-primary alert-success');
                        if (json.etat_reglement == 0) { badge.addClass('alert-light').html('Non réglée'); }
                        else if (json.etat_reglement == 1) { badge.addClass('alert-primary').html('Partiel'); }
                        else if (json.etat_reglement == 2) { badge.addClass('alert-success').html('Réglée'); }

                        return json.data;
                    }
                },
                columnDefs: [{ className: "text-center align-middle", targets: "_all" }]
            });

            // Double clic pour modifier une ligne
            $('#table_ligne_facture tbody').on('dblclick', 'tr', function () {
                var data = table_ligne_facture.row(this).data();
                if (!data) return;

                reset_ligne_produit_facture();
                nouvelle_ligne_facture = 0;

                $("#id_ligne_facture").val(data.DT_RowId);
                $("#id_produit_facture").val(data.DT_Ligne_facture_article_id);
                $("#libelle_ligne_facture").val(data[1]);
                $("#prix_ligne_facture").val(data[2]);
                $("#qte_ligne_facture").val(data[3]);
                $("#unite_ligne_facture").val(data.DT_Ligne_facture_unite_id).prop('disabled', false);
                $("#centrale_ligne_facture").val(data.DT_Ligne_facture_centrale_id || 0);
                $("#taux_ligne_facture").val(data[6]);

                if (data.DT_Ligne_facture_type == 'C' || data.DT_Ligne_facture_type == 'E') {
                    $("#bloc_libelle_ligne_facture, #bloc_prix_ligne_facture, #bloc_qte_ligne_facture, #bloc_unite_ligne_facture, #bloc_centrale_ligne_facture").hide();
                    $("#bloc_commentaire_ligne_facture").show();
                    $("#commentaire_ligne_facture").val(data[1]);
                }
            });

            // Validation d'une ligne
            $("#valider_ligne_facture").click(function (e) {
                e.preventDefault();
                var data = $("#form_ligne_facture").serialize() + '&facture_code=' + $("#numero_facture").val() + '&nouvelle_ligne_facture=' + nouvelle_ligne_facture + '&_token={{ csrf_token() }}';

                $.post('{{ url("facture_laravel/valider_ligne") }}', data, function (res) {
                    $("#message_ligne_facture").html(res.message).fadeIn().delay(2000).fadeOut();
                    table_ligne_facture.ajax.reload();
                    reset_ligne_produit_facture();
                    // Rafraichir la grille principale si besoin
                    if (window.parent && window.parent.table) window.parent.table.ajax.reload(null, false);
                }, 'json');
            });

            // Suppression d'une ligne
            $("#supprimer_ligne_facture").click(function (e) {
                e.preventDefault();
                var id = $("#id_ligne_facture").val();
                if (!id) { alert("Sélectionnez une ligne"); return; }
                if (confirm("Supprimer cette ligne ?")) {
                    $.post('{{ url("facture_laravel/supprimer_ligne") }}', { id: id, _token: '{{ csrf_token() }}' }, function (res) {
                        table_ligne_facture.ajax.reload();
                        reset_ligne_produit_facture();
                    });
                }
            });

            // Onglet Mails
            var table_mail_envoye = $('#table_mail_envoye').DataTable({
                paging: false, searching: false, ordering: false, info: false,
                ajax: {
                    url: '{{ url("facture_laravel/mails") }}/' + $("#id_facture").val(),
                    type: "GET"
                }
            });

            // Onglet Règlements
            var table_reglements = $('#table_facture_liste_reglement').DataTable({
                paging: false, searching: false, ordering: false, info: false,
                ajax: {
                    url: '{{ url("facture_laravel/reglements") }}/' + $("#id_facture").val(),
                    type: "GET"
                }
            });

            // Boutons d'action principaux
            $("#facture_pdf").click(function (e) {
                e.preventDefault();
                window.open('{{ url("facture_laravel/pdf") }}/' + $("#id_facture").val(), '_blank');
            });

            $("#supp_facture").click(function (e) {
                e.preventDefault();
                if (confirm("Supprimer définitivement cette facture ?")) {
                    $.ajax({
                        url: '{{ url("facture_laravel") }}/' + $("#id_facture").val() + '/supprimer',
                        type: 'DELETE',
                        data: { _token: '{{ csrf_token() }}' },
                        success: function (res) {
                            alert(res.message.replace(/<[^>]*>?/gm, ''));
                            $("#rafraichir").click();
                            $("#affiche_facture").hide().empty();
                        }
                    });
                }
            });

            $("#reset_ligne_facture, #annuler_ligne_facture").click(function () { reset_ligne_produit_facture(); });

            // Droits d'accès
            @if ($profil->profil_facture < 2)
                $("#reset_ligne_facture, .valider_facture, #valider_ligne_facture").prop('disabled', true);
            @endif
            @if ($profil->profil_facture != 5)
                $("#supp_facture, #supprimer_ligne_facture, #facture_reglement, #valider_facture_compta, #defacturer_bl, #envoi_facture_mail").prop('disabled', true);
            @endif

        @else
            // --- MODE CRÉATION ---
            $("#form_nouvelle_facture").submit(function (e) {
                e.preventDefault();

                var soc = $("#societe_nouvelle_facture").val();
                var cli = $("#client_nouvelle_facture").val();
                var act = $("#activite_nouvelle_facture").val();

                console.log(soc, cli, act); if (!soc || soc == "0" || !cli || cli == "0" || !act || act == "0") {
                    alert("Société " + soc + ", client " + cli + " et activité " + act + " sont obligatoires");
                    return;
                }

                $('.ring, #filtre_loading').show();
                $.post('{{ url("facture_laravel/creer") }}', $(this).serialize() + '&_token={{ csrf_token() }}', function (res) {
                    if (res.id_facture > 1) {
                        $("#affiche_nouvelle_facture").hide().empty();
                        $("#affiche_facture").show();
                        if ($("#rafraichir").length) $("#rafraichir").click();

                        $.get('{{ url("facture_laravel/formulaire") }}/' + res.id_facture, function (html) {
                            $("#affiche_facture").html(html);
                        });
                    } else if (res.id_facture == 0) {
                        alert("Exercice clôturé — action impossible.");
                    } else if (res.id_facture == 1) {
                        alert("La date de facturation est en dehors des dates de l'exercice — action impossible.");
                    } else {
                        alert(res.message || "Erreur lors de la création");
                    }
                    $('.ring, #filtre_loading').hide();
                });
            });
        @endif

        // Type de ligne change
        $("#type_ligne_facture").change(function () {
            var val = $(this).val();
            if (val == 9 || val == 10) {
                $("#bloc_libelle_ligne_facture, #bloc_prix_ligne_facture, #bloc_qte_ligne_facture, #bloc_unite_ligne_facture, #bloc_facturable_ligne_facture, #bloc_centrale_ligne_facture").hide();
                $("#bloc_commentaire_ligne_facture").show();
            } else {
                $("#bloc_libelle_ligne_facture, #bloc_prix_ligne_facture, #bloc_qte_ligne_facture, #bloc_unite_ligne_facture, #bloc_facturable_ligne_facture, #bloc_centrale_ligne_facture").show();
                $("#bloc_commentaire_ligne_facture").hide();
            }
        });
    });
</script>