@php use Carbon\Carbon; @endphp
@extends('base')

@section('content')

    <div class="alert alert-success text-center">LISTE DES PESÉES</div>
    @if(!isset($_GET['bl_id']))
        <div id="pesee_recherche"></div>
        <div class="form-row">

            <div class="form-group col-md-2">
              <label for="date_debut">Début:</label>
              <input type="date" class="form-control" style="color:black !important" id="date_debut" value="{{ old('date_debut', Carbon::now()->format('Y-m-d')) }}">
            </div>


            <div class="form-group col-md-2" >
              <label for="date_fin">Fin:</label>
              <input type="date" class="form-control" style="color:black !important" id="date_fin" value="{{ old('date_fin', Carbon::now()->format('Y-m-d')) }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group col md-6" style="margin-left:10px">
            <label for="formule_recherche_id">Formule</label>
                <input type="text" disabled class="form-control" style="color:black !important" id="formule_recherche_id" formule_id="" value="">
            </div>
            <div class="col-sm-1 d-flex justify-content-left align-items-center" >
              <button class="btn btn-success" id="btn_rechrche_formule" style='margin-right:3px'><i class="fa fa-search"></i></button>
              <button type="button" class="reinit_formule btn btn-danger" ><strong>X</strong></button>
            </div>


            <div class="form-group col md-6" >
            <label for="bl_recherche_id" >BL</label>
                <input type="text" disabled class="form-control" style="color:black !important" id="bl_recherche_id" bl_id="" value="">
                </div>


            <div class="col-sm-1 d-flex justify-content-left align-items-center" >
              <button class="btn btn-success" id="btn_rechrche_bl" style='margin-right:3px'><i class="fa fa-search"></i></button>
              <button type="button" class="reinit_bl btn btn-danger" ><strong>X</strong></button>
            </div>


            <div class="form-group col md-3" >
                <label for="centrale_id" ><b>Centrale</b></label>
                <select  id="centrale_id" class="form-control" style="width: 100%;">
                    <option value="0">Aucune</option>

                    
                </select>
            </div>
            <div class="form-check form-check-inline" >
                <input class="form-check-input" type="checkbox" id="afficher_ligne_volume" >
                <label class="form-check-label" for="afficher_ligne_volume"><b>Afficher info volume et Wattmetre</b></label>

            </div>
            <div class="col md-2 d-flex justify-content-center align-items-center">
                <button class="btn btn-success" style="margin-left:2px" id="rafraichir">Rafraichir</button>
                <button class="btn btn-success" style="margin-left:2px" id="export_csv">Export CSV</button>
            </div>
        </div>
        <div class="form-row align-items-center">
            <div class="form-group col-md-3 d-flex align-items-center mb-0" style="margin-left:10px">
                <label for="designation_beton_id" class="mb-0 mr-2 text-nowrap"><b>Désignation béton</b></label>
                <select id="designation_beton_id" class="form-control form-control-sm">
                    <option value="0">Toutes</option>
                    @foreach ($designations_beton as $designation_beton)
                        <option value="{{ $designation_beton->id_designation_beton }}">{{ $designation_beton->designation_beton_code }} -> {{ $designation_beton->designation_beton_libelle }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-check form-check-inline" style="margin-left:10px">
                <input class="form-check-input" type="checkbox" id="eliminer_bl_annule" >
                <label class="form-check-label" for="eliminer_bl_annule"><b>Eliminer les BLs annulés</b></label>
            </div>
            <div class="form-check form-check-inline" style="margin-left:10px">
                <input class="form-check-input" type="checkbox" id="limiter_formule_nf" >
                <label class="form-check-label" for="limiter_formule_nf"><b>Limiter aux formules NF</b></label>
            </div>
            <div class="form-check form-check-inline" style="margin-left:10px">
                <input class="form-check-input" type="checkbox" id="filtrer_charge_minimum" >
                <label class="form-check-label" for="filtrer_charge_minimum"><b>Charge >=</b></label>
                <input type="number" step="0.01" min="0" class="form-control form-control-sm" style="width:90px; margin-left:5px; color:black !important" id="charge_minimum" value="">
                <span style="margin-left:3px"><b>m3</b></span>
            </div>
            <div class="form-check form-check-inline" style="margin-left:10px">
                <input class="form-check-input" type="checkbox" id="eliminer_volume_demi_malaxeur" >
                <label class="form-check-label" for="eliminer_volume_demi_malaxeur"><b>Eliminer les Volumes &lt; 1/2 de la capacité malaxeur</b></label>
            </div>
        </div>
    @else
        <input type='hidden' id='bl_id' value="{{ old('bl_id',$_GET['bl_id']) }}">
    @endif



    <div id="filtre"><button type="button" class="fermer btn btn-danger" >X</button></div><div id="affiche_pesee"></div>
    <div class="col-md-12 text-center">Nombre de pesées : <span class="badge" style="background : #dff0d8; color: #000; font-size: 15px; margin-bottom:0.5%;">0</span></div>
    <div class="table-responsive">
        <table class="table table-striped table-hover table-bordered" id="table_pesee" style="width:100%">
            <thead style="background-color:#28a745; color:white">
            <tr>
                <th scope="col" class="text-center">CENTRALE</th>
                <th scope="col" class="text-center">BL</th>
                <th scope="col" class="text-center">CLIENT</th>
                <th scope="col" class="text-center">CHANTIER</th>
                <th scope="col" class="text-center">FORMULE</th>
                <th scope="col" class="text-center">DATE</th>
                <th scope="col" class="text-center ">HEURE</th>
                <th scope="col" class="text-center">GACHEE</th>
                <th scope="col" class="text-center">CASE</th>
                <th scope="col" class="text-center">PRODUIT</th>
                <th scope="col" class="text-center">LIBELLE</th>
                <th scope="col" class="text-center">CONSIGNE</th>
                <th scope="col" class="text-center">CONSIGNE CORR</th>
                <th scope="col" class="text-center">RESULTAT</th>
                <th scope="col" class="text-center">HT</th>
                <th scope="col" class="text-center">ECART</th>
                <th scope="col" class="text-center">ECART %</th>
                <th scope="col" class="text-center">HYGRO/CORR</th>
                <th scope="col" class="text-center">AJOUT</th>
                <th scope="col" class="text-center">DIVERS</th>
                <th scope="col" class="text-center">CASE ORIGINE</th>
                <th scope="col" class="text-center">PRODUIT ORIGINE</th>
                <th scope="col" class="text-center">VOL</th>

            </tr>
            </thead>

        </table>
    </div>



    <script>

        $(function() { // Dom ready
            $("#reinit").click(function (e){
                e.preventDefault();
                $("#bl_recherche_id").attr('bl_id','');
                $("#bl_recherche_id").val('');
                $("#formule_recherche_id").attr('formule_id','');
                $("#formule_recherche_id").val('');

            });
            $("#reinit").click();
            $(".reinit_formule").click(function(e){
                e.preventDefault();
                $("#formule_recherche_id").attr('formule_id','');
                $("#formule_recherche_id").val('');
            });

            $(".reinit_bl").click(function (e){
                e.preventDefault();
                $("#bl_recherche_id").attr('bl_id','');
                $("#bl_recherche_id").val('');
            });



            $("#date_debut").val("{{ Carbon::now()->format('Y-m-d') }}");

            $("#date_fin").val("{{ Carbon::now()->format('Y-m-d') }}");



            $('title').text("PESEES - SMART CENTRAL");

            $("#filtre").click(function(e) {
                e.preventDefault();
                $("#affiche_pesee").hide();
                $("#pesee_recherche").hide();
                $("#filtre").hide();

            });
            $(".fermer").click(function(e) {
                e.preventDefault();
                $("#filtre").click();
            });
            // $(".btn_rechrche_formule").click(function(e) {
            //     e.preventDefault();
            //     $("#filtre").show();
            //     $("#pesee_formule").empty();
            //     $("#pesee_formule").show();


            // });

            $("#date_debut").change(function (e) {
            e.preventDefault();

            // console.log('chnage');

            $("#date_fin").val($("#date_debut").val())

        });

        $("#btn_rechrche_formule").click(function(e) {
            e.preventDefault();
            $("#pesee_recherche").empty();
            $("#pesee_recherche").show();
            $("#filtre").show();

            function reponse(retour) {
                // console.log(retour);
                $("#pesee_recherche").html(retour);

            }

            $.get('{{url('pesee/pesee_recherche')}}' ,{fiche_recherche:'formule'} ,reponse, 'html');

        });

        $("#btn_rechrche_bl").click(function(e) {
            e.preventDefault();
            $("#pesee_recherche").empty();
            $("#pesee_recherche").show();
            $("#filtre").show();

            function reponse(retour) {
                // console.log(retour);
                $("#pesee_recherche").html(retour);

            }

            $.get('{{url('pesee/pesee_recherche')}}' ,{fiche_recherche:'bl'} ,reponse, 'html');
        });


            $.fn.dataTable.moment('DD/MM/YYYY');
            var table = $('#table_pesee').on('processing.dt', function (e, settings, processing) {

                $('.ring').css('display', processing ? 'block' : 'none');
                $('#filtre_loading').css('display', processing ? 'block' : 'none');

            }).DataTable({
                scrollX: true,
                orderCellsTop: true,
                // fixedHeader: true,
                scrollCollapse: true,
                autoWidth: true,
                // paging: true,
                //serverSide: true,
                iDisplayLength: '50',
                dom: 'lBfrtip',
                buttons: [
                    { "extend": 'excel', "text": 'Export excel',  title: 'Liste des pesées',"attr": {"style" :"color: rgb(255, 255, 255); background-color: rgb(33, 136, 56);"}},
                    @if(isset($_GET['bl_id']))
                        {
                    'text': 'Pdf',
                    'className': 'btn btn-success',
                    "attr": {"style" :"color: rgb(255, 255, 255); background-color: rgb(33, 136, 56);"},
                    'action': function (e, dt, node, config) {
                        // Action à effectuer lors du clic sur votre bouton personnalisé
                        // alert('Mon bouton a été cliqué!');
                        var url = "{{route('pesee.imprimer_pdf',['bl_id'=>$_GET['bl_id']])}}";
                        window.open(url);

                        }
                    },
                    {
                    'text': 'PdfV2',
                    'className': 'btn btn-success',
                    "attr": {"style" :"color: rgb(255, 255, 255); background-color: rgb(33, 136, 56);"},
                    'action': function (e, dt, node, config) {
                        var url = "{{route('pesee.imprimer_pdf_v2',['bl_id'=>$_GET['bl_id']])}}";
                        window.open(url);

                        }
                    },

                    @endif
                ],

                'ajax': {
                    'url': '{{url('pesee/table')}}',
                    'type': 'GET',
                    @if(isset($_GET['bl_id']))
                        'data': {'date_debut':'','date_fin':'','centrale_id':'','formule_id':'','bl_id':function() {return $('#bl_id').val()}, 'afficher_ligne_volume':1},

                    @else
                        'data': {'date_debut':function() {return $('#date_debut').val()},'date_fin':function() {return $('#date_fin').val()},'centrale_id':function() {return $('#centrale_id').val()},'formule_id':function() {return $('#formule_recherche_id').attr('formule_id')},'bl_id':function() {return $('#bl_recherche_id').attr('bl_id')},'afficher_ligne_volume':function() {if ($('#afficher_ligne_volume').is(':checked')) { var afficher_ligne_volume = 1 } else { var afficher_ligne_volume = 0 } return afficher_ligne_volume},'eliminer_bl_annule':function() {return $('#eliminer_bl_annule').is(':checked') ? 1 : 0},'limiter_formule_nf':function() {return $('#limiter_formule_nf').is(':checked') ? 1 : 0},'filtrer_charge_minimum':function() {return $('#filtrer_charge_minimum').is(':checked') ? 1 : 0},'charge_minimum':function() {return $('#charge_minimum').val()},'eliminer_volume_demi_malaxeur':function() {return $('#eliminer_volume_demi_malaxeur').is(':checked') ? 1 : 0},'designation_beton_id':function() {return $('#designation_beton_id').val()}},
                    @endif


                    'dataSrc': function (json) {

                        $('.badge').html(json.recordsTotal);

                        return json.data;
                    },
                },



                columnDefs: [
                    {'className': 'text-center align-middle ', 'targets': '_all'},
                ],

            });
            $("#rafraichir").click(function (e){
                e.preventDefault();
                table.ajax.reload(null, false);

            });






            $("#export_csv").click(function(e) {
                e.preventDefault();

            if($('#centrale_id').val()!=0) {


                window.open("{{url('pesee/export_csv')}}" +
                    "?date_debut=" + $('#date_debut').val() +
                    "&date_fin=" + $('#date_fin').val() +
                    "&centrale_id=" + $('#centrale_id').val() +
                    "&formule_id=" + $('#formule_recherche_id').attr('formule_id') +
                    "&bl_id=" + $('#bl_recherche_id').attr('bl_id') +
                    "&afficher_ligne_volume=" + ($('#afficher_ligne_volume').is(':checked') ? 1 : 0) +
                    "&eliminer_bl_annule=" + ($('#eliminer_bl_annule').is(':checked') ? 1 : 0) +
                    "&limiter_formule_nf=" + ($('#limiter_formule_nf').is(':checked') ? 1 : 0) +
                    "&filtrer_charge_minimum=" + ($('#filtrer_charge_minimum').is(':checked') ? 1 : 0) +
                    "&charge_minimum=" + encodeURIComponent($('#charge_minimum').val()) +
                    "&eliminer_volume_demi_malaxeur=" + ($('#eliminer_volume_demi_malaxeur').is(':checked') ? 1 : 0) +
                    "&designation_beton_id=" + $('#designation_beton_id').val(), '_target', 'toolbar=0,location=0,menubar=0');
            }else{
                alert("Choisissez une centrale !");
            }
            });



        });
    </script>
@endsection