@extends('layout.sidebar')
@section('content')
@section('title','Planificación Anual')
<!-- Rutas-->
{{ Form::hidden('hdnAnualPlanning', action('PlanningSubjectController@getIndex', array()), array('id'=>'hdnAnualPlanning')) }}
{{ Form::hidden('rtuYearPlanning', action('PlanningSubjectController@getYearPlanningPDF', array()), array('id'=>'rtuYearPlanning')) }}
{{ Form::hidden('hdnPlanningWeek', action('PlanningSubjectController@getPlanningWeek', array()), array('id'=>'hdnPlanningWeek')) }}


<input type="hidden" id="serial_sbc" name="serial_subject" value="{{$serial_sbc?$serial_sbc:'null'}}">
<input type="hidden" id="serial_osb" name="type_subject" value="{{$serial_osb?$serial_osb:'null'}}">
<input type="hidden" id="serial_set" name="serial_set" value="{{$serial_set}}">
<input type="hidden" id="serial_lvl" name="serial_lvl" value="{{$serial_lvl}}">
<input type="hidden" id="serial_sgp" name="serial_sgp" value="{{$serial_sgp}}">
<input type="hidden" id="name_subject" name="name_subject" value="{{$name_subject}}">
<input type="hidden" id="serial_syp" name="serial_syp" value="{{$data['serial_syp']}}">

<div class="text-center"><h3>Planificación Anual - {{$name_subject}}</h3></div>
<!-- <div class="text-center"><h3>{{$name_subject}}</h3></div> -->
<br/>


