@extends('template.layout')

@section('content')
    <h1 class="page-title">
        Gestión de Especialidades
    </h1>
    <input id="ultimo" type="hidden" value="{{$id}}"/>
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">Especialidades por Periodo Academico</div>
            <div class="actions">
                @if($id != "")
                    <div class="btn-group periodo">
                        <button id="add_periodo" class="btn btn-primary periodo">
                            <i class="fa fa-plus"></i> A&ntilde;adir Especialidad
                        </button>
                    </div>
                @endif
            </div>
        </div>
        <div class="portlet-body">
            @include('alerts.index')
            <div class="col-md-2">
                <label class="control-label">Periodo Academico</label>
                {!! Form::select('periodos[]',$periodos,[],['class'=>'form-control placeholder-no-fix','id' => 'periodo','data-type' => '5', 'required'=>'true']) !!}
            </div>
            <div class="col-md-4">
                <label class="control-label">Busqueda Avanzada</label>
                {!! Form::text('filter-text', null,['class'=>'form-control placeholder-no-fix', 'id' => 'filter-text' ,'placeholder' => 'Busqueda por nombre']) !!}
            </div>
            <table class="table table-striped table-bordered table-hover table-bg" id="table_gestion" style="margin-top: 2% !important;">
                <thead class="thead-default">
                <tr>
                    <th>código</th>
                    <th>Especialidad</th>
                    <th>Director de Carrera</th>
                    <th>Vacantes</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/especialidades') }}";
        var urlData = "{{ route('especialidad.get') }}";
        var urlVal = "{{ route('periodo.validacion') }}";
        var urlModificar = "{{ route('especialidad.editar') }}";
    </script>
    <script src="{{asset('js/pages/especialidades.index.js')}}" type="text/javascript"></script>
@endsection