@php use App\Models\profil;
use Carbon\Carbon; @endphp

@extends('base')

@section('content')


<div class="alert alert-success text-center">LISTE DES ENTREES MATIERE</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="{{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="{{Carbon::now()->format('Y-m-d')}}">
    </div>

    <div class="col-md-5">
	  <div class="counter">
      <p class="count-text ">Quantitée sélectionnée</p>
      <h2 class="timer count-title count-number" data-to="100" data-speed="1500" id="quantite_selectionnee"></h2>

    </div>
  </div>

  <div class="col-md-3" style="padding-top: 2%;padding-right: 3%;">
    <button class="btn btn-success approuve_entree" >Approuver les entrées sélectionnées</button>
  </div>
</div>

<div class="form-row">

    <div class="col-md-3">
        <label for="recherche" id="label_rechercher_centrale">Centrale :</label>
        <select type="text" class="form-control" id="recherche_centrale"  placeholder="recherche centrale">
            <option value="">TOUTES</option>
            @foreach($centrales as $centrale)
            
                <option value="{{$centrale->id_centrale}}" >{{$centrale->centrale_code}} -> {{ $centrale->centrale_nom }}</option>
            @endforeach

        </select>
    </div>
    <div class="col-md-3">
        <label for="recherche" id="label_rechercher_fournisseur">Fournisseur :</label>
        <select type="text" class="form-control" id="recherche_fournisseur"  placeholder="recherche fournisseur">
            <option value="">TOUS</option>
            @foreach($fournisseurs as $fournisseur)
                <option value="{{$fournisseur->id_fournisseur}}" >{{$fournisseur->fournisseur_code}} -> {{ $fournisseur->fournisseur_libelle }}</option>
            @endforeach



        </select>
    </div>

    <div class="col-md-3">
        <label for="recherche" id="label_rechercher_produit">Produit :</label>
        <select type="text" class="form-control" id="recherche_produit"  placeholder="recherche produit">
            <option value="">TOUS</option>
            @foreach($produits as $produit)
                <option value="{{$produit->id_produit}}" >{{$produit->produit_code}}</option>
            @endforeach



        </select>
    </div>


    <div class="col-md-3" style="text-align: left;padding-top: 2%;padding-right: 3%;" >
        <button class="btn btn-success" id="rafraichir" >Rafraichir</button>
    </div>

</div>

<div class="form-row">
  <div class="col-md-4">
    <label for="recherche" id="label_rechercher_centrale_export">Export :</label>
    <select type="text" class="form-control" id="recherche_centrale_export"  placeholder="recherche centrale export">
    
            @foreach($centrales_facturation as $centrale_facturation)
                <option value="{{$centrale_facturation->id_centrale}}" >{{$centrale_facturation->centrale_code}} -> {{ $centrale_facturation->centrale_nom }}</option>
            @endforeach


    </select>
  </div>
  <div class="col-md-3" style="padding-top: 2%;padding-right: 3%;">
    <button class="btn btn-success exporter_entree" >Exporter les entrées approuvées</button>

  </div>


</div>


<div class="col-md-12 text-center">Nombre d'entrée(s) matières : <span class="badge" style="background : #dff0d8; color #000; font-size: 15px; margin-bottom:0.5%; margin-top:2%;"> </span></div>