<div class="row form-group">
    <div class="col-md-12">
        @if($data['serial_syp'])
            <div class="container">
                <div class="row grid-divider">
                    <div class="col-sm-3">
                        <div class="col-padding">
                            <ul class="nav">
                                <li>
                                <span class="round-tabs @if($sizes['area']==0)ko @else ok @endif">
                                    <i class="@if($sizes['area']==0)glyphicon glyphicon-remove @else glyphicon glyphicon-ok @endif"></i>
                                </span>
                                </li>
                            </ul>
                            <div class="col-sm-10 col-md-offset-2">
                                <p>{{$sizes['area']}} </p>
                            </div>
                            <div class="col-sm-12 col-md-offset-2">
                                <p>Objetivos del Área</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="col-padding">
                            <ul class="nav">
                                <li>
                                <span class="round-tabs @if($sizes['course']==0)ko @else ok @endif">
                                    <i class="@if($sizes['course']==0)glyphicon glyphicon-remove @else glyphicon glyphicon-ok @endif"></i>
                                </span>
                                </li>
                            </ul>
                            <div class="col-sm-10 col-md-offset-2">
                                <p>{{$sizes['course']}} </p>
                            </div>
                            <div class="col-sm-12 col-md-offset-2">
                                <p>Objetivos del Grado/Curso </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="col-padding">
                            <ul class="nav">
                                <li>
                                <span class="round-tabs @if($sizes['axis']==0)ko @else ok @endif">
                                    <i class="@if($sizes['axis']==0)glyphicon glyphicon-remove @else glyphicon glyphicon-ok @endif"></i>
                                </span>
                                </li>
                            </ul>
                            <div class="col-sm-10 col-md-offset-2">
                                <p>{{$sizes['axis']}} </p>
                            </div>
                            <div class="col-sm-12 col-md-offset-2">
                                <p>Ejes Transversales </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="col-padding">
                            <ul class="nav">
                                <li>
                                <span class="round-tabs @if($sizes['unit']==0)ko @else ok @endif">
                                    <i class="@if($sizes['unit']==0)glyphicon glyphicon-remove @else glyphicon glyphicon-ok @endif"></i>
                                </span>
                                </li>
                            </ul>
                            <div class="col-sm-10 col-md-offset-2">
                                <p>{{$sizes['unit']}} </p>
                            </div>
                            <div class="col-sm-12 col-md-offset-2">
                                <p>Unidades de Planificación </p>
                            </div>
                        </div>
                    </div>
                   <!-- <div class="col-sm-3">
                        <div class="col-padding">
                            <ul class="nav">
                                <li>
                                <span class="round-tabs ok">
                                    <i class="glyphicon glyphicon glyphicon-ok"></i>
                                </span>
                                </li>
                            </ul>
                            <div class="col-sm-10 col-md-offset-2">
                                <p></p>
                            </div>
                            <div class="col-sm-12 col-md-offset-2">
                                <p>Objetivos del Área</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="col-padding">
                            <ul class="nav">
                                <li>
                                <span class="round-tabs ok">
                                    <i class="glyphicon glyphicon-ok"></i>
                                </span>
                                </li>
                            </ul>
                            <div class="col-sm-10 col-md-offset-2">
                                <p> </p>
                            </div>
                            <div class="col-sm-12 col-md-offset-2">
                                <p>Objetivos del Grado/Curso </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="col-padding">
                            <ul class="nav">
                                <li>
                                <span class="round-tabs ok">
                                    <i class="glyphicon glyphicon-ok"></i>
                                </span>
                                </li>
                            </ul>
                            <div class="col-sm-10 col-md-offset-2">
                                <p> </p>
                            </div>
                            <div class="col-sm-12 col-md-offset-2">
                                <p>Ejes Transversales </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="col-padding">
                            <ul class="nav">
                                <li>
                                <span class="round-tabs ok">
                                    <i class="glyphicon glyphicon-ok"></i>
                                </span>
                                </li>
                            </ul>
                            <div class="col-sm-10 col-md-offset-2">
                                <p> </p>
                            </div>
                            <div class="col-sm-12 col-md-offset-2">
                                <p>Unidades de Planificación </p>
                            </div>
                        </div>
                    </div>-->
                </div>
            </div>
        <div class="row form-group">
        </div>
            <div class="row col-md-offset-3">
                <div class="col-md-4">
                    <a href="{{action('PlanningSubjectController@getIndex')}}/{{$serial_subject}}/{{$type_subject}}">
                        <button class="btn btn-default btn-success btn-block" id="btnEditAnualPlanning" type=""><span
                                    class="glyphicon glyphicon-edit"></span> Editar planificación
                        </button>
                    </a>
                </div>
                <div class="col-md-4">
                    <button class="btn btn-warning btn-block" id="btn-year-planning" type="button"><span
                                class="glyphicon glyphicon-file"></span> Generar reporte
                    </button>
                </div>
            </div>
            @if($sizes['unit']>0)
                <br/>
                <br/>
                <br/>
                <div class="text-center"><h3>Planificación por bloque</h3></div>
                <br/>
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        @if(is_array($list))
                            <table class="table table-bordered table-striped table-condensed results">
                                <thead>
                                <tr align="center">
                                    <th class="">
                                        DESCRIPCIÓN
                                    </th>
                                    <th>
                                        PORCENTAJE
                                    </th>
                                    <th>
                                        CANTIDADES
                                    </th>
                                    <th>
                                    </th>
                                    @if($unitForm)
                                        <th colspan="2">
                                        </th>
                                    @endif
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($list as $item)
                                    <tr>
                                        <td class="text-muted" style="vertical-align: middle" align="center">
                                            <label> {{$item['description_put']}}</label>
                                        </td>
                                        <td class="text-muted" style="vertical-align: middle"  align="center">
                                            {{$item['total']}} %
                                        </td>
                                        <td class="text-muted" style="vertical-align: middle" align="center">
                                            <span title="Objetivos específicos" class="badge {{$item['specific_objectives'] == 0 ? 'red-traffic' : 'blue-traffic'}} btn-warming">{{$item['specific_objectives']}}</span>
                                            <span title="Contenidos/Destrezas" class="badge {{$item['skill_unit'] == 0 ? 'red-traffic' : 'blue-traffic'}} btn-warming">{{$item['skill_unit']}}</span>
                                            <span title="Orientaciones metodológicas" class="badge {{$item['orientation_unit'] == 0 ? 'red-traffic' : 'blue-traffic'}} btn-warming">{{$item['orientation_unit']}}</span>
                                            <span title="Indicadores/Evaluación" class="badge {{$item['evaluation_unit'] == 0 ? 'red-traffic' : 'blue-traffic'}} btn-warming">{{$item['evaluation_unit']}}</span>
                                            <span title="Ejes Transversales" class="badge {{$item['axis_unit'] == 0 ? 'red-traffic' : 'blue-traffic'}} btn-warming">{{$item['axis_unit']}}</span>
                                            <span title="Estrategias metodológicas" class="badge {{$item['strategies_unit'] == 0 ? 'red-traffic' : 'blue-traffic'}} btn-warming">{{$item['strategies_unit']}}</span>
                                            <span title="Recursos del bloque" class="badge {{$item['resource_unit'] == 0 ? 'red-traffic' : 'blue-traffic'}} btn-warming">{{$item['resource_unit']}}</span>
                                            <span title="Indicadores de logro" class="badge {{$item['achievement_unit'] == 0 ? 'red-traffic' : 'blue-traffic'}} btn-warming">{{$item['achievement_unit']}}</span>
                                        </td>

                                        <td class="col-md-1">
                                            <div id="button">
                                                <a href="{{action('PlanningUnitBlockController@getIndex')}}/{{$item['serial_spu']}}/{{$serial_subject}}/{{$type_subject}}/{{$item['description_put']}}">
                                        <span class="button edit">
                                            <i class="fa fa-edit fa-2x" aria-hidden="true"
                                               style="padding-top: 10px; padding-bottom: 10px;"></i>
                                            <br> Editar
                                        </span>
                                                </a>
                                            </div>
                                        </td>
                                        @if($unitForm)
                                            <td class="col-md-1">
                                                <div id="button">
                                                    <a href="{{action($unitForm['planning_form']['url_pfm'])}}/{{$item['serial_put']}}/{{$item['serial_spu']}}/null/null" target="_blank">
                                        <span class="button edit">
                                            <i class="fa fa-edit fa-2x" aria-hidden="true"
                                               style="padding-top: 10px; padding-bottom: 10px;"></i>
                                            <br> Formulario General
                                        </span>
                                                    </a>
                                                </div>
                                            </td>
                                            <!-- <td class="col-md-1">
                                                <div id="button">
                                                    <a href="{--{action($unitForm['planning_form']['url_pfm'])}}/{{$item['serial_put']}}/null/{{$serial_sbc?$serial_sbc:'null'}}/{{$serial_osb?$serial_osb:'null'}}">
                                        <span class="button edit">
                                            <i class="fa fa-edit fa-2x" aria-hidden="true"
                                               style="padding-top: 10px; padding-bottom: 10px;"></i>
                                            <br> Formulario Materia
                                        </span>
                                                    </a>
                                                </div>
                                            </td> -->
                                        <td class="col-md-1">
                                                <div id="button">
                                                    <a href="" class="week-planning" serial_put="{{$item['serial_put']}}" serial_spu="{{$item['serial_spu']}}">
                                        <span class="button edit">
                                            <i class="fa fa-edit fa-2x" aria-hidden="true"
                                               style="padding-top: 10px; padding-bottom: 10px;"></i>
                                            <br> Planificación Semanal
                                        </span>
                                                    </a>
                                                </div>
                                            </td>
                                        @endif
                                    </tr>
                                @endforeach

                                </tbody>
                            </table>
                        @endif
                    </div>
                </div>
            @endif
        @else
            <div align="center">
                <h4 class="text-muted">Bienvenido al módulo de planificación curricular, para crear tu planificación anual presiona el siguiente
                    botón</h4>
            </div>

            <a href="{{action('PlanningSubjectController@getIndex')}}/{{$serial_subject}}/{{$type_subject}}">
                <button class=" col-md-4 col-lg-offset-4 btn btn-defaul btn-success" id="btnEditAnualPlanning" type=""><span
                            class="glyphicon glyphicon-edit"></span>Crear planificación anual
                </button>
            </a>

            <p hidden>Para desbloquear la planificación por bloque debes configurar unidades de planificación en la planificación
                curricular anual.</p>
        @endif
    </div>
</div>
<div class="row" align="center">
    <a href="{{action('HomeTeacherController@getIndex')}}">
        <button class="col-md-2 col-md-offset-5 btn btn-default btn-primary" id="backHomeTeacher">
            Atrás
        </button>
    </a>
</div>


{{ HTML::script('js/planning/summary.js') }}
{{ HTML::style('css/planning/summary.css') }}
{{ HTML::style('css/common/feature-table.css') }}
{{ HTML::script('js/common/feature-table.js') }}
@stop