@extends('layouts.dash')

@section('content')
    <div id="overlay">
      <div class="cv-spinner">
        <span class="spinner"></span>
      </div>
    </div>
    <div class="card">
        <div class="card-header bg-info">
            <h3 class='card-title'>Modification effectuées sur les RIB des bénéficiaires</h3>
        </div>
        <div class="card-body">
            <div class='col-lg-max'>
                <table id="_table" style="background-color:white" class="table table-striped table-bordered table-hover" width="100%" >
                    <thead>
                        <tr>
                            <th width='1%'>Id</th>
                            <th width='1%'>Date</th>
                            <th width='1%'>IdBénéf.</th>
                            <th>Nom</th>
                            <th width='10%'>Banque</th>
                            <th width='10%'>RIB</th>
                            <th width='10%'>Modifications</th>

                        </tr>
                    </thead>
         
                    <tbody>
                        @foreach ($beneficiairesbanques as $beneficiairebanque)
                        <tr class="" >
                            <td>{!! $beneficiairebanque->id !!}</td> 
                            <td>{!! $beneficiairebanque->date !!}</td> 
                            <td>
                                <a href="{!! url('tiers/beneficiaires_statut/'.$beneficiairebanque->id_benef.'/*') !!}" target="_blank">
                                {!! str_pad($beneficiairebanque->id_benef, 6, "0", STR_PAD_LEFT) !!}
                                </a>
                            </td>
                            <td>{!! $beneficiairebanque->NomCompletBeneficiaire !!}</td>
                            <td>{!! $beneficiairebanque->NomBanque !!}</td>  
                            <td>{!! $beneficiairebanque->RIBcomplet !!}</td>  
                            <td>{!! $beneficiairebanque->libelle_infomodif !!}</td> 

                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@stop

@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-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'} },
                    {extend: 'pdf',exportOptions: {columns: ':visible'} },
                    {extend: 'print',exportOptions: {columns: ':visible'} },
                    'colvis'
                ],

                "aaSorting": [
                    [0,'desc']
                ],
        } );
    } );
</script>
@stop