@extends('template.layout')
@section('styles')
    <style>
        .tt-input { /* UPDATE: newer versions use tt-input instead of tt-query */
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        }

        .tt-hint {
            color: #999;
        }

        .tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
            padding: 8px 0;
            background-color: #fff;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 4px;
            box-shadow: 0 5px 10px rgba(0,0,0,.2);
        }

        .tt-suggestion {
            padding: 3px 20px;
        }

        .tt-suggestion.tt-cursor {
            color: #fff;
            background-color: #0097cf;

        }

        .tt-suggestion p {
            margin: 0;
        }
    </style>
@endsection
@section('content')
    <h1 class="page-title">
        Gesti&oacute;n de planes de estudio
    </h1>
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">Listado de Especialidades | Periodo <span id="txtperiodo">    </span></div>
            <div class="actions">
            </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']) !!}
            </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>Planes de estudios</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
    <div id="plan_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/planes') }}";
        var urlData = "{{ route('planes.get') }}";
    </script>
    <script src="{{asset('js/pages/planes.estudio.js')}}" type="text/javascript"></script>
@endsection