@php use App\Models\parametre;




// dd($tab_centrale_id);
@endphp

@if($type_fiche_annexe=='client')
    <div class="col-md-12 text-right">
        <button type="button" class="btn btn-success" id="rafraichir_contact_table">Rafraîchir Contact</button>
        <button type="button" class="btn btn-success" id="ajouter_contact" style="margin-left: 0.5%">Ajouter Contact</button>
    </div>
    <br>
    <hr>
@endif

<div class="table-responsive" style="overflow-y: auto;height: 45vh;" ><!--table chantier-->
    <table class="table table-hover table-sm table-bordered "  style="width:100%;" id="table_contact_fiche_annexe">
        <thead style="background-color:#28a745; color:white">
        @if($type_fiche_annexe=='client')

        <th scope="col" class="text-center">CODE</th>
        @endif
        <th scope="col" class="text-center">NOM</th>
        <th scope="col" class="text-center">PRENOM</th>
        @if($type_fiche_annexe!='client')

        <th scope="col" class="text-center">FONCTION</th>
        @endif
        @if($type_fiche_annexe=='client')

        <th scope="col" class="text-center">TELEPHONE</th>
        <th scope="col" class="text-center">FAX</th>
        <th scope="col" class="text-center">MOBILE</th>
        <th scope="col" class="text-center">MAIL</th>
        @endif



        </thead>
    </table>

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

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


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


            "ajax": {
                "url": "{{url('contact/contact_data_table_fiche_annexe')}}",
                "type": "GET",

                "data": {
                    'type_fiche_annexe': '{{$type_fiche_annexe}}',
                    'id_fiche_annexe':'{{$id_fiche_annexe}}',

                },

            },

            columnDefs: [

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

            ]
        });





        @if($type_fiche_annexe=='action')
        $(".fermer_affiche").click(function(e) {
                e.preventDefault();

            $(".cadre").show();
            $("#entete").show();
                $("#action_recherche").hide();
            });

        $('#table_contact_fiche_annexe tbody').on('dblclick', 'tr', function(e) {
            e.preventDefault();
            var data = table_contact_fiche_annexe.row(this).data();
            // console.log(data['DT_RowId']);
            // console.log(data['1']);
            // console.log(data['3']);
            $(".cadre").show();
            $("#entete").show();
            $("#action_recherche").hide();


            $('#contact_id').val(data['0']+' -> '+data['1']);
            $("#contact_id").append('<option value="'+data['DT_RowId']+'" selected>'+data['0']+' -> '+data['1']+'</option>');
            $('#contact_id').attr('contact_id',data['DT_RowId']);
            $("#rafraichir").click();
        });


        @endif

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


        });
        $("#ajouter_contact").click(function(e) {
            e.preventDefault();

            if ($("#client_id").val() != "") {
                window.open("{{route('contact.index')}}"+"?client_id=" +$("#client_id").val() , '_blank');
            } else {
                alert("Validez le client !");
            }

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