@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' || $type_fiche_annexe=='devis')

            <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' && $type_fiche_annexe!='devis')

            <th scope="col" class="text-center">INFORMATION</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>
            <th scope="col" class="text-center">FONCTION</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}}',
                    @if(isset($client_id))
                    'client_id':'{{$client_id}}',
                    @endif

                },

            },

            columnDefs: [
                    @if($type_fiche_annexe!='commande' && $type_fiche_annexe!='devis')
                { "className": "text-center align-middle ouvrir_dans_contact th_cursor_pointer font-weight-bold", "targets": [0] },
                    @endif
                { "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();
        });
        @elseif($type_fiche_annexe=='commande')


        $('#table_contact_fiche_annexe tbody').on('dblclick', 'tr', function(e) {
            e.preventDefault();
            var data = table_contact_fiche_annexe.row(this).data();



            $("#affiche_recherche_dans_commande").hide();

            $('#contact_id').val(data['DT_RowId']);
            $("#contact_commande").val(data['0']+' -> '+data['1']);
            $('#contact_commande').attr('commande_contact_id',data['DT_RowId']);
            $('#commande_numero_contact').val(data['DT_contact_portable']);

        });
        @elseif($type_fiche_annexe=='devis')

        $('#table_contact_fiche_annexe tbody').on('dblclick', 'tr', function(e) {
            e.preventDefault();
            var data = table_contact_fiche_annexe.row(this).data();
            var contact_id = data['DT_RowId'];

            $("#affiche_recherche_dans_devis").hide();
            $('#devis_contact_id').val(contact_id);
            $("#contact_devis").val(data['1']+' '+(data['2'] || ''));

            $.get('{{ url('devis_laravel/chercher_contact_details') }}', { contact_id: contact_id }, function(response) {
                if (response) {
                    $('#mail_devis').val(response.contact_email);
                }
            });
        });
        @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 !");
            }

        });

        $('#table_contact_fiche_annexe tbody').on('click', '.ouvrir_dans_contact', function(e) {
            e.preventDefault();


            var data = table_contact_fiche_annexe.row($(this).parents('tr')).data();
            var id_contact = data['0'];

            window.open("{{route('contact.index')}}"+"?contact_id=" +id_contact , '_blank');


        });

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