@php use App\Models\parametre;




// dd($tab_commande_id);
 @endphp

@if ($type_fiche_annexe!='chantier')
<div class="form-row">
    <div class="form-group col-md-6">
        <label for="date_debut_bl_commande">Début</label>
        <input type="date" class="form-control" id="date_debut_bl_commande" value="{{date('Y-m-d')}}">
    </div>
    <div class="form-group col-md-6">
        <label for="date_fin_bl_commande">Fin</label>
        <input type="date" class="form-control" id="date_fin_bl_commande" value="{{date('Y-m-d')}}">
    </div>
</div>
@endif
@if ($type_fiche_annexe=='chantier')
<div class="form-group col-md-6">
    <input class="form-check-input" type="checkbox" id="commande_soldee_chantier" name="commande_soldee_chantier"  >
    <label class="form-check-label" for="commande_soldee_chantier" > Inclure soldées</label>
</div>
@endif

<div class="table-responsive" style="overflow-y: auto;height: 45vh;" ><!--table commande-->
    @if ($type_fiche_annexe=='chantier')
    <div  class="col-md-12 text-center">Nombre commande(s) : <span id="nombre_commande_chantier" class="badge" style="background : #dff0d8; color: #000; font-size: 15px; margin-bottom:0.5%;"></span>Quantitée(s) : <span id="quantitee_commande_chantier" class="badge" style="background : #dff0d8; color: #000; font-size: 15px; margin-bottom:0.5%;"></span></div>
    @endif
    <table class="table table-hover table-sm table-bordered "  style="width:100%;" id="table_commande_fiche_annexe">
    <thead style="background-color:#28a745; color:white">

        @if ($type_fiche_annexe=='chantier')
        
        <th scope="col" class="text-center">CODE</th>
        <th scope="col" class="text-center">CENT</th>
        <th scope="col" class="text-center">C</th>
        <th scope="col" class="text-center">DATE</th>
        <th scope="col" class="text-center">HEURE</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">QTE</th>
        <th scope="col" class="text-center">LIVRE</th>
        <th scope="col" class="text-center">RESTE</th>
        <th scope="col" class="text-center">Service 1</th>
        <th scope="col" class="text-center">Service 2</th>
        <th scope="col" class="text-center">REF CLIENT</th>
        <th scope="col" class="text-center">SOLDE</th>
        <th scope="col" class="text-center">CODE DEVIS</th>




        @else
        <th scope="col" class="text-center">CODE</th>
        <th scope="col" class="text-center">CENTRALE</th>
        <th scope="col" class="text-center">DATE</th>
        <th scope="col" class="text-center">CLIENT</th>
        <th scope="col" class="text-center">CHANTIER</th>
        @endif




    </thead>
    </table>

</div><!-- fin table commande-->
<script>
    $(function() { // Dom ready
        //////data table formule

        var table_commande_fiche_annexe = $('#table_commande_fiche_annexe').DataTable({


            autoWidth:true,
            paging: true,
            searching: true,
            scrollCollapse: true,

            "ajax": {
                "url": "{{url('commande/commande_data_table_fiche_annexe')}}",
                "type": "GET",

                "data": {
                    'type_fiche_annexe': '{{$type_fiche_annexe}}',
                    'id_fiche_annexe':'{{$id_fiche_annexe}}',
                    'commande_soldee' : function() {
                        if ($('input[name=commande_soldee_chantier]').is(':checked')) { var commande_soldee = 1 } else { var commande_soldee = 0 }
                        return commande_soldee;},
                    'id_chantier' : function() { return $("#id_chantier").val() },
 },

                "dataSrc": function(json) {

                $("#quantitee_commande_chantier").html(json.quantitee);
                $("#nombre_commande_chantier").html(json.recordsTotal);



                return json.data;
                },


                },

        
            columnDefs: [

                { "className": "text-center align-middle ", "targets": "_all" },
                // { "width": "500px", "targets": [0] }

            ]
        });

        @if($type_fiche_annexe!='chantier')
        $("#date_debut_bl_commande").change(function() {
            table_commande_fiche_annexe.ajax.reload(null, false);
        });
        $("#date_fin_bl_commande").change(function() {
            table_commande_fiche_annexe.ajax.reload(null, false);
        });
        @endif

        @if($type_fiche_annexe=='chantier')

        $("#commande_soldee_chantier").change(function() {
            table_commande_chantier.ajax.reload(null, false);
            // console.log('bojour');

        });
        @endif


        @if($type_fiche_annexe=='incident')
        $(".fermer_affiche").click(function(e) {
                e.preventDefault();
                
                $(".cadre").show();
            $("#entete").show();
                $("#incident_recherche").hide();
            });
            

            $('#table_commande_fiche_annexe tbody').on('dblclick', 'tr', function(e) {
                e.preventDefault();
                var data = table_commande_fiche_annexe.row(this).data();
                // console.log(data['DT_RowId']);
                // console.log(data['1']);
                // console.log(data['3']);

                $(".fermer_affiche").click();

                $('#incident_commande').val(data['0']+' -> '+data['1']);
                $('#incident_commande').attr('commande_id',data['DT_RowId']);
                $("#rafraichir").click();
            });

        @endif
    });//Fin dom ready
</script>