@include('forms.fbncheader_nomenu')
@include('forms.fdatatables')


{!! Html::style('css/jquery-ui.structure.min.css') !!}
{!! Html::style('css/jquery-ui.theme.min.css') !!}

<div style="background-color:white;"  
    class="col-lg-max container-fluid">

    <div style="padding-left:0px" class="col-lg-max">
         <div class="row" style="">   
            <div class="col-xs-10" style="padding-left:0px;">
                <h2 style="margin-top:2px;">Emails envoyés à {!! $employeur->nom !!}</h2>
            </div>
        </div>
    </div>

    <div class='col-lg-max' style="padding-top:5px">
        <div class="table-responsive" >
            <table id="_table" style="background-color:white"  
                class="table table-condensed table-striped table-hover table-bordered">
                <thead>
                    <tr>
                        <th width='1%'>N°</th>
                        <th >Date/Destinataire</th>
                        <th width='1%'>Expéditeur</th>
                        <th >Objet</th>
                        <th  width='25%'>Texte</th>
                        <th width='1%'>PJ</th>
                        <th width='1%'>Statut</th>
                    </tr>
                </thead>
     
                <tbody>
                    @foreach ($emails as $email) 
                                                <tr>
                            <td nowrap>{!! $email->id !!}</td>
                            <td nowrap>{!! $email->date."<br>".$email->destinataire !!}</td>
                            <td nowrap>{!! $email->NomUser !!}</td>
                            <td>{!! $email->objet !!}</td>
                            <td>{!! $email->texte !!}</td>
                            <td ><a href="{!! $pj !!}" target="_blank">{!! ($pj=="")?'':$nom_fichier !!}</a></td>
                            <td nowrap>{!! $email->statut !!}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

</div>

</body></html>


<script>
$(document).ready(function() {
   $.fn.dataTable.moment('D/M/YYYY');

    var table =$('#_table').dataTable( {
        bAutoWidth: false,
        bPaginate: true,
        bInfo: true,
        bFilter: true,
        deferRender:    true,
        scrollCollapse: false,
        scroller:       false,
        iDisplayLength:10,
        oLanguage: {
            "sZeroRecords": "Aucune ligne",
            "sInfo": "Affichage de _START_ &agrave; _END_ sur _TOTAL_ lignes",
            "sInfoEmpty": "Showing 0 to 0 of 0 records",
            "sInfoFiltered": "(sur un total de _MAX_ lignes)",
            "oPaginate": {
                "sPrevious": "Pr&eacute;c&eacute;dente","sNext": "Suivante"
                ,"sFirst": "Premi&egrave;re","sLast": "Derni&egrave;re"
                },
            "sSearch":"Chercher ",
            buttons: {
                    colvis: 'Colonnes à afficher',
                    copy: 'Copier',
                    print: 'Imprimer',
                    copyTitle: 'Ajouté au presse-papiers',
                    copyKeys: 'Appuyez sur <i>ctrl</i> ou <i>\u2318</i> + <i>C</i> pour copier les données du tableau à votre presse-papiers. <br><br>Pour annuler, cliquez sur ce message ou appuyez sur Echap.',
                    copySuccess: {
                        _: '%d lignes copiées',
                        1: '1 ligne copiée'
                    }
                }

            },
            dom: "<'row'<'col-sm-4 text-left'f><'col-sm-4'><'col-sm-6 text-right'B>>" +
            "<'row'<'col-sm-12'tr>>" +"<'row'<'col-sm-5'i><'col-sm-7'p>>",

            buttons: [ 
                {extend: 'copy',exportOptions: {columns: ':visible'} },
                {extend: 'excel',exportOptions: {columns: ':visible'} },                
            ],
            

        } );


} );
</script>