@extends('../partials.model')

@section('content')

<div class="container-fluid">

    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center my-4 justify-content-between page-header-breadcrumb">
        <div>
            <h1 class="text-3xl font-bold text-slate-900">
                Gestion des ventes
            </h1>
            <p class="text-slate-600 mtw-1">
                Gérer toutes vos ventes en toute simplicité
            </p>
        </div>
        <div class="ms-md-1 ms-0">
            <nav>
                <button id="new_vente" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#venteModal">
                    <i class="bi bi-plus-circle btn-icon-size"></i>
                    Nouvelle vente
                </button>
            </nav>
        </div>
    </div>
    <!-- Page Header Close -->


        <div class="row g-3">

            <!-- En attente -->
            <div class="col-md-2">
                <div class="card card-border">
                    <div class="card-body d-flex">
                        <i class="bi bi-clock text-warning fs-30 mt-2"></i>
                        <div>
                            <p class="stat-value mb-0 fw-bold ms-2 fs-20" id="stat-attente">0</p>
                            <p class="stat-label mb-0 ms-2">EN ATTENTE</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Approuvées -->
            <div class="col-md-2">
                <div class="card card-border">
                    <div class="card-body d-flex">
                        <i class="bi bi-check-circle text-success fs-30 mt-2"></i>
                        <div>
                            <p class="stat-value mb-0 fw-bold ms-2 fs-20" id="stat-valide">0</p>
                            <p class="stat-label mb-0 ms-2">VALIDE</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Rejetées -->
            <div class="col-md-8">

                <div class="card card-border">
                    <div class="card-body">

                        <div class="row">

                            <div class="col-xl-4 col-lg-4 col-md-6 border-end border-2 border-aquamarine">
                                <div class="d-flex">
                                        {{-- <i class="bi bi-check-circle text-success fs-30 mt-2"></i> --}}
                                        <div>
                                            <p class="stat-value mb-0 fw-bold ms-2 fs-20 text-warning" id="total-net-a-paye"></p>
                                            <p class="stat-value mb-0 fw-bold ms-2 fs-20 text-warning masq-montant"  style="display:none">*****</p>
                                            <p class="stat-label mb-0 ms-2">TOTAL NET A PAYER</p>
                                        </div>
                                </div>
                            </div>

                            <div class="col-xl-4 col-lg-4 col-md-6 border-end border-2 border-aquamarine">
                                <div class="d-flex align-items-center">
                                    {{-- <i class="bi bi-check-circle text-success fs-2 me-2"></i> --}}
                                    <div>
                                        <p class="stat-value mb-0 fw-bold fs-4  text-success" id="total-payer"></p>
                                        <p class="stat-value mb-0 fw-bold fs-4  text-success masq-montant"  style="display:none">*****</p>
                                        <p class="stat-label mb-0">TOTAL PAYÉ</p>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xl-4">
                                <div class="d-flex justify-content-between">

                                        <div>
                                            <p class="stat-value mb-0 fw-bold ms-2 fs-20 text-danger" id="total-reste-a-payer"></p>
                                            <p class="stat-value mb-0 fw-bold ms-2 fs-20 text-danger masq-montant"  style="display:none">*****</p>
                                            <p class="stat-label mb-0 ms-2">TOTAL RESTE A PAYER</p>
                                        </div>

                                        <i class="bi bi-eye text-success fs-30 mt-2" id="show-montant"  style="display: none"></i>
                                        <i class="bi bi-eye-slash text-success fs-30 mt-2" id="hide-montant"></i>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>

        </div>

    <!-- Start::row-1 -->
    <div class="card card-border">
        <div class="card-body">

             <div class="row mb-2 w-100">

                <div class="col-xl-2">
                     <div class="lib">Periode :</div>
                    <input type="text" class="form-control" name="daterange" id="periode_tri" />
                </div>

                <div class="col-xl-2">
                     <div class="lib">Clients :</div>
                        <select class="form-select" id="client_tri" name="client_tri">

                        </select>
                </div>

                <div class="col-xl-2">
                     <div class="lib">Statut :</div>
                    <select class="form-select" id="statut_tri" name="statut_tri">
                        <option value="1">ATTENTE</option>
                        <option value="2">VALIDE</option>
                    </select>
                </div>

                <div class="col-xl-2">
                    <button class="btn btn-primary mt-4 btn-filter" id="btn-filtre">
                      <i class="bi bi-search"></i>
                    </button>
                </div>

                <div class="col-xl-4">
                    <div class="text-end mt-4">
                        <p class="badge bg-success text-end fw-bold fs-15" id="totalReglement"></p>
                    </div>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table table-striped table-hover" id="venteTable">
                    <thead>

                        <th >#</th>
                        <th style="text-align: center">Date</th>
                        <th style="text-align: center">Numéro vente</th>
                        <th style="text-align: center">Client</th>
                         <th style="text-align: center">Lot</th>
                         <th class="text-center">Statut</th>
                        <th class="text-center">Net à payer</th>
                        <th class="text-center">Prix de vente</th>
                        <th class="text-center">Remise</th>
                        <th class="text-center">Total payé</th>
                        <th class="text-center">Reste à payer</th>
                        <th style="text-align: center">Email</th>
                        <th style="text-align: center">Téléphone</th>
                        <th class="text-center">Reservé</th>
                    </thead>
                </table>
            </div>
        </div>
    </div>
    <!--End::row-1 -->


    <!-- Modal -->
    <div class="modal fade" id="venteModal" tabindex="-1" aria-labelledby="venteModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="venteModalLabel_">Nouvelle vente</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="vente_form">
                        @csrf
                        <input type="hidden" id="id_hidden_vente" name="id_hidden_vente" value="0" />
                        <div class="row">

                            <div class="col-xl-12 mb-1">
                                <div class="lib">Client* :</div>
                                <select class="form-select" id="client" name="id_client">
                                </select>
                            </div>

                            <div class="col-xl-12  mb-1">
                                <div class="lib">Lot* :</div>
                                <select class="form-select" id="numLot" name="id_lot">
                                </select>
                            </div>

                            <div class="col-xl-12  mb-1">
                                <div class="lib">Date* :</div>
                                <input type="date" class="form-control" name="date_vente" id="date_vente" />
                            </div>

                             <div class="col-xl-12  mb-1">
                                <div class="lib">Superficie* :</div>
                                <input type="text" class="form-control" name="superficie_lot" id="superficie_lot" placeholder="Superficie"  readonly/>
                            </div>

                            <div class="col-xl-12 mb-1">
                                <div class="lib">Prix de vente* :</div>
                                <input type="number" class="form-control" name="prix_vente_lot" id="prix_vente_lot" placeholder="Prix de vente"  readonly/>
                            </div>

                            <div class="col-xl-4 mb-1">
                                <div class="lib">TauxR(%) :</div>
                                <input type="number" class="form-control" name="remise_vente_lot" id="remise_vente_lot" placeholder="Remise sur la vente" />
                            </div>

                            <div class="col-xl-4 mb-1">
                                <div class="lib">Remise :</div>
                                <input type="number" class="form-control" name="diff_remise_vente_lot" id="diff_remise_vente_lot" placeholder="Remise sur la vente" />
                            </div>

                            <div class="col-xl-4 mb-1">
                                <div class="lib">Montant remise :</div>
                                <input type="number" class="form-control" name="Montant_remise_vente_lot" id="Montant_remise_vente_lot" placeholder="Remise sur la vente" />
                            </div>


                            <div class="col-xl-6 mb-1">
                                <div class="lib">Longitude lot* :</div>
                                <input type="text" class="form-control" name="longitude_lot" id="longitude_lot" placeholder="Longitude lot" readonly />
                            </div>

                            <div class="col-xl-6 mb-1">
                                <div class="lib">Latitude lot* :</div>
                                <input type="text" class="form-control" name="latitude_lot" id="latitude_lot" placeholder="Latitude lot" readonly />
                            </div>

                            <div class="col-xl-12 mb-1">
                                <div class="lib">Satut :</div>
                                <select id="statut_vente" name="statut_vente" class="form-select">
                                    <option selected value="1">EN ATTENTE</option>
                                    <option disabled value="2">VALIDER</option>

                                </select>
                            </div>

                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Fermer</button>
                    <button type="button" class="btn btn-primary" id="save_vente">Enregistrer</button>
                </div>
            </div>
        </div>
    </div>

      <!-- Modal -->
    <div class="modal fade" id="reglementLigneModal" tabindex="-1" aria-labelledby="reglementLigneModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="reglementLigneModalLabel"></h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">

                    <div class="mb-3" style="width: 100%;padding:15px;background:#F7F7F7;border-radius:5px">
                        <div class="row g-2">
                            <div class="col-xl-3">
                                <p>Client : <span class="fw-bold" id="client_r"></span> </p>
                            </div>

                            <div class="col-xl-3">
                                <p>Numéro vente : <span class="fw-bold" id="num_vente_r"></span></p>
                            </div>


                            <div class="col-xl-3">
                                <p>Net à payer : <span class="fw-bold" id="net_r"></span></p>
                            </div>

                            <div class="col-xl-3">
                                <p>Reste à payer : <span class="fw-bold text-danger" id="reste_r"></span></p>
                            </div>
                        </div>
                    </div>
                    <form id="reglementLigne_form">
                        @csrf
                        <input type="hidden" id="id_vente" name="id_vente"/>
                        <input type="hidden" id="client_id_hidden" name="client_id_hidden"/>

                        <div class="row g-2">

                            <div class="col-xl-4 mb-1">
                                <div class="lib">Règlement* :</div>
                                <select class="form-select" id="reglement-client" name="reglement-client">
                                </select>
                            </div>

                            <div class="col-xl-4 mb-1">
                                <div class="lib">Solde* :</div>
                               <input type="number" class="form-control" name="solde" id="solde" readonly />
                            </div>

                            <div class="col-xl-3 mb-1">
                                <div class="lib">Montant* :</div>
                               <input type="number" class="form-control" name="montant_regle" id="montant_regle"  />
                            </div>

                             <div class="col-xl-1 mb-1">
                                <button type="button" class="btn btn-primary" id="add_reglement_client_lot" style="margin-top:18px;height:37px; width:100%;">
                                        <i class="bi bi-plus-circle btn-icon-size"></i>
                                </button>
                            </div>
                        </div>
                    </form>

                    <div class="table-responsive">

                        <table class="table table-striped table-hover" id="tableListeReglementLot">
                            <thead>
                                <th style="text-align:lefte">#</th>
                                 <th>Date</th>
                                <th>N° règlement</th>
                                <th>Mode paiement</th>
                                <th>Montant réglé</th>
                                <th>Opérateur</th>
                            </thead>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Fermer</button>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('script')

