@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 alumnos</h2> 
        </div>
        <div class="col-sm-5 mb-2">
            <a title="Recargar" href="/panel/administrador/alumnos/nuevo" class="btn buttonRecargar btn-cultural" aria-hidden="true"><span>Nuevo</span></a>
            <a title="Recargar" href="#" class="btn buttonRecargar btn-cultural" aria-hidden="true" onclick='window.location.replace("/panel/administrador/alumnos");'><span>Recargar</span></a>
        </div>
        <div class="col-sm-12">
            <table id="grilla" class="display" style="width:100% !important; padding:0px; margin:0px">
                <thead>
                    <tr>
                        <th>Nombre y Apellido</th>
                        <th>Documento</th>
                        <th>Fecha nacimiento</th>
                        <th>Email</th>
                        <th>Celular</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/alumnos/cargarGrilla') }}"
        });
    </script>
    
@endsection