@extends('layouts.dash_pop')
@section('title') Email appel @stop
@section('title_card',"")
@section('subtitle_card',"")


@section('content')
    <div class="card">
        <div class="col-lg-max col-lg-offset-1 container-fluid">
            <div class="card-header bg-info">
                Emails envoyés à {!! $employeur->nom !!}
            </div>
            <div class="card-body">
                <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>
@endsection
               

@section('scripts')
    <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-2 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>
@endsection