<script>
    $(document).ready(function() {

        recuperation_vente()
        remplirSelect2('{{ route("client.get") }}', null, '#client', 'id_client', 'nom_client', '#venteModal', 'SELECTIONNEZ UN CLIENT')
        remplirSelect2('{{ route("lot_disponible.get") }}', null, '#numLot', 'id_lot', 'numero_lot', '#venteModal', 'SELECTIONNEZ UN LOT')
         remplirSelect2('{{ route("client.get") }}', null, '#client_tri', 'id_client', 'nom_client', null, 'TOUS')

        $('#numLot').on('change',function(){
            var id_lot = $(this).val()
            useAjaxPromise('GET',"{{ route('lot.get') }}",{idlot :id_lot })
             .then(resp => {
                $('#superficie_lot').val(resp.data[0].superficie)
                $('#prix_vente_lot').val(resp.data[0].prix_vente_lot)
                $('#longitude_lot').val(resp.data[0].longitude_lot)
                $('#latitude_lot').val(resp.data[0].latitude_lot)
            })
            .catch(err => {
                console.error("Erreur :", err);
            });
        })

        $('#new_vente').on('click',function(){
            $('#vente_form')[0].reset()
            $('#id_hidden_vente').val(0)
            remplirSelect2('{{ route("lot_disponible.get") }}', null, '#numLot', 'id_lot', 'numero_lot', '#venteModal', 'SELECTIONNEZ UN LOT')
            $('#venteModalLabel_').text('Nouvelle vente')
        })

        $('#vente_form').on('submit', function(e) {

            e.preventDefault();

            $.ajax({
                type: "POST"
                , url: "{{ route('vente.store') }}"
                , data: new FormData(this)
                , dataType: "JSON"
                , contentType: false
                , processData: false,
                beforeSend:function(){
                    if($('#client').val().length == 0){
                         notify_error('Veuillez choisir un client svp !')
                        return false
                   }

                   if($('#numLot').val().length == 0){
                         notify_error('Veuillez choisir un lot svp !')
                        return false
                   }

                   if($('#date_vente').val().length == 0){
                         notify_error('Veuillez choisir une date svp !')
                        return false
                   }
                },
                 success: function(resp) {

                    notif('success', 'Succès', resp.msg)
                    recuperation_vente()
                    $('#venteModal').modal('hide')
                    remplirSelect2('{{ route("lot_disponible.get") }}', null, '#numLot', 'id_lot', 'numero_lot', '#venteModal', 'SELECTIONNEZ UN LOT')
                }
                , error: function(error) {
                    //error
                }
            });
        })

        $('#save_vente').on('click', function() {
            $('#vente_form').submit()
        })

        $(document).on('click','#modification_ligne',function(){
            var id_vente = $(this).data('id');
           
            useAjaxPromise('GET',"{{ route('vente.get') }}",{id_vente :id_vente })
             .then(resp => {
                console.log(resp.data[0])
                $('#client').val(resp.data[0].id_client).trigger('change')
                $('#numLot').val(resp.data[0].id_lot).trigger('change')
                $('#remise_vente_lot').val(resp.data[0].remise_vente)
                $('#date_vente').val(resp.data[0].date_vente)
                $('#id_hidden_vente').val(resp.data[0].id_vente)
                $('#statut_vente').val(resp.data[0].statut_vente)
                activerOptions()
                 $('#venteModalLabel_').text('Modification vente N° : '+resp.data[0].numero_vente)
                $('#venteModal').modal('show')
            })
            .catch(err => {
                console.error("Erreur :", err);
            });

        })

        $(document).on('click','#suppression_ligne',function(){
             var id_vente = $(this).data('id');
              sweet_alert(callback = function() {
                useAjaxPromise('DELETE',"{{ route('vente.delete') }}",{id_vente :id_vente,_token:'{{ csrf_token() }}' })
                .then(resp => {
                    notif('success', 'Succès', resp.msg);
                  recuperation_vente()
                })
                .catch(err => {
                    console.error("Erreur :", err);
                });
            })
        })

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

            var client = $(this).data('client')
            var numVente = $(this).data('num')
            var net = $(this).data('net')
            var reste = $(this).data('reste')
            var id_client = $(this).data('client_id')
            var id_vente = $(this).data('vente_id')

            $('#client_id_hidden').val(id_client)

            $('#id_vente').val(id_vente)
            $('#client_r').text(client)
            $('#num_vente_r').text(numVente)
            $('#net_r').text(net)
            $('#reste_r').text(formatNumber(reste))

            remplirSelect2('{{ route("reglement_vente.get") }}', {id_client: id_client}, '#reglement-client', 'id_reglement_client', 'numero_reglement', '#reglementLigneModal', 'SELECTIONNEZ UN REGLEMENT')
            recuperation_reglement_ligne(id_vente)

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

        $('#reglement-client').on('change',function(){
            var val = $(this).val()
            useAjaxPromise('GET',"{{ route('reglement_client_solde.get') }}",{id_reglement :val })
            .then(resp => {
               $('#solde').val(resp.data)
            })
            .catch(err => {
                console.error("Erreur :", err);
            });
        })

        $('#add_reglement_client_lot').on('click',function(){

             $.ajax({
                type: "POST",
                url: "{{ route('reglement_ligne.store') }}",
                data: {
                    montant_regle: $('#montant_regle').val(),
                    id_vente: $('#id_vente').val(),
                    id_reglement: $('#reglement-client').val(),
                    _token : "{{ csrf_token() }}"
                },
                dataType: "JSON",
                beforeSend:function(){

                    var reste = $('#reste_r').text();

                    if(reste == 0){
                        notif('warning','Attention','Aucun règlement à éffectuer sur cette vente');
                        return false;
                    }
                    

                    if(parseInt($('#solde').val()) < parseInt($('#montant_regle').val())){
                        notify_error('Le montant rentré est supérieur au solde disponible')
                        return false
                    }

                    if($('#montant_regle').val().length == 0){
                        notify_error('Champ obligatoire')
                        $('#montant_regle').focus()
                        return false
                    }

                    if($('#reglement-client').val().length == 0){
                        notify_error('Veuillez choisir un règlement')
                        return false
                    }
                },
                success: function (resp) {
                    var net_a_payer = resp.data[0].prix_vente - (resp.data[0].prix_vente *  resp.data[0].remise_vente)/100;
                    var reste_a_payer = net_a_payer -resp.data[0].montant_regle;
                    $('#net_r').text(formatNumber(net_a_payer))
                    $('#reste_r').text(formatNumber(reste_a_payer))
                    recuperation_reglement_ligne($('#id_vente').val())
                    remplirSelect2('{{ route("reglement_vente.get") }}', {id_client: $('#client_id_hidden').val()}, '#reglement-client', 'id_reglement_client', 'numero_reglement', '#reglementLigneModal', 'SELECTIONNEZ UN REGLEMENT')
                },
                error:function(error){
                    //error
                }
             });
        })

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

            var id_reglement_ligne = $(this).data('id');
              sweet_alert(callback = function() {
                useAjaxPromise('DELETE',"{{ route('reglement_ligne.delete') }}",{
                    id_reglement_ligne :id_reglement_ligne,
                     id_vente: $('#id_vente').val(),
                    _token:'{{ csrf_token() }}' })
                .then(resp => {
                    notif('success', 'Succès', resp.msg);
                    var net_a_payer = resp.data[0].prix_vente - (resp.data[0].prix_vente *  resp.data[0].remise_vente)/100;
                    var reste_a_payer = net_a_payer -resp.data[0].montant_regle;
                    $('#net_r').text(net_a_payer)
                    $('#reste_r').text(reste_a_payer)
                  recuperation_reglement_ligne($('#id_vente').val())
                })
                .catch(err => {
                    console.error("Erreur :", err);
                });
            })
        })

        $('#btn-filtre').on('click',function(){
            var date = dissocier_date($('#periode_tri').val())
           var debut = date[0]
           var fin = date[1]
            recuperation_vente(null,debut,fin,$('#client_tri').val(),$('#statut_tri').val())
        })

        $('#hide-montant').on('click',function(){

            $('#show-montant').css('display','flex')
            $('#hide-montant').css('display','none')

            $('.masq-montant').css('display','block')

            $('#total-net-a-paye').css('display','none')
            $('#total-payer').css('display','none')
            $('#total-reste-a-payer').css('display','none')
        })

        $('#show-montant').on('click',function(){

            $('#show-montant').css('display','none')
            $('#hide-montant').css('display','flex')

            $('.masq-montant').css('display','none')
            $('#total-net-a-paye').css('display','flex')
            $('#total-payer').css('display','flex')
            $('#total-reste-a-payer').css('display','flex')
        })

        // On stocke le prix d'origine au chargement ou au focus
        // $('#remise_vente_lot').on('focus', function() {
        //     $(this).data('prix-fixe', $('#prix_vente_lot').val());
        // });

        $('#remise_vente_lot').on('input', function() {
            //paul
            var prix_initial = parseFloat($('#prix_vente_lot').val()) || 0;
            var remise = parseFloat($(this).val()) || 0;
            var diff_remise_vente_lot = (prix_initial * remise) / 100;

            $('#diff_remise_vente_lot').val(diff_remise_vente_lot);

            var net_a_payer = prix_initial - (prix_initial * remise / 100);
            $('#Montant_remise_vente_lot').val(net_a_payer);

            // $('#prix_vente_lot').val(net_a_payer);
        });


        $(document).on('click','#imprimerFactureVente',function(){
            var id_vente = $(this).data('id');
            generation_pdf_sans_telechargement_base64("{{ route('vente.facture') }}", {id_vente:id_vente})
        })
    })


    function recuperation_vente($id,$date_deb,$date_fin,$client,$statut){

        $.ajax({
            type: "GET",
            url: "{{ route('vente.get') }}",
            data: {id:$id,
                   date_deb:$date_deb,
                   date_fin:$date_fin,
                   client:$client,
                   statut:$statut
            },
            dataType: "json",
            beforeSend:fetchLoader("Chargement des données..."),
            success: function (resp) {
                var table = $('#venteTable').DataTable();
                table.clear();
                totalAttente = 0;
                totalValide = 0;
                var total_net_paye = 0;
                var total_payer = 0;
                var total_reste_payer = 0;

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

                    var statut = '';
                        if(value.statut_vente == 1){
                            totalAttente++;
                            statut = ' <span class="badge bg-warning" style="width:120px">EN ATTENTE</span>'
                            textSupp = 'suppression_ligne'
                            modif_ligne = 'modification_ligne'
                        }else{
                            totalValide++;
                            statut = ' <span class="badge bg-success" style="width:120px">VALIDER</span>';
                            textSupp = 'disabled'
                             modif_ligne = 'disabled'
                        }

                        var net_a_payer = parseInt(value.prix_vente) - (parseInt(value.prix_vente) *  parseInt(value.remise_vente))/100;
                        var reste_a_payer = net_a_payer - parseInt(value.montant_regle);

                        total_net_paye    += net_a_payer;
                        total_payer       += parseInt(value.montant_regle);
                        total_reste_payer += reste_a_payer;

                        console.log('Reste à payer : ',value.montant_regle);
                    table.row.add([
                        `<div class="d-flex">
                         ${ renderActions(value.id_vente,null,modif_ligne,textSupp)}
                             <button class="btn btn-icon btn-outline-info rounded-pill btn-wave btn-action me-2"
                                    data-id="" data-client="${value.nom_client+' '+value.prenom_client}"
                                    data-num="${value.numero_vente}" 
                                    data-net="${formatNumber(parseInt(value.prix_vente) - (parseInt(value.prix_vente) *  parseInt(value.remise_vente))/100)}"
                                    data-client_id="${value.id_client}"
                                    data-vente_id="${value.id_vente}"
                                    data-reste="${reste_a_payer}"
                                    id="utiliserReglement" title="Règlement">
                                <i class="bi bi-wallet2 icon-action"></i>
                            </button>


                            <button title="Imprimer facture" class="btn btn-icon btn-outline-warning me-2 rounded-pill btn-wave btn-action"
                                    data-id="${value.id_vente}" 
                                    id="imprimerFactureVente">
                                <i class="bi bi-printer icon-action"></i>
                            </button>
                        </div>`,
                        formatDate(value.date_vente),
                        value.numero_vente,
                        value.nom_client+' '+value.prenom_client,
                        value.numero_lot,
                        statut,
                        formatNumber(value.prix_vente - (value.prix_vente *  value.remise_vente)/100),
                        formatNumber(value.prix_vente),
                        value.remise_vente+' %',
                        formatNumber(value.montant_regle),
                        formatNumber(net_a_payer - value.montant_regle),
                        value.email_client,
                        value.telephone_client,
                        value.numero_reservation,
                    ])
                })
                table.draw();

                $('#stat-attente').text(totalAttente)
                $('#stat-valide').text(totalValide)

                $('#total-net-a-paye').text(formatNumber(total_net_paye))
                $('#total-payer').text(formatNumber(total_payer))
                $('#total-reste-a-payer').text(formatNumber(total_reste_payer))
                removeLoader()
            },
            error:function(error){
                removeLoader()
                //error
            }
        });
    }

    function activerOptions() {
        const select = document.getElementById('statut_vente');
        for (let i = 1; i < select.options.length; i++) {
            select.options[i].disabled = false;
        }
    }

    function recuperation_reglement_ligne($id){

        $.ajax({
            type: "GET",
            url: "{{ route('reglement_ligne.get') }}",
            data: {id:$id},
            dataType: "JSON",
            success: function (resp) {
                var table = $('#tableListeReglementLot').DataTable();
                table.clear();
                $.each(resp.data,function(key,value){

                    table.row.add([
                        `<button class="btn btn-icon btn-outline-danger rounded-pill btn-wave btn-action  me-2"
                                data-id="${value.id_reglement_ligne }"
                                id="supprimerLigneReglement">
                            <i class="bi bi-trash icon-action"></i>
                        </button>`,
                        formatDate(value.created_at),
                        value.numero_reglement,
                        value.libelle_mode_paiement,
                        formatNumber(value.montant_regle),
                        value.name+' '+value.prenom
                    ])
                })

                table.draw()
            },
            error:function(error){
                //error
            }
        });
    }

</script>
@endsection