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

@extends('base')

@section('content')


<div class="alert alert-success text-center">LISTE DES BLS NON FACTURABLES</div>

<div class="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="form-group col-md-2 offset-md-4 text-right" style="padding-top: 2%;">
        <button class="btn btn-success" id="rafraichir" >Rafraichir</button>
    </div>

</div>





<div class="table-responsive" >
    <table class="table table-striped table-hover table-bordered" id="table_bl_non_facturable" style="width:100% !important">
        <thead style="background-color:#28a745; color:white">
            <tr>
                <th scope="col" class="text-center">CODE BL</th>
                <th scope="col" class="text-center">DATE</th>
                <th scope="col" class="text-center">CODE CLIENT</th>
                <th scope="col" class="text-center">NOM CLIENT</th>
                <th scope="col" class="text-center">CODE CHANTIER</th>
                <th scope="col" class="text-center">NOM CHANTIER</th>
                <th scope="col" class="text-center">MODE REGLEMENT</th>
                <th scope="col" class="text-center">ECHEANCE</th>
                <th scope="col" class="text-center">Adresse Facturation</th>

            </tr>
        </thead>



    </table>
</div>

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

        var table = $('#table_bl_non_facturable').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,
        scrollCollapse: true,
        autoWidth: true,
        // paging: true,
        // processing: true,
        iDisplayLength: '50',
        dom: 'lBfrtip',
        buttons: [
            { "extend": 'excel', "text": 'Export excel', "className": 'btn_export_excel', title: 'Liste des bls non facturables',"attr": {"style" :"color: rgb(255, 255, 255); background-color: rgb(33, 136, 56);"}}
        ],

        "ajax": {
            'url': '{{url('bls_non_facturable/table_non_facturable')}}',
            "type": "GET",
            "data": {
                'date_debut': function() { return $('#date_debut').val() },
                'date_fin': function() { return $("#date_fin").val() },

            },

            // "dataSrc": function(json) {

            //     $(".badge").html(json.recordsTotal);

            //     return json.data;
            // },
        },

        columnDefs: [
            { "className": "text-center align-middle ovrir_dans_bl th_cursor_pointer font-weight-bold", "targets": [0] },
            // { "className": "text-center align-middle supprimer th_cursor_pointer", "targets": [2] },
            { "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()
        });

    
        $('#table_bl_non_facturable tbody').on('click', '.ovrir_dans_bl', function (e) {
        e.preventDefault();

        var data = table.row($(this).parents('tr')).data();
        var id_bl = data['DT_RowId'];
        var bl_code = data['0'];
        var bl_date = data['1'];


        window.open('https://minierbeton.myalfi-connect.com/bl/?id_bl=' +id_bl+'&bl_code='+bl_code+"&bl_date="+bl_date , '_blank');


            // $.get('https://minierbeton.myalfi-connect.com/bl', {'id_bl': id_bl,bl_code,bl_date}, reponse, 'json');
            //

    });




    
});
</script>


@endsection