@php


@endphp

<button type="button" class="d-none"  id="rafraichir_table_envoi_mail_fiche_annexe">Rafraîchir</button>
<div class="table-responsive" style="overflow-y: auto;height: 45vh;"><!--table envoi mail-->

    <table class="table table-hover table-sm table-bordered" id="table_envoi_mail_fiche_annexe" style="width:100%">
        <thead style="background-color:#28a745; color:white">

        <th scope="col" class="text-center">DATE</th>
        <th scope="col" class="text-center" >HEURE</th>
        <th scope="col" class="text-center">EXPEDITEUR</th>
        <th scope="col" class="text-center">DESTINATAIRE</th>
        <th scope="col" class="text-center">STATUT</th>


        </thead>
    </table>

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



        var table_envoi_mail_fiche_annexe = $('#table_envoi_mail_fiche_annexe').on('processing.dt', function (e, settings, processing) {

            $('.ring').css('display', processing ? 'block' : 'none');
            $('#filtre_loading').css('display', processing ? 'block' : 'none');

        }).DataTable({


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


            "ajax": {
                "url": "{{url('envoi_mail/envoi_mail_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] }

            ]
        });
        $('#rafraichir_table_envoi_mail_fiche_annexe').on('click', function () {
            table_envoi_mail_fiche_annexe.ajax.reload(null, false);
        });


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