@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">
            <h2>Listado de mesas</h2>
        </div>
        <div class="col-sm-5 mb-2">
            <a title="Nuevo" href="/panel/administrador/mesas/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/mesas");'><span>Recargar</span></a>
        </div>
        <div class="col-sm-12">
            <table id="grilla" class="display" style="width:100% !important; padding:0px !important; margin:0px !important;">
                <thead>
                    <tr>
                        <th width="150px">Número de mesa</th>
                        <th>Fecha</th>
                        <th>Inicio</th>
                        <th>Fin</th>
                        <th>Cupo disponible</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/mesas/cargarGrilla') }}"
        });
    </script>

    @endsection