@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 | {{ $especialidad }} - {{ $periodo }}
    </h1>
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <a class=" icon-action-undo" href="{{ url('admin/planes') }}" style="padding: 5px;"></a>
                Ciclos y Cursos</div>
        </div>


        @include('alerts.index')
        <div class="portlet-body" id="portlet-accordions">
            @foreach($ciclos as $hilo)
                <div class="portlet box blue" >
                    <div class="portlet-title ciclo_{{ $hilo['ciclo']['num_ciclo'] }}" data-ciclo="{{$hilo['ciclo']['id']}}">
                        <div class="caption">
                            <i class="fa fa-gg"></i>{{ $hilo['ciclo']['nombre'] }} </div>
                        <div class="tools">
                            <a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
                            {{--<a id="remove" onclick="popupEliminar('{{ $hilo['ciclo']['num_ciclo'] }}')"  data-original-title="" title=""> </a>--}}

                        </div>
                    </div>

                    <div class="portlet-body" style="display: block;">
                        <div class="panel-group accordion" id="accordion_{{$hilo['ciclo']['num_ciclo']}}">
                            @foreach($list as $item)
                                @if($item['id_ciclo'] == $hilo['id_ciclo'])
                                    <div class="panel panel-default curso_{{$item['id_curso']}}" id="curso_{{$item['id_curso']}}">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse_{{$item['curso']['codigo']}}" style="font-weight:300;"> {{$item['curso']['codigo']}} - {{$item['curso']['nombre']}} </a>
                                            </h4>

                                        </div>
                                        <div id="collapse_{{$item['curso']['codigo']}}" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
                                            <div class="panel-body">
                                                <div class="form-group">
                                                    {!! Form::label('txt', 'C&oacute;digo:',array('style' => 'font-weight:bold;')) !!}
                                                    {!! Form::label('codigo', $item['curso']['codigo']) !!}
                                                </div>
                                                <div class="form-group">
                                                    {!! Form::label('txt', 'Nombre:',array('style' => 'font-weight:bold;')) !!}
                                                    {!! Form::label('nombre', $item['curso']['nombre']) !!}
                                                </div>
                                                <div class="form-group">
                                                    {!! Form::label('txt', 'N&uacute;mero de cr&eacute;ditos:',array('style' => 'font-weight:bold;')) !!}
                                                    {!! Form::label('creditos',$item['curso']['creditos']) !!}
                                                </div>
                                                <div class="form-group">
                                                    {!! Form::label('txt', 'Cantidad de horas:',array('style' => 'font-weight:bold;')) !!}
                                                    {!! Form::label('horas', $item['curso']['horas']) !!}
                                                </div>
                                                <div class="form-group">
                                                    {!! Form::label('txt', 'Tipo de Curso:',array('style' => 'font-weight:bold;')) !!}
                                                    {!! Form::label('electivo',config('constants.TIPO_CURSO_NOMBRE')[$item['tipo']]) !!}
                                                </div>
                                                <div class="form-group">
                                                    {!! Form::label('txt', 'Descripci&oacute;n:',array('style' => 'font-weight:bold;')) !!}<br>
                                                    {!! Form::label('descripcion', $item['curso']['descripcion']) !!}
                                                </div>
                                                <div class="form-group">
                                                    {!! Form::label('txt', 'Temas del curso:',array('style' => 'font-weight:bold;')) !!}<br>
                                                    {!! Form::label('temas', $item['curso']['temas']) !!}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

    </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>
@endsection