@extends('cultural.plantillaPanelAdministrador')
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
@endsection
@section('breadcrumb')

@endsection
@section('titulo', "Administrador")
@section('contenido')
    <div class="col-9">
    <div class="row">    
    <div class="col-sm-5 mb-1">
            <h2>Listado de usuarios</h2>
        </div>
        <div class="col-sm-5 mb-2">
            <a title="Nuevo" href="/panel/administrador/usuarios/nuevo" class="btn btn-cultural buttonRecargar" aria-hidden="true"><span>Nuevo</span></a>
            <a title="Recargar" href="#" class="btn btn-cultural buttonRecargar" aria-hidden="true" onclick='window.location.replace("/panel/administrador/usuarios");'><span>Recargar</span></a>
        </div>
        <div class="col-sm-12">
            <table id="grilla" class="display" style="width:100% !important;">
                <thead>
                    <tr>
                        <th>Nombre</th>
                        <th>Usuario</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <script>
        var dataTable = $('#grilla').DataTable({
            "processing": true,
            "serverSide": true,
            "bFilter": true,
            "bInfo": true,
            "bSearchable": true,
            "pageLength": 25,
            "order": [[ 0, "asc" ]],
            "ajax": "{{ asset('/panel/administrador/usuarios/cargarGrilla') }}"
        });
    </script>
    
@endsection