@php use App\Models\profil; 

@endphp

@extends('base')

@section('content')



<div class="alert alert-success text-center">SUIVI DES NUMEROS DE BONS DE LIVRAISON</div>
<div class="col-md-12"></div>
<div class="form-row">
    <div class="col-md-2">
        <label for="recherche" id="label_rechercher">Séquence de départ</label>
        <input type="text" class="form-control" id="num_bl_depart"  placeholder="numéro de bl">
    </div>
    <div class="col-md-2">
        <label for="recherche" id="label_rechercher">Séquence de fin</label>
        <input type="text" class="form-control" id="num_bl_fin"  placeholder="numéro de bl">
     </div>

    <div class="col-md-3">
        <div class="counter">

            <p class="count-text ">Nombre de BL total</p>
            <h2 class="timer count-title count-number" data-to="100" data-speed="1500" id="nombre_bl_sequence"></h2>

        </div>
	</div>
    <div class="col-md-3">
	    <div class="counter" style="padding-bottom: 2% !important;">

            <p class="count-text ">Nombre de BL manquant</p>
            <h2 class="timer count-title count-number" data-to="100" data-speed="1500" id="nombre_bl_manquant"></h2>

        </div>
	</div>
    <div class="row" style="margin-bottom:2%;">
        <div class="col-md-4" style="text-align: right;padding-top: 2%;padding-right: 3%;">
            <button class="btn btn-success refrech" >Rafraichir</button>
        </div>

    </div>
</div>

<br>



<div class="table-responsive">
    <table class="table table-striped table-hover table-bordered" id="table_suivi_numero_bl">
        <thead style="background-color:#28a745; color:white">
            <tr>
                <th scope="col" class="text-center">CODE BL</th>
            </tr>
        </thead>
        <tbody class="tbody_suivi_numero_bl">


        </tbody>
    </table>
    <nav aria-label="Page navigation example" style="padding-left:40%;">
        <ul class="pagination">

        </ul>
    </nav>
</div>

<script>
    $(document).ready(function() {
        $('title').text("SUIVI N° BL - SMART CENTRAL");
        var page;


        function suivi_numero_bl(page) {

        var num_bl_depart = $("#num_bl_depart").val();
        var num_bl_fin = $("#num_bl_fin").val();
        var ligne_par_page = $("#ligne_par_page").val();


        function reponse(retour) {

            $(".tbody_suivi_numero_bl").html(retour.suivi_numero_bl_tableau);
            $(".pagination").html(retour.suivi_numero_bl_pagination);
            // $(".badge").html(retour.rowcount);
            $('#nombre_bl_manquant').prop('number', 0).animateNumber({ number: retour.nb_bl_manquant }, 0);
            $('#nombre_bl_sequence').prop('number', 0).animateNumber({ number: retour.nb_bl_sequence }, 0);
        }
        $.get("{{url('suivi_numero_bl/table')}}",{ 'page': page, 'num_bl_depart': num_bl_depart, 'num_bl_fin': num_bl_fin } ,reponse, 'json');

        }


        $('.refrech').click(function(e) {
        e.preventDefault();

        // console.log(feuille);
        suivi_numero_bl(page);
        });

        $('#table_suivi_numero_bl').DataTable();

    });
</script>


@endsection