@extends('models')
@section('titre-page',"Produit vente réappro")
@section('content-body')
    <!-- Start::app-content -->

    <!-- 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-7 col-lg-4 col-md-4 mt-2">
                    <nav>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item text-light"><a href="javascript:void(0);">Vente</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Produit vente réappro</li>
                        </ol>
                    </nav>
                </div>

                <div class="col-xl-5 col-lg-8 col-md-8 mt-xl-0 mt-2 mx-0">
                    <button type="button" class="btn btn-success-light btn-wave mt-2 float-end d-flex" style="font-size: 17px;" id="btnExportExcel">
                        <i class="ri-file-excel-2-line me-2" style="font-size: 17px;"></i>
                        Excel
                    </button>
                </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">
                    <form id="formFiltre">
                        <div class="row">
                            <div class="col-xl-11 col-lg-11 col-md-11 mb-0">
                                <div class="row">
                                    <div class="col-xl-2 col-2 col-md-2 mb-0">
                                        <p class="mb-0 text-muted">Code ou désignation&nbsp;:</p>
                                        <input type="text" class="form-control" name="CIPDESIGNATION" id="CIPDESIGNATION">
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-md-3 col-sm-4 col-6 mb-0">
                                        <p class="mb-0 text-muted me-2">Famille</p>
                                        <select name="IDFAMILLEPRODUIT" id="IDFAMILLEPRODUIT" class="form-select"></select>
                                    </div>
                                    <div class="col-xl-2 col-lg-3 col-md-3 mb-0">
                                        <p class="mb-0 text-muted">Nature</p>
                                        <select  class="js-example-basic-single form-select" id="IDCATEGORIEPRODUIT" name="IDCATEGORIEPRODUIT">

                                        </select>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-md-3 mb-0">
                                        <p class="mb-0 text-muted">Fournisseur</p>
                                        <select class="form-select" id="IDFOURNISSEUR" name="IDFOURNISSEUR">

                                        </select>
                                    </div>
                                    <div class="col-xl-2 col-lg-3 col-md-3 mb-0">
                                        <p class="mb-0 text-muted">laboratoire</p>
                                        <select class="form-select" id="IDLABORATOIRE" name="IDLABORATOIRE">

                                        </select>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-md-2 mb-0">
                                        <p class="mb-0 text-muted">Fin de traitement estimé&nbsp;:</p>
                                        <input type="date" class="form-control" id="finDeTraitement" name="finDeTraitement" disabled>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-1 col-lg-1 col-md-1 pt-2 mb-0">
                                <button type="button" class="btn btn-primary btn-wave mt-2 float-end" id="btnFiltreTable">
                                    <i class="ri-search-line" style="font-size:13px;"></i>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- End:: row-7 -->

    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-body">
                    <ul class="nav nav-pills justify-content-end nav-style-3 mb-3" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-bs-toggle="tab" role="tab" aria-current="page"
                            href="#tabProduitEnVenteSurReappro" aria-selected="true">LISTE DES PRODUITS EN VENTES SUR REAPPRO</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page"
                            href="#tabsProduitLivrable72" aria-selected="true">LISTE DES PRODUITS LIVRABLE SOUS 72H</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane show active text-muted table-responsive" id="tabProduitEnVenteSurReappro" role="tabpanel">
                            <table class="tablehover table table-striped text-nowrap w-100 openModalProduit tablehover" id="tableProduitEnVenteSurReappro">
                                <thead class="table-header-primary">
                                    <tr>
                                        <th class="text-center text-white">Disponible le</th>
                                        <th class="text-center text-white">CIP 1</th>
                                        <th class="text-center text-white">Désignation</th>
                                        <th class="text-center text-white">Quantité</th>
                                        <th class="text-center text-white">Colisage</th>
                                        <th class="text-center text-white">Catégorie</th>
                                        <th class="text-center text-white">Famille</th>
                                        <th class="text-center text-white">Laboratoire</th>
                                        <th class="text-center text-white">Prix cession HT</th>
                                        <th class="text-center text-white">TVA</th>
                                        <th class="text-center text-white">Prix vente public TTC</th>
                                    </tr>
                                </thead>
                            </table>
                            <table class="tablehover table table-striped text-nowrap w-100 d-none tablehover" id="tableProduitEnVenteSurReapproExcel">
                                <thead class="table-header-primary">
                                    <tr>
                                        <th class="text-center text-white">Disponible le</th>
                                        <th class="text-center text-white">CIP 1</th>
                                        <th class="text-center text-white">Désignation</th>
                                        <th class="text-center text-white">Quantité</th>
                                        <th class="text-center text-white">Colisage</th>
                                        <th class="text-center text-white">Catégorie</th>
                                        <th class="text-center text-white">Famille</th>
                                        <th class="text-center text-white">Laboratoire</th>
                                        <th class="text-center text-white">Prix cession HT</th>
                                        <th class="text-center text-white">TVA</th>
                                        <th class="text-center text-white">Prix vente public TTC</th>
                                    </tr>
                                </thead>
                                <tbody id="bodyProduitEnVenteSurReapproExcel">

                                </tbody>
                            </table>
                        </div>
                        <div class="tab-pane text-muted table-responsive" id="tabsProduitLivrable72" role="tabpanel">
                            <table class="tablehover table table-striped text-nowrap w-100 openModalProduit tablehover" id="tableProduitLivrable72">
                                <thead class="table-header-primary">
                                    <tr>
                                        <th class="text-center text-white">Disponible le</th>
                                        <th class="text-center text-white">CIP 1</th>
                                        <th class="text-center text-white">Désignation</th>
                                        <th class="text-center text-white">Quantité</th>
                                        <th class="text-center text-white">Colisage</th>
                                        <th class="text-center text-white">Catégorie</th>
                                        <th class="text-center text-white">Famille</th>
                                        <th class="text-center text-white">Laboratoire</th>
                                        <th class="text-center text-white">Prix cession HT</th>
                                        <th class="text-center text-white">TVA</th>
                                        <th class="text-center text-white">Prix vente public TTC</th>
                                    </tr>
                                </thead>
                            </table>
                            <table class="tablehover table table-striped text-nowrap w-100 d-none tablehover" id="tableProduitLivrable72Excel">
                                <thead class="table-header-primary">
                                    <tr>
                                        <th class="text-center text-white">Disponible le</th>
                                        <th class="text-center text-white">CIP 1</th>
                                        <th class="text-center text-white">Désignation</th>
                                        <th class="text-center text-white">Quantité</th>
                                        <th class="text-center text-white">Colisage</th>
                                        <th class="text-center text-white">Catégorie</th>
                                        <th class="text-center text-white">Famille</th>
                                        <th class="text-center text-white">Laboratoire</th>
                                        <th class="text-center text-white">Prix cession HT</th>
                                        <th class="text-center text-white">TVA</th>
                                        <th class="text-center text-white">Prix vente public TTC</th>
                                    </tr>
                                </thead>
                                <tbody id="bodyProduitLivrable72Excel">

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End::app-content -->

