@extends('cultural.plantillaExamen')
@section('breadcrumb')
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script>
    globalId = '0';
    </script>
@endsection
@section('titulo', "$examen->nombre")
@section('contenido')
<div class="col-9">
    <div class="row">
        <div class="col-sm-5">
            <h2>Listado de exámenes</h2>
        </div>
        <div class="col-sm-12">
            <table id="grilla" class="display" style="width:100% !important; padding:0px !important; margin:0px !important;">
                <thead>
                    <tr style="color: #8B0000 !important; text-transform: uppercase;">
                        <th>Alumno/a</th>
                        <th>Fecha</th>
                        <th>Estado</th>
                        <th>Duración</th>
                        <th>Calificación</th>
                        <th> Exámen</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": "{{ route('culturalExamen.cargarGrilla')}}?id=" + globalId
        }); 
    </script>
@endsection