@extends('layouts.default')
@section('content')
<style>
    .dataTables_filter{
        float:right;
    }
</style>
<div class="container-fluid">
    <div class="nk-content-inner">
        <div class="nk-content-body">
            <div class="components-preview mx-auto">
                <div class="nk-block-head nk-block-head-lg wide-sm">
                    <div class="nk-block-head-content">
                        <h2 class="nk-block-title fw-normal">Liste des utilisateurs</h2>
                        <p>Vous avez {{ number_format(count($users)) }} utilisateurs</p>
                    </div>
                </div><!-- .nk-block-head -->
                
                <div class="nk-block nk-block-lg">
                    
                    <div class="card card-preview">
                        <div class="card-inner">

                        <table id="example" class="nowrap table" data-export-title="Export">
                            <thead>
                                <tr>
                                    <th class="nk-tb-col tb-col-lg"><span class="sub-text">Nom et prènom</span></th>
                                    <th class="nk-tb-col tb-col-lg"><span class="sub-text">Email</span></th>
                                    <th class="nk-tb-col tb-col-mb"><span class="sub-text">Total (€)</span></th>
                                    <th class="nk-tb-col tb-col-md"><span class="sub-text">Téléphone</span></th>
                                    <th class="nk-tb-col tb-col-lg"><span class="sub-text">Vérifié</span></th>
                                    <th class="nk-tb-col tb-col-md"><span class="sub-text">Status</span></th>
                                </tr>
                            </thead>
                        </table>

                            
                        </div>
                    </div><!-- .card-preview -->
                </div> <!-- nk-block -->
            </div><!-- .components-preview -->
        </div>
    </div>
</div>
@stop

@section('addedJs')
<script type="text/javascript">
$(document).ready(function() {

    $('#example').DataTable( {
        ajax:           "user/ajaxDataUsers",
        deferRender:    true,
        scrollY:        2000,
        scrollCollapse: true,
        scroller:       true,
        responsive: true,
        autoWidth: false,
        pageLength: 50,
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ],
        language: {
        search: "",
        searchPlaceholder: "Rechercher",
        order: [[ 1, "desc" ]],
        lengthMenu: "<span class='d-none d-sm-inline-block'>Voir</span><div class='form-control-select'> _MENU_ </div>",
        info: "_START_ -_END_ of _TOTAL_",
        infoEmpty: "No records found",
        infoFiltered: "( Total _MAX_  )",
        paginate: {
            "first": "Premier",
            "last": "Dernier",
            "next": "Suivant",
            "previous": "Précédent"
        }
        },
        initComplete: function () {
            this.api().row( 1000 ).scrollTo();
        }
    } );

    
} );
</script>
@stop