@extends('models')

@section('titre-page', 'Fond de caisse')
@section('content-body')
    

    @php

        $listeMonnaie = listeTauxMonnaie();

        $symbDeviseDeBase = $listeMonnaie -> where('MonnaieParDefaut', true) -> first() -> SymboleMonnaie ?? '';
    @endphp

    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-between mt-4 page-header-breadcrumb">
        <!-- Start:: row-7 -->
        <div class="col-xl-12 col-12">
            <div class="row mb-3">
                <div class="col-xl-5 col-lg-4 col-md-4 col-sm-12 mt-2 mb-md-2">
                    <nav>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item text-light"><a href="javascript:void(0);">Comptabilité</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Fond de caisse</li>
                        </ol>
                    </nav>
                </div>

                <div class="col-xl-7 col-lg-8 col-md-8 col-sm-12 mx-0">
                    <div class="row">
                        <div class="col-md-4">
                            @if (in_array('GC_EditionFondCaisse', session('LISTE_DROIT_ACCESS')))
                            <button type="button" class="btn btn-info-light btn-wave d-flex w-100 justify-content-center align-items-center" id="btnModalSaisieFondCaisse">
                                <i class="bx bx-plus-circle fs-16 me-1"></i>Nouveau fond caisse
                            </button>
                            @endif
                        </div>
                        <div class="col-md-4">
                            @if (in_array('GC_EditionFondCaisse', session('LISTE_DROIT_ACCESS')))
                            <button type="button" class="btn btn-teal-light btn-wave d-flex w-100 justify-content-center align-items-center" id="btnReconduireLesLignesSelect">
                                <i class="bx bx-refresh fs-16 me-1"></i>Reconduire fond
                            </button>
                            @endif
                        </div>
                        <div class="col-md-4">
                            @if (in_array('GC_ComptabiliserFondCaisse', session('LISTE_DROIT_ACCESS')))
                            <button type="button" class="btn btn-primary-light btn-wave d-flex w-100 justify-content-center align-items-center" id="btnComptabiliserLesLignesSelect">
                                <i class="bx bx-lock-open-alt fs-16 me-1"></i>Comptabiliser la sélection
                            </button>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header Close -->

    <!-- Start:: row-7 -->
    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="row px-4">
                        <div class="col-xl-6 col-lg-6 col-sm-6 col-6 d-flex align-items-center">
                            <div class="me-2">
                                <span class="avatar avatar-rounded bg-primary-transparent text-primary">
                                    <i class="bx bx-dice-3 fs-24"></i>
                                </span>
                            </div>
                            <div class="flex-fill d-flex">
                                <div class="">
                                    <p class="fs-18 mb-0 text-primary fw-semibold" id="libnbreLigne"></p>
                                    <span class="text-muted fs-12">Nbre</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-sm-6 col-6 d-flex align-items-center">
                            <div class="me-2">
                                <span class="avatar avatar-rounded bg-danger-transparent">
                                    <i class='bx bx-right-down-arrow-circle fs-24'></i>
                                </span>
                            </div>
                            <div class="flex-fill">
                                <p class="fs-18 mb-0 fw-semibold" id="libTotalVersement"></p>
                                <span class="text-muted fs-12">Total versement fond caisse</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End:: row-7 -->

    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-header pe-0">
                    <form id="formFiltre" class="w-100">
                        <div class="row w-100">
                            <div class="col-xl-2 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Site&nbsp;:</p>
                                <select name="IDAGENCE" id="selIDAGENCEFiltre" class="form-select">
                                    @if(session("filterMemory.AccesMultiSite"))
                                        <option value="0">TOUS</option>
                                    @endif
                                    @foreach(session('site') as $site)
                                        <option value="{{ $site -> IDAGENCE }}">{{ $site -> NomAgence }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Période&nbsp;:</p>
                                <input type="text" class="form-control text-center" name="filtrePeriode" id="filtrePeriode" />
                            </div>
                            <div class="col-xl-3 col-md-3 mb-2">
                                <p class="mb-0 text-muted">Facturier&nbsp;:</p>
                                <select name="IDPERSONNEL" id="selIDPERSONNEL"></select>
                            </div>
                            <div class="col-xl-1 col-md-1 mb-0 pt-1">
                                <button type="button" class="btn btn-primary btn-wave float-start mt-2" id="btnFiltreTable">
                                    <i class="ri-search-line" style="font-size:13px; cursor:pointer;"></i>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="tablehover table table-striped tablehover text-nowrap overflow-auto w-100" id="tableFondCaisse">
                            <thead class="table-header-primary">
                                <tr>
                                    <th data-column="action" data-orderable="false" data-class="text-center" class="text-center">
                                        <input class="form-check-input me-4" type="checkbox" id="checkSelectAll">Action
                                    </th>
                                    <th data-column="DateFondCaisseFormat" data-class="text-center" class="text-center">Date</th>
                                    <th data-column="NomPrenomPersonnel" class="text-center">Facturier</th>
                                    <th data-column="SymboleMonnaie" data-class="text-center" class="text-center">Devise</th>
                                    <th data-column="MontantFondCaisseDeviseFormat" data-class="text-end pe-2" class="text-center">Montant</th>
                                    <th data-column="montantDeviseAffichageFormat" data-class="text-end pe-2" class="text-center">Montant devise</th>
                                    <th data-column="NomAgence" class="text-center">Site</th>
                                    <th data-column="checkComptabilise" data-class="text-center" class="text-center">Comptabilsé</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End::app-content -->

    {{-- Section modal --}}

    <!-- Modal de saisie des versements -->
    <div class="modal fade" id="modalSaisieFondCaisse" tabindex="-1" data-bs-focus="false" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
            <div class="card flex-fill border border-primary custom-card modal-content pb-0">
                <div class="modal-header">
                    <h6 class="modal-title" id="titleModal">Nouveau versement de fond de caisse</h6>
                    <button type="button" class="btn-close bg-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pt-3">
                    <form id="formCOMPTA_FOND_CAISSE">
                        <input type="number" name="IDCOMPTA_FOND_CAISSE" id="inpIDCOMPTA_FOND_CAISSE" style="display: none">
                        <div class="row">
                            <div class="col-md-6 mb-2">
                                <p class="text-muted mb-0">Site :</p>
                                <select class="form-select" name="IDAGENCE" id="selIDAGENCEModalSaisieFondCaisse">
                                    @foreach(session('site') as $site)
                                        <option value="{{ $site -> IDAGENCE }}">{{ $site -> NomAgence }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6 mb-2">
                                <p class="text-muted mb-0">Date :</p>
                                <input type="date" class="form-control text-center" id="inpDateFondCaisseModalSaisieFondCaisse" name="DateFondCaisse" readonly>
                            </div>
                            <div class="col-md-12 mb-2">
                                <p class="text-muted mb-0">Opérateur :</p>
                                <select name="IDPERSONNEL" id="selIDPERSONNELModalSaisieFondCaisse"></select>
                            </div>
                            <div class="col-md-6 mb-2">
                                <p class="text-muted mb-0">Devise :</p>
                                <select name="IDMONNAIE" id="selIDMONNAIEModalSaisieFondCaisse" class="form-select">
                                    @foreach($listeMonnaie as $monnaie)
                                        <option value="{{ $monnaie -> IDMONNAIE }}" data-tauxmonnaie="{{ $monnaie -> TauxMonnaieInverse }}">{{ $monnaie -> SymboleMonnaie}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6 mb-2">
                                <p class="text-muted mb-0">Montant versé :</p>
                                <input type="text" class="form-control numberInput text-end" autocomplete="off"name="MontantFondCaisseDevise" id="inpMontantFondCaisseDevise">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-success" id="btnNewFondCaisse">
                        <i class="bx bx-check-circle fs-18 me-2"></i>Valider
                    </button>
                    <button class="btn btn-warning" id="btnEditFondCaisse">
                        <i class="bx bx-check-circle fs-18 me-2"></i>Modifier
                    </button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    {{-- Script executé au chargement de la page --}}
    <script>

        $('input[name="filtrePeriode"]').daterangepicker({
            "locale": {
                "format": "DD/MM/YYYY",
                "separator": " - ",
                "applyLabel": "Appliquer",
                "cancelLabel": "Annuler",
                "fromLabel": "From",
                "toLabel": "To",
                "customRangeLabel": "Custom",
                "weekLabel": "W",
                "daysOfWeek": [
                    "Dim",
                    "Lun",
                    "Mar",
                    "Mer",
                    "Jeu",
                    "Ven",
                    "Sam"
                ],
                "firstDay": 1
            },
            opens: 'center',
            startDate: '{{ date('d/m/Y') }}',
            endDate: '{{ date('d/m/Y') }}'
        });

        var tableFondCaisse

        function listeTableFondCaisse(){

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

            return new Promise(function(resolve, reject) {

                $.ajax({

                    url: "{{ route('listeTableFondCaisse') }}",
                    type: 'POST',
                    data : {
                        IDAGENCE : IDAGENCE,
                        dateDebut : Periode[0],
                        dateFin : Periode[1],
                        IDPERSONNEL : _('selIDPERSONNEL').value == '' ? 0 : _('selIDPERSONNEL').value,
                        _token : '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    beforeSend: progressHandler(),
                    success: function(response) {

                        if (response.success != 1) {

                            notifError(response.msg)
                        }

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

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

                        completeHandler()
                    }
                })
            })
        }

        function chargerTableFondCaisse(){

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

                    let data = []

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

                    tableFondCaisse = remplissageDataTable({
                                                    IdentifiantDuTableau: '#tableFondCaisse',
                                                    obj: data,
                                                    scrollY: '600',
                                                    lengthChange : false
                                                });

                    @if (!in_array('GC_EditionFondCaisse', session('LISTE_DROIT_ACCESS')))
                        
                        document.querySelectorAll('.editFondCaisse').forEach( element => {                            
                            
                            element.setAttribute('disabled', 'disabled')
                            $(element).removeAttr('id')
                        })

                        document.querySelectorAll('.suppFondCaisse').forEach( element => {                            
                            
                            element.setAttribute('disabled', 'disabled')
                            $(element).removeAttr('id')
                        })
                    @endif

                    _('libnbreLigne').innerHTML = formatNumberPerf(data.length)
                    _('libTotalVersement').innerHTML = formatNumberPerf(calculerSommeColonne(tableFondCaisse, 'montantDeviseAffichageFormat'))
                })
                .catch(() => {

                    tableFondCaisse = remplissageDataTable({
                                                    IdentifiantDuTableau: '#tableFondCaisse',
                                                    obj: [],
                                                    scrollY: '600',
                                                    lengthChange : false
                                                });

                    _('libnbreLigne').innerHTML = '0'
                    _('libTotalVersement').innerHTML = '0'
                })
        }

        chargerTableFondCaisse()

        function listePersonnelSimple(){

            return new Promise(function(resolve, reject) {

                $.ajax({

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

                        if (response.success != 1) {

                            notifError(response.msg)
                        }

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

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

                        completeHandler()
                    }
                })
            })
        }

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

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

                    data.unshift({
                        IDPERSONNEL : 0,
                        NomPrenomPersonnel : 'TOUS'
                    })

                    populateSelect('#selIDPERSONNEL', {
                        data : data,
                        valueKey : 'IDPERSONNEL',
                        textKey : 'NomPrenomPersonnel'
                    })

                    data[0].NomPrenomPersonnel = ''

                    populateSelect('#selIDPERSONNELModalSaisieFondCaisse', {
                        data : data,
                        valueKey : 'IDPERSONNEL',
                        textKey : 'NomPrenomPersonnel'
                    })

                    $('#selIDPERSONNELModalSaisieFondCaisse').select2({
                        dropdownParent : $('#modalSaisieFondCaisse')
                    })

                    $('#selIDPERSONNEL').select2()
                }
            })

        function listeLigneSelectionne() {

            let data = []

            let lignes = tableFondCaisse.rows().nodes()

            $.each($(lignes).find('.checkSelectLigne'), function(key, value) {

                if (value.checked == true) {
                    data.push(value.getAttribute('data-id'))
                }
            })
            return data
        }

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

            let value = this.checked

            let lignes = tableFondCaisse.rows().nodes()

            $(lignes).find('.checkSelectLigne').prop('checked', value)
        })

        $(document).on('click', '.checkSelectLigne', function() {

            if (_('checkSelectAll').checked == true) {
                _('checkSelectAll').checked = false
            }
        })

    </script>

    <!-- Script actualisation du tableau -->
    <script>

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

            chargerTableFondCaisse()
        })
    </script>

    <!-- Script de saisie de fond caisse -->
    <script>

        function initialiserForm(){

            _('inpIDCOMPTA_FOND_CAISSE').value = 0
            
            $('#selIDAGENCEModalSaisieFondCaisse').val(_('idSiteEnCours').value).trigger('change')
            $('#selIDPERSONNELModalSaisieFondCaisse').val(0).trigger('change')
            $('#selIDMONNAIEModalSaisieFondCaisse').val(0).trigger('change')
            $('#inpMontantFondCaisse').val(0).trigger('change')

            _('btnNewFondCaisse').style.display = ''
            _('btnEditFondCaisse').style.display = 'none'
        }

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

            initialiserForm()
            _('inpDateFondCaisseModalSaisieFondCaisse').value = "{{ date('Y-m-d') }}"
            $('#modalSaisieFondCaisse').modal('show')
        })

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

            e.preventDefault()
        })

        function newEditFondCaisse(){

            let dataTauxMonnaie = $('#selIDMONNAIEModalSaisieFondCaisse').find('option:selected').attr('data-tauxmonnaie') ?? 0

            if (dataTauxMonnaie == 0) {
                
                notif('danger', 'Erreur', 'Le taux de la devise sélectionnée est égale à 0')
                return 0
            }

            let formCOMPTA_FOND_CAISSE = new FormData(_('formCOMPTA_FOND_CAISSE'))
            formCOMPTA_FOND_CAISSE.append('_token', '{{ csrf_token() }}')
            formCOMPTA_FOND_CAISSE.append('MontantFondCaisseDevise', chaineEnNumerique(_('inpMontantFondCaisseDevise').value))
            // formCOMPTA_FOND_CAISSE.append('tauxDevise', $('#selIDMONNAIEModalSaisieFondCaisse').find('option:selected').attr('data-tauxmonnaie'))

            return new Promise(function(resolve, reject) {

                $.ajax({

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

        _('btnNewFondCaisse').addEventListener('click', function(e){

            if (_('inpDateFondCaisseModalSaisieFondCaisse').value == null || _('inpDateFondCaisseModalSaisieFondCaisse').value == '') {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner une date valide')
                return 0
            }

            if (_('selIDPERSONNELModalSaisieFondCaisse').value == 0) {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner l\'opérateur.')
                return 0
            }

            if(_('inpMontantFondCaisseDevise').value.replace(/\s/g, '') == '' || _('inpMontantFondCaisseDevise').value.replace(/\s/g, '') == 0){

                notif('danger', 'Erreur', 'Veuillez saisir un montant valide')
                return 0
            } 

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

                    if (response.success == 1) {
                        
                        $('#modalSaisieFondCaisse').modal('hide')
                        chargerTableFondCaisse()
                        notif('success', 'Succès', 'Opération éffectuée avec succès')
                    }
                })
        })
    </script>

    <!-- Script de modification de fond caisse -->
    <script>

        function infoFondCaisse(IDCOMPTA_FOND_CAISSE){

            return new Promise(function(resolve, reject) {

                $.ajax({

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

                        if (response.success != 1) {

                            notifError(response.msg)
                        }

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

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

                        completeHandler()
                    }
                })
            })
        }

        $('#tableFondCaisse').on('click', '#editFondCaisse', function(e){

            e.preventDefault()
            let IDCOMPTA_FOND_CAISSE = $(this).data('id')
            
            infoFondCaisse(IDCOMPTA_FOND_CAISSE)
                .then(async (response) => {

                    if (response.success == 1) {

                        let fondCaisse = response.info

                        if (fondCaisse == null) {
                            
                            notif('danger', 'Erreur', 'Aucun fond caisse trouvé.')
                            return 0
                        }

                        if (fondCaisse.FDComptabilise == true) {
                            
                            notif('danger', 'Erreur', 'Ce fond de caisse est déjà comptabilisé.')
                            return 0
                        }
                        
                        $('#inpIDCOMPTA_FOND_CAISSE').val(fondCaisse.IDCOMPTA_FOND_CAISSE)
                        await $('#selIDAGENCEModalSaisieFondCaisse').val(fondCaisse.IDAGENCE).trigger('change')
                        await $('#inpDateFondCaisseModalSaisieFondCaisse').val(fondCaisse.DateFondCaisse).trigger('change')
                        await $('#selIDPERSONNELModalSaisieFondCaisse').val(fondCaisse.IDPERSONNEL).trigger('change')
                        await $('#selIDMONNAIEModalSaisieFondCaisse').val(fondCaisse.IDMONNAIE).trigger('change')
                        $('#inpMontantFondCaisseDevise').val(formatNumberPerf(fondCaisse.MontantFondCaisseDevise)).trigger('input')

                        _('btnNewFondCaisse').style.display = 'none'
                        _('btnEditFondCaisse').style.display = ''

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

        _('btnEditFondCaisse').addEventListener('click', function(e){

            if (_('inpDateFondCaisseModalSaisieFondCaisse').value == null || _('inpDateFondCaisseModalSaisieFondCaisse').value == '') {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner une date valide')
                return 0
            }

            if (_('selIDPERSONNELModalSaisieFondCaisse').value == 0) {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner l\'opérateur.')
                return 0
            }

            if(_('inpMontantFondCaisseDevise').value.replace(/\s/g, '') == '' || _('inpMontantFondCaisseDevise').value.replace(/\s/g, '') == 0){

                notif('danger', 'Erreur', 'Veuillez saisir un montant valide')
                return 0
            } 

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

                    if (response.success == 1) {
                        
                        $('#modalSaisieFondCaisse').modal('hide')
                        chargerTableFondCaisse()
                        notif('success', 'Succès', 'Opération écctuée avec succès')
                    }
                })
        })
    </script>

    <!-- Script de suppression de fond caisse -->
    <script>

        $('#tableFondCaisse').on('click', '#suppVersement', function(e){

            e.preventDefault()
            let IDCOMPTA_FOND_CAISSE = $(this).data('id')

            Swal.fire({

                title : 'Attention !',
                text: 'Êtes-vous sûrs De vouloir supprimer ce versement ?',
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {

                if (result.isConfirmed) {

                    $.ajax({

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

                            if (response.success != 1) {

                                notifError(response.msg)
                            }else{

                                chargerTableFondCaisse()
                                notif('success', 'Succès', 'Opération écctuée avec succès')
                            }

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

                            notifError('Échec de l\'opération.')
                            completeHandler()
                        }
                    })
                }
            })
        })
    </script>

    <!-- Script comptabiliser les lignes sélectionnées -->
    <script>

        function comptabiliserLignesSelectionne(){

            let data = listeLigneSelectionne()

            if (data.length <= 0) {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner les lignes à comptabiliser.')
                return 0
            }

            $.ajax({

                url: "{{ route('comptabiliserLignesSelectionne') }}",
                type: 'POST',
                data: {
                    data : data,
                    _token : '{{ csrf_token() }}'
                },
                dataType: 'json',
                beforeSend: progressHandler(),
                success: function(response) {

                    if (response.success != 1) {

                        notif('danger', 'Erreur', response.msg)
                    }else{
                    
                        notif('success', 'Succès', 'Opération éffectuée avec succès.')
                        chargerTableFondCaisse()
                    }

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

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

                    completeHandler()
                }
            })
        }

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

            confirmMdp('{{ csrf_token() }}', comptabiliserLignesSelectionne, null)
                .then((response) => {

                    if (response.success == 1) {
                        
                        notif('success', 'Succès', 'Opération éffectuée avec succès.')
                        chargerTableFondCaisse()
                    }
                })

        })
    </script>

    <!-- Script reconduire les lignes sélectionnées -->
    <script>

        function reconduireLignesSelectionne(){

            let data = listeLigneSelectionne()

            if (data.length <= 0) {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner les lignes à reconduire.')
                return 0
            }

            // return new Promise(function(resolve, reject) {

                $.ajax({

                    url: "{{ route('reconduireLignesSelectionne') }}",
                    type: 'POST',
                    data: {
                        data : data,
                        _token : '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    beforeSend: progressHandler(),
                    success: function(response) {

                        if (response.success != 1) {

                            notif('danger', 'Erreur', response.msg)
                        }else{
                        
                            notif('success', 'Succès', 'Opération éffectuée avec succès.')
                            chargerTableFondCaisse()
                        }

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

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

                        completeHandler()
                    }
                })
            // })
        }

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

            reconduireLignesSelectionne()

            // confirmMdp('{{ csrf_token() }}', reconduireLignesSelectionne, null)
                // .then((response) => {

                //     if (response.success == 1) {
                        
                //         notif('success', 'Succès', 'Opération éffectuée avec succès.')
                //         chargerTableFondCaisse()
                //     }
                // })

        })
    </script>

    <!-- Script de suppression de fond de caisse -->
    <script>

        $('#tableFondCaisse').on('click', '#suppFondCaisse', function(e){

            e.preventDefault()
            let IDCOMPTA_FOND_CAISSE = $(this).data('id')

            Swal.fire({

                title : 'Attention !',
                text: 'Êtes-vous sûrs De vouloir supprimer ce fond de caisse ?',
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {

                if (result.isConfirmed) {

                    $.ajax({

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

                            if (response.success != 1) {

                                notifError(response.msg)
                            }else{

                                chargerTableFondCaisse()
                                notif('success', 'Succès', 'Opération écctuée avec succès')
                            }

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

                            notifError('Échec de l\'opération.')
                            completeHandler()
                        }
                    })
                }
            })
        })
    </script>

@endsection