@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;
        }
        .twitter-typeahead{
            width: 100%;
        }

        .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 plan de estudio {{ $especialidad }} - {{ $periodo }}
    </h1>
    <div class="note note-warning">
        <h4 class="block">Guardado Autom&aacute;tico</h4>
        <h5>- Todos los cambios creados se guardaran automaticamente.</h5>
    </div>
    <div class="portlet light bordered">
        {!! Form::hidden('invisibleCurso', '', array('id' => 'invisibleCurso_id','dataMid' => $idMalla)) !!}
        <div class="portlet-title">

            <div class="caption"><a class=" icon-action-undo" href="{{ url('admin/planes') }}" style="padding: 5px;"></a>Gesti&oacute;n de Ciclos y Cursos</div>
            <div class="actions">
                @if($modular == true)
                    <button id="gestion_modulo" class="btn btn-primary modulos" onclick="showModulos(this)" data-id="{{ $id_malla }}">
                        <i class="fa fa-gear"></i> Gestionar M&oacute;dulos
                    </button>
                @endif
                <div class="btn-group ciclo">
                    <button id="ciclo_agregar" class="btn btn-primary plan">
                    <i class="fa fa-plus"></i> Agregar ciclo
                    </button>
                </div>
            </div>
        </div>

        @include('alerts.index')

        <div class="portlet-body" id="portlet-accordions">
            <div id="ciclo_1" data-v="" data-ciclo=""></div>
            <div id="ciclo_2" data-v="" data-ciclo=""></div>
            <div id="ciclo_3" data-v="" data-ciclo=""></div>
            <div id="ciclo_4" data-v="" data-ciclo=""></div>
            <div id="ciclo_5" data-v="" data-ciclo=""></div>
            <div id="ciclo_6" data-v="" data-ciclo=""></div>
            <div id="ciclo_7" data-v="" data-ciclo=""></div>
            <div id="ciclo_8" data-v="" data-ciclo=""></div>
            <div id="ciclo_9" data-v="" data-ciclo=""></div>
            <div id="ciclo_10" data-v="" data-ciclo=""></div>
            <div id="ciclo_11" data-v="" data-ciclo=""></div>
            <div id="ciclo_12" data-v="" data-ciclo=""></div>
            <div id="ciclo_13" data-v="" data-ciclo=""></div>
            <div id="ciclo_14" data-v="" data-ciclo=""></div>
            <div id="ciclo_15" data-v="" data-ciclo=""></div>
            <div id="ciclo_16" data-v="" data-ciclo=""></div>
            <div id="ciclo_17" data-v="" data-ciclo=""></div>
            <div id="ciclo_18" data-v="" data-ciclo=""></div>
            <div id="ciclo_19" data-v="" data-ciclo=""></div>
            <div id="ciclo_20" data-v="" data-ciclo=""></div>
        </div>

    </div>

    <div id="contp_modal" class="modal fade">
        <div class="modal-dialog" style="width: 250px;">
            <div class="modal-content modal1">
            </div>
        </div>
    </div>

    <div id="contc_modal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content modal2">
            </div>
        </div>
    </div>

    <div id="contm_modal" class="modal fade">
        <div class="modal-dialog" style="width: 250px !important;">
            <div class="modal-content modal3">
            </div>
        </div>
    </div>

    <div id="modulo_container">
    </div>
@endsection

@section('scripts')
    <script>
        var urlBase = "{{ url('admin/planes') }}";
        var urlData = "{{ route('planes.get') }}";
        var Arr = []; var curso = "";
        var urlFiltro = "{{ url('admin/planes/cursofiltro') }}"
    </script>

    <script src="{{asset('js/pages/planes.estudio.js')}}" type="text/javascript"></script>
    @if($modular == true)
        <script src="{{asset('js/pages/planes.estudio.modulo.js')}}" type="text/javascript"></script>
    @endif
@endsection