@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 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="col md-2 d-flex justify-content-center align-items-center">
    <button class="btn btn-success" style="margin-left:2px" id="rafraichir">Rafraichir</button>
    </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">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">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>

            </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('');

                $("#rafraichir").click();

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

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



            $("#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())
            $("#rafraichir").click();


        });

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

            // console.log('chnage');

            $("#rafraichir").click();


        });

        $("#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);
                        {{--window.open("https://chavignytest.myalfi-connect.com/pesee_default/imprimer_pesee_pdf.php?bl_id={{ $_GET['bl_id'] }}");--}}
                        }
                    },

                    @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()}},

                    @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')}},
                    @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);

            });





            $("#formule_recherche_id").change(function(e){
                e.preventDefault();
                $("#rafraichir").click();
            });

            $("#bl_recherche_id").change(function(e){
                e.preventDefault();
                $("#rafraichir").click();
            });



        });
    </script>
@endsection