@extends('models')

@section('content-body')
    
@section('titre-page', 'Valorisation de stock')

    @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-9 col-lg-9 col-md-8 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);">Stock</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Valorisation de stock</li>
                        </ol>
                    </nav>
                </div>

                <!-- <div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 mx-0">
                    <div class="row">
                        <div class="col-md-12">
                            <button type="button" class="btn btn-info-light btn-wave d-flex w-100 justify-content-center align-items-center" id="btnModalNewValorisationStock">
                                <i class="bx bx-plus-circle fs-16 me-1"></i>Nouvelle valorisation
                            </button>
                        </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</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">
                                    <option value="0">TOUS</option>
                                    @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-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="tableCOMPTA_VALEUR_STOCK">
                            <thead class="table-header-primary">
                                <tr>
                                    <th data-column="action" data-class="text-center" class="text-center" data-orderable="false">
                                        #
                                    </th>
                                    <th data-column="NomAgence" data-class="text-center" class="text-center">Site</th>
                                    <th data-column="ComptaNumeroValeurStock" data-class="text-center" class="text-center">Numero</th>
                                    <th data-column="ComptaDateDepartValeurStockFormat" data-class="text-center" class="text-center">Date Depart</th>
                                    <th data-column="DateStatJournalierFormat" data-class="text-center" class="text-center">Date valeur stock</th>
                                    <th data-column="ComptaValeurStockDepartFormat" data-class="text-end pe-2" class="text-center">Valeur stock depart</th>
                                    <th data-column="ValeurJournalierStockAchatFormat" data-class="text-end pe-2" class="text-center">Valeur stock</th>
                                    <th data-column="ComptaVariationValeurStockFormat" data-class="text-end pe-2" class="text-center">Valeur variation stock</th>
                                    <!-- <th data-column="SymboleMonnaie" data-class="text-center" class="text-center">Devise</th> -->
                                    <!-- <th data-column="ValeurStockDepartDeviseFormat" data-class="text-end pe-2" class="text-center">Valeur stock depart devise</th> -->
                                    <!-- <th data-column="ValeurStockDeviseFormat" data-class="text-end pe-2" class="text-center">Valeur stock devise</th> -->
                                    <!-- <th data-column="ValeurVariationStockDeviseFormat" data-class="text-end pe-2" class="text-center">Valeur variation stock devise</th> -->
                                    <th data-column="checkDocComptabilise" data-class="text-center" class="text-center">Comptabilisé</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End::app-content -->

@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 tableCOMPTA_VALEUR_STOCK

        function listetableCOMPTA_VALEUR_STOCK(){

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

            return new Promise(function(resolve, reject) {

                $.ajax({

                    url: "{{ route('listetableCOMPTA_VALEUR_STOCK') }}",
                    type: 'POST',
                    data : {
                        IDAGENCE : IDAGENCE,
                        dateDebut : Periode[0],
                        dateFin : Periode[1],
                        _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 chargertableCOMPTA_VALEUR_STOCK(){

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

                    let data = []

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

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


                    _('libnbreLigne').innerHTML = formatNumberPerf(data.length)


                    // _('libTotalVersement').innerHTML = formatNumberPerf(calculerSommeColonne(tableCOMPTA_VALEUR_STOCK, 'montantDeviseAffichageFormat'))
                })
                .catch(() => {
                    
                    tableCOMPTA_VALEUR_STOCK = remplissageDataTable({
                                                    IdentifiantDuTableau: '#tableCOMPTA_VALEUR_STOCK',
                                                    obj: [],
                                                    scrollY: '600',
                                                    lengthChange : false
                                                });

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

        chargertableCOMPTA_VALEUR_STOCK()


        // $('#tableCOMPTA_VALEUR_STOCK').on('click', '#checkSelectAll', function() {

        //     let value = this.checked

        //     let lignes = tableCOMPTA_VALEUR_STOCK.rows().nodes()

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

        // function listeLigneSelectionne() {

        //     let data = []

        //     let lignes = tableCOMPTA_VALEUR_STOCK.rows().nodes()

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

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

    </script>

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

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

            e.preventDefault()
        })

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

            chargertableCOMPTA_VALEUR_STOCK()
        })
    </script>

    <!-- Script de comptabilisation de la valorisation de stock -->
    <script>

        var IDSTAT_JOURNALIER

        function newValorisationStock(){

            return new Promise(function(resolve, reject) {

                $.ajax({

                    url: "{{ route('newValorisationStock') }}",
                    type: 'POST',
                    data: {
                        IDSTAT_JOURNALIER : IDSTAT_JOURNALIER,
                        _token : '{{ csrf_token() }}'
                    },
                    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()
                    }
                })
            })
        }

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

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

            confirmMdp('{{ csrf_token() }}', newValorisationStock, null)
                .then(function(response){

                    if (response.success == 1) {

                        notif('success', 'Succès', 'Valorisation comptabilisée.')
                        
                        chargertableCOMPTA_VALEUR_STOCK()
                    }
                })
        })
    </script>

    <!-- Script de suppression de versement -->
    <script>

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

            e.preventDefault()
            let IDCOMPTA_VALEUR_STOCK = $(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_VALEUR_STOCK : IDCOMPTA_VALEUR_STOCK
                        },
                        dataType: 'json',
                        beforeSend: progressHandler(),
                        success: function(response) {

                            if (response.success != 1) {

                                notifError(response.msg)
                            }else{

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

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

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



@endsection