<div class="table-responsive">
  <table class="table table-striped table-hover table-bordered" id="table_entree_matiere">
      <thead style="background-color:#28a745; color:white">
      <tr>
      <th scope="col" class="text-center">BL</th>
        <th scope="col" class="text-center">CENTRALE</th>
        <th scope="col" class="text-center">SOCIETE</th>
        <th scope="col" class="text-center">DIVISION</th>
        <th scope="col" class="text-center">DATE</th>
        <th scope="col" class="text-center">CODE PRODUIT</th>
        <th scope="col" class="text-center">LIBELLE</th>
        <th scope="col" class="text-center">QUANTITE</th>
        <th scope="col" class="text-center">CODE INTERNE</th>
        <th scope="col" class="text-center">CODE FOURNISSEUR</th>
        <th scope="col" class="text-center">LIBELLE FOURNISSEUR</th>
        <th scope="col" class="text-center">COMMANDE GLOBALE</th>
        <th scope="col" class="text-center">APPROUVE</th>
        <th scope="col" class="text-center">DATE APPROUVE</th>
        <th scope="col" class="text-center">FAIT</th>
        <th scope="col" class="text-center">DATE FAIT</th>
        <th scope="col" class="text-center">CODE</th>
        <th scope="col" class="text-center">CODE CMD ACHAT</th>
      </tr>
    </thead>
    <tbody class="tbody_entree_matiere">



    </tbody>
  </table>

</div>

<script>
    $(function() { // Dom ready
        $('title').text("ENTREE MATIERE - SMART CENTRAL");


        var table = $('#table_entree_matiere').DataTable({
          scrollX: true,
          // fixedHeader: true,
          scrollCollapse: true,
          autoWidth: true,
          paging: true,
          processing: false,
        dom: 'lBfrtip',
        buttons: [

            { "extend": 'excel', "text": 'Export excel', "className": 'btn_export_excel', title: 'Liste entrees matiere',"attr": {"style" :"color: rgb(255, 255, 255); background-color: rgb(33, 136, 56);"}}
        ],
          'ajax': {
            'url': "{{url('entree_matiere/table')}}",
            'type': 'GET',

            'data': {
              'date_debut': function () {
                return $('#date_debut').val()
              },
              'date_fin': function () {
                return $('#date_fin').val()
              },
              'produit': function () {
                return $('#recherche_produit').val()
              },
              'fournisseur': function () {
                return $('#recherche_fournisseur').val()
              },
              'centrale': function () {
                return $('#recherche_centrale').val()
              },
            },

            'dataSrc': function (json) {

                $(".badge").html(json.recordsTotal);
                //
                $("#quantite_selectionnee").html(json.total_entree_select);


              return json.data;
            },
          },

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



        });

        

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

            });

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

        $("#recherche_produit").change(function (e){
            e.preventDefault();
            $("#rafraichir").click()
        });
        $("#recherche_fournisseur").change(function (e){
            e.preventDefault();
            $("#rafraichir").click()
        });
        $("#recherche_centrale").change(function (e){
            e.preventDefault();
            $("#rafraichir").click()
        });

        $('.approuve_entree').click(function(e) {

            e.preventDefault();
            var date_debut = $("#date_debut").val();
            var date_fin = $("#date_fin").val();
            var produit = $("#recherche_produit").val();
            var fournisseur = $("#recherche_fournisseur").val();
            var centrale = $("#recherche_centrale").val();
            var centrale_export = $("#recherche_centrale_export").val();

            function reponse(retour) {

                $("#message").html(retour.message);
                $("#message").show(1000);
                setTimeout('$("#message").hide()', 1500);
                setTimeout('$("#refrech").click()', 1500);


            }

                $.get("{{url('entree_matiere/entree_matiere_approuve')}}", { 'date_debut': date_debut, 'date_fin': date_fin, 'centrale': centrale, 'fournisseur': fournisseur, 'produit': produit }, reponse, dataType = "json");

                });

    $('.exporter_entree').click(function(e) {

        e.preventDefault();
        var date_debut = $("#date_debut").val();
        var date_fin = $("#date_fin").val();
        var centrale_export = $("#recherche_centrale_export").val();


        function reponse(retour) {

            $("#message").html(retour.message);
            $("#message").show(1000);
            setTimeout('$("#message").hide()', 1500);

        }

        $.get("{{url('entree_matiere/entree_matiere_exporter')}}", { 'date_debut': date_debut, 'date_fin': date_fin, 'centrale_export': centrale_export }, reponse, dataType = "json");

        });
});
</script>


@endsection