@php use App\Models\parametre;
     use App\Models\centrale;
     $centrales=centrale::orderBy('centrale_code', 'ASC')->get();



// dd($tab_centrale_id);
 @endphp
@if($type_fiche_annexe=='produit')
 <div class="row">
    <div class="form-group col-md-4">
        <label for="centrale_id">Centrale :</label>
        <select class="form-control" id="centrale_id" name="centrale_id">
            <option value="0">Toutes</option>';
            @foreach ($centrales as $centrale)
                <option value="{{ $centrale->id_centrale }}" {{ $centrale->centrale_id == $centrale->id_centrale ? 'selected' : '' }}>{{ $centrale->centrale_code }} -> {{ $centrale->centrale_nom }}</option>
            @endforeach
        </select>
    </div>
</div>
@endif


<div class="table-responsive" style="overflow-y: auto;height: 45vh;" ><!--table formule-->
    <table class="table table-hover table-sm table-bordered "  style="width:100%;" id="table_formule_fiche_annexe">
    <thead style="background-color:#28a745; color:white">
    @if($type_fiche_annexe=='produit')
        <th scope="col" class="text-center">CENTRALE</th>
    @endif
        <th scope="col" class="text-center">CODE</th>
        <th scope="col" class="text-center">CODE FAC</th>
        <th scope="col" class="text-center">RECHERCHE</th>
        <th scope="col" class="text-center">APPELLATION COMMERCIALE</th>


    </thead>
    </table>

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

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


            autoWidth:true,
            paging: true,
            searching: true,
            scrollCollapse: true,
            dom: 'Bfrtip',
            buttons: [

                { "extend": 'excel', "text": 'Export excel', "className": 'btn_export_excel' }
            ],
            "ajax": {
                "url": "{{url('formule/formule_data_table_fiche_annexe')}}",
                "type": "GET",

                "data": {
                    'type_fiche_annexe': '{{$type_fiche_annexe}}',
                    'id_fiche_annexe':'{{$id_fiche_annexe}}',
                    'centrale_id': function() { return $("#centrale_id").val() },

                },

            },

            columnDefs: [

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

            ]
        });

        $(".btn_export_excel").css("color", "#fff");
        $(".btn_export_excel").css("background-color", "#218838");
        $(".btn_export_excel").css("#1e7e34", "#1e7e34");



        $("#centrale_id").change(function(e) {
            e.preventDefault();
            table_formule_fiche_annexe.ajax.reload(null, false);
        });
        @if($type_fiche_annexe!='produit')
            $(".btn_export_excel").css("display", "none");
            $('#table_formule_fiche_annexe tbody').on('dblclick', 'tr', function(e) {
                e.preventDefault();
                var data = table_formule_fiche_annexe.row(this).data();
                // console.log(data['DT_RowId']);
                // console.log(data['1']);
                // console.log(data['3']);

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

                $('#formule_recherche_id').val(data['1']+' -> '+data['3']);
                $('#formule_recherche_id').attr('formule_id',data['DT_RowId']);
                $("#rafraichir").click();
            });

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