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


        @php
            $contador = [];
            $c = 0;
        @endphp
        @include('alerts.index')
        <div class="portlet-body" id="portlet-accordions">
            @foreach($ciclos as $hilo)
                @php
                    array_push($contador,$hilo['ciclo']['num_ciclo']."") ;
                @endphp
            @endforeach

            @foreach(range(1,20) as $i)
                    @if(in_array((string)$i, $contador))
                        <div id="ciclo_{{ $ciclos[$c]['ciclo']['num_ciclo'] }}" data-v="false" data-ciclo="{{$ciclos[$c]['id']}}">
                            <div class="portlet box blue" >
                                <div class="portlet-title ciclo_{{ $ciclos[$c]['id'] }}">
                                    <div class="caption">
                                        <i class="fa fa-gg"></i>{{ $ciclos[$c]['ciclo']['nombre'] }} <small>{{ ($ciclos[$c]['practicas'] == 1 ? '- Convalidación de Prácticas' : '') }}</small> </div>
                                    <div class="tools">
                                        <a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
                                        <a id="remove" onclick="popupEliminar('{{ $ciclos[$c]['ciclo']['num_ciclo'] }}')"  data-original-title="" title=""> </a>
                                    </div>
                                </div>
                                <div class="portlet-body" style="display: block;">
                                    <div class="panel-group accordion" id="accordion_{{$ciclos[$c]['ciclo']['num_ciclo']}}">
                                        @foreach($list as $item)
                                            @if($item['id_ciclo'] == $ciclos[$c]['id_ciclo'])
                                                <div class="panel panel-default curso_{{$item['id']}}" id="curso_{{$item['id']}}" data-curso="{{$ciclos[$c]['ciclo']['num_ciclo']}}">
                                                    <div class="panel-heading">
                                                        <h4 class="panel-title">
                                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse_{{$item['curso']['codigo']}}"> {{$item['curso']['codigo']}} - {{$item['curso']['nombre']}} </a>
                                                        </h4>
                                                        <div class="form-actions text-right" style="background-color: white">
                                                            <button type="button" onclick="MoverCurso({{$item['id']}})" class="btn btn-default" data-dismiss="modal">Mover</button>
                                                            <button type="button" onclick="EliminarCurso({{$item['id']}})" class="btn btn-default" data-dismiss="modal">Eliminar</button>
                                                        </div>
                                                    </div>
                                                    <div id="collapse_{{$item['curso']['codigo']}}" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
                                                        <div class="panel-body">
                                                            @if($modular == true)
                                                                <div class="form-group">
                                                                    {!! Form::label('txt', 'M&oacute;dulo:',array('style' => 'font-weight:bold;')) !!}
                                                                    {!! Form::label('modulo', $item['modulo']['nombre']) !!}
                                                                </div>
                                                            @endif
                                                            <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('tipo',($item['tipo'] == 1 ? 'Espec&iacute;fico' : ($item['tipo'] == 2 ? 'Transversal' : 'Electivo'))) !!}
                                                            </div>
                                                            <div class="form-group">
                                                                {!! Form::label('txt', 'Descripci&oacute;n',array('style' => 'font-weight:bold;')) !!}
                                                                {!! Form::label('descripcion', $item['curso']['descripcion']) !!}
                                                            </div>
                                                            <div class="form-group">
                                                                {!! Form::label('txt', 'Temas del curso',array('style' => 'font-weight:bold;')) !!}
                                                                {!! Form::label('temas', $item['curso']['temas']) !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @endforeach
                                    </div>
                                    <div class="form-actions text-right">
                                        <button onclick="AgregarCurso('{{$ciclos[$c]['ciclo']['num_ciclo']}}')" id="submitBtn{{$ciclos[$c]['ciclo']['num_ciclo']}}"  type="submit" class="btn btn-primary ladda-button" data-style="slide-down">
                                            <span class="ladda-label">Agregar Curso</span>
                                            <span class="ladda-spinner"></span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @php
                            $c++; ;
                        @endphp
                    @else
                        <div id="ciclo_{{ $i-1 }}" data-v="" data-ciclo=""></div>
                    @endif
            @endforeach

        </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 Arr = {!! json_encode($contador) !!};
        var curso = "";
        var urlData = "{{ route('planes.get') }}";
        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