@extends('template.layout')

@section('content')
    <h1 class="page-title">
        Gestión de Periodos Acad&eacute;micos
    </h1>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">Periodos Acad&eacute;micos</div>
            <div class="actions">
                <div class="btn-group">
                    <button id="add_periodo" class="btn btn-primary">
                        <i class="fa fa-plus"></i> A&ntilde;adir
                    </button>
                </div>
            </div>
        </div>
        <div class="portlet-body">
            @include('alerts.index')
            <table class="table table-striped table-bordered table-hover table-bg" id="table_gestion">
                <thead class="thead-default">
                <tr>
                    <th>Periodo Acad&eacute;mico</th>
                    <th>Inicio</th>
                    <th>Fin</th>
                    <th>Estado</th>
                    <th>Opciones</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
    <div id="periodo_modal" class="modal fade" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        var urlBase = "{{ url('admin/periodos/academicos') }}";
        var urlData = "{{ route('periodo.academico.get') }}";
    </script>
    <script src="{{asset('js/pages/periodo.academico.index.js')}}" type="text/javascript"></script>
@endsection