@endsection

@section('script')
    
    <!-- Script exécuté au chargement de la page -->
    <script>

        var tableProduitEnVenteSurReappro = $('#tableProduitEnVenteSurReappro').DataTable({
                                            bfilter : true,
                                            language : languageTable,
                                        })

        var tableProduitLivrable72 = $('#tableProduitLivrable72').DataTable({
                                        bfilter : true,
                                        language : languageTable,
                                    })

        function listeFamille(){

            return new Promise(function(resolve, reject){
                $.ajax({

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

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

                            notif(response.msg)
                            reject(response.success)
                        }
                    },
                    error : function(error){

                        notif(response.msg)
                    }
                })
            })
        }

        function listeNature(){

            return new Promise(function(resolve, reject){
                $.ajax({

                    url : '{{ route('listeNatureProduitSimple') }}',
                    type : 'POST',
                    data : {
                        _token : '{{ csrf_token() }}'
                    },
                    dataType : 'json',
                    success : function(response){

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

                            notif(response.msg)
                            reject(response.success)
                        }
                    },
                    error : function(error){

                        notif(response.msg)
                    }
                })
            })
        }

        function listeFournisseur(){

            return new Promise(function(resolve, reject){
                $.ajax({

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

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

                            notif(response.msg)
                            reject(response.success)
                        }
                    },
                    error : function(error){

                        notif(response.msg)
                    }
                })
            })
        }

        function listeLaboratoire(){

            return new Promise(function(resolve, reject){
                $.ajax({

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

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

                            notif(response.msg)
                            reject(response.success)
                        }
                    },
                    error : function(error){

                        notif(response.msg)
                    }
                })
            })
        }

        function chargerLesSelect(){

            listeFamille()
                .then(function(data){
                    
                    $('#IDFAMILLEPRODUIT').html('<option value="0">TOUTES</option>')
                    $.each(data, function(key, value){

                        $('#IDFAMILLEPRODUIT').append('<option value="'+value.IDFAMILLEPRODUIT+'">'+value.LibelleFamilleProduit+'</option>')
                    })
                    $('#IDFAMILLEPRODUIT').select2()
                })

            listeNature()
                .then(function(data){
                    
                    $('#IDCATEGORIEPRODUIT').html('<option value="0">TOUTES</option>')
                    $.each(data, function(key, value){

                        $('#IDCATEGORIEPRODUIT').append('<option value="'+value.IDCATEGORIEPRODUIT+'">'+value.LibelleCategorieProduit+'</option>')
                    })
                    $('#IDCATEGORIEPRODUIT').select2()
                })

            listeFournisseur()
                .then(function(data){
                    
                    $('#IDFOURNISSEUR').html('<option value="0">TOUTES</option>')
                    $.each(data, function(key, value){

                        $('#IDFOURNISSEUR').append('<option value="'+value.IDFOURNISSEUR+'">'+value.NomFournisseur+'</option>')
                    })
                    $('#IDFOURNISSEUR').select2()
                })

            listeLaboratoire()
                .then(function(data){
                    
                    $('#IDLABORATOIRE').html('<option value="0">TOUTES</option>')
                    $.each(data, function(key, value){

                        $('#IDLABORATOIRE').append('<option value="'+value.IDLABORATOIRE+'">'+value.NomLaboratoire+'</option>')
                    })
                    $('#IDLABORATOIRE').select2()
                })
        }

        function chargerTableProduitEnVenteReappro(){

            let formFiltre = new FormData(_('formFiltre'))
            formFiltre.append('_token', '{{ csrf_token() }}')

            $.ajax({

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

                    if(response.success == 1){

                        let obj = response.data

                        $('#tableProduitEnVenteSurReappro').DataTable().destroy()
                        tableProduitEnVenteSurReappro = $('#tableProduitEnVenteSurReappro').DataTable({
                            bfilter : true,
                            language : languageTable,
                            data : obj,
                            pageLength : 25,
                            columns : [
                                {
                                    data : 'DateFinTraitementEstimeeFormat',
                                    className : 'text-center'
                                },
                                {
                                    data : 'CodeCipProduit1'
                                },
                                {
                                    data : 'DesignationProduit'
                                },
                                {
                                    data : 'QteFactureeBL',
                                    className : 'text-center'
                                },
                                {
                                    data : 'ColisageProduit',
                                    className : 'text-center'
                                },
                                {
                                    data : 'LibelleCategorieProduit'
                                },
                                {
                                    data : 'LibelleFamilleProduit'
                                },
                                {
                                    data : 'NomLaboratoire'
                                },
                                {
                                    data : 'PrixCessionHTFormat',
                                    className : 'text-end'
                                },
                                {
                                    data : 'LibelleTauxTva',
                                    className : 'text-center'
                                },
                                {
                                    data : 'PrixVentePublicTTCFormat',
                                    className : 'text-end'
                                },

                            ]
                        })

                        $('#bodyProduitEnVenteSurReapproExcel').html('')
                        obj.forEach(element => {
                            
                            $('#bodyProduitEnVenteSurReapproExcel').append('\
                                <tr>\
                                    <td>'+element.DateFinTraitementEstimeeFormat+'</td>\
                                    <td>'+element.CodeCipProduit1+'</td>\
                                    <td>'+element.DesignationProduit+'</td>\
                                    <td>'+element.QteFactureeBL+'</td>\
                                    <td>'+element.ColisageProduit+'</td>\
                                    <td>'+element.LibelleCategorieProduit+'</td>\
                                    <td>'+element.LibelleFamilleProduit+'</td>\
                                    <td>'+element.NomLaboratoire+'</td>\
                                    <td>'+element.PrixCessionHTFormat+'</td>\
                                    <td>'+element.TypeTva+'</td>\
                                    <td>'+element.PrixVentePublicTTCFormat+'</td>\
                                </tr>\
                            ')
                        });
                    }else{
                        notifError(response.msg)
                    }
                    completeHandler()
                },
                error : function(error){

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

        function chargertableProduitLivrable72(){

            let formFiltre = new FormData(_('formFiltre'))
            formFiltre.append('_token', '{{ csrf_token() }}')

            $.ajax({

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

                    if(response.success == 1){

                        let obj = response.data

                        $('#tableProduitLivrable72').DataTable().destroy()
                        tableProduitLivrable72 = $('#tableProduitLivrable72').DataTable({
                            bfilter : true,
                            language : languageTable,
                            data : obj,
                            pageLength : 25,
                            columns : [
                                {
                                    data : 'DateFinTraitementEstimeeFormat',
                                    className : 'text-center'
                                },
                                {
                                    data : 'CodeCipProduit1'
                                },
                                {
                                    data : 'DesignationProduit'
                                },
                                {
                                    data : 'QteFactureeBL',
                                    className : 'text-center'
                                },
                                {
                                    data : 'ColisageProduit',
                                    className : 'text-center'
                                },
                                {
                                    data : 'LibelleCategorieProduit'
                                },
                                {
                                    data : 'LibelleFamilleProduit'
                                },
                                {
                                    data : 'NomLaboratoire'
                                },
                                {
                                    data : 'PrixCessionHTFormat',
                                    className : 'text-end'
                                },
                                {
                                    data : 'LibelleTauxTva',
                                    className : 'text-center'
                                },
                                {
                                    data : 'PrixVentePublicTTCFormat',
                                    className : 'text-end'
                                },

                            ]
                        })

                        $('#bodyProduitLivrable72Excel').html('')
                        obj.forEach(element => {
                            
                            $('#bodyProduitLivrable72Excel').append('\
                                <tr>\
                                    <td>'+element.DateFinTraitementEstimeeFormat+'</td>\
                                    <td>'+element.CodeCipProduit1+'</td>\
                                    <td>'+element.DesignationProduit+'</td>\
                                    <td>'+element.QteFactureeBL+'</td>\
                                    <td>'+element.ColisageProduit+'</td>\
                                    <td>'+element.LibelleCategorieProduit+'</td>\
                                    <td>'+element.LibelleFamilleProduit+'</td>\
                                    <td>'+element.NomLaboratoire+'</td>\
                                    <td>'+element.PrixCessionHTFormat+'</td>\
                                    <td>'+element.TypeTva+'</td>\
                                    <td>'+element.PrixVentePublicTTCFormat+'</td>\
                                </tr>\
                            ')
                        });

                    }else{
                        notifError(response.msg)
                    }
                    completeHandler()
                },
                error : function(error){

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

        remplirChampDate('today', 'finDeTraitement')

        chargerLesSelect()

    </script>

    <!-- Actualiser les filtres -->
    <script>

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

            e.preventDefault()

            if (document.querySelector('a[href="#tabProduitEnVenteSurReappro"]').classList.contains('active')) {
                
                chargerTableProduitEnVenteReappro()
            }
            
            if (document.querySelector('a[href="#tabsProduitLivrable72"]').classList.contains('active')) {
                
                chargertableProduitLivrable72()
            }
        })
    </script>

    <!-- Changement des onglets -->
    <script>

        $(document).on('click', 'a[href="#tabProduitEnVenteSurReappro"]', function(){
            
            _('finDeTraitement').setAttribute('disabled', '')
        })
        
        $(document).on('click', 'a[href="#tabsProduitLivrable72"]', function(){

            _('finDeTraitement').removeAttribute('disabled')
        })
    </script>

    <!-- Export excel -->
    <script>

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

            if (document.querySelector('a[href="#tabProduitEnVenteSurReappro"]').classList.contains('active')) {
                var table = $('#tableProduitEnVenteSurReapproExcel').DataTable();
                if (table.rows().count() === 0) {
                   notif('danger','Erreur','Aucune ligne à exporter')
                   return false;
                }

                TableToExcel.convert(document.getElementById("tableProduitEnVenteSurReapproExcel"), {

                    name: formatDateToYmdHisMs() + '_ProduitVenteReappro.xlsx',
                    sheet: {

                        name: "Feuille 1"
                    }
                })
            }
            
            if (document.querySelector('a[href="#tabsProduitLivrable72"]').classList.contains('active')) {
                var table = $('#tableProduitEnVenteSurReapproExcel').DataTable();
                if (table.rows().count() === 0) {
                   notif('danger','Erreur','Aucune ligne à exporter')
                   return false;
                }
                TableToExcel.convert(document.getElementById("tableProduitLivrable72Excel"), {

                    name: formatDateToYmdHisMs() + '_ProduitLivrable72.xlsx',
                    sheet: {

                        name: "Feuille 1"
                    }
                })
            }
        })
    </script>

@endsection