@extends('layout.sidebar')
@section('content')
@section('title','Importación Toddle')
    {{ Form::hidden('urlSectionDropdown', action('BaseMethodsTemplateController@postSectionWithLevel', array()), array('id'=>'urlSectionDropdown')) }}
    {{ Form::hidden('urlSectionNavbar', action('BaseMethodsTemplateController@postSectionNavbar', array()), array('id'=>'urlSectionNavbar')) }}

    {{ Form::hidden('urlContainerRegisterStudent', action('ToddleImportController@postContainerRegisterStudent', array()), array('id'=>'urlContainerRegisterStudent')) }}
    {{ Form::hidden('urlContainerRegisterGrades', action('ToddleImportController@postContainerRegisterGrades', array()), array('id'=>'urlContainerRegisterGrades')) }}

    {{ Form::hidden('urlLoadFileGradesBySection', action('ToddleImportController@postLoadFileGradesBySection', array()), array('id'=>'urlLoadFileGradesBySection')) }}
    {{ Form::hidden('urlLoadFileStudentBySection', action('ToddleImportController@postLoadFileStudentBySection', array()), array('id'=>'urlLoadFileStudentBySection')) }}

    {{ Form::hidden('urlSaveFileStudent', action('ToddleImportController@postSaveFile', array()), array('id'=>'urlSaveFileStudent')) }}
    {{ Form::hidden('urlProcessStudent', action('ToddleImportController@postProcessStudent', array()), array('id'=>'urlProcessStudent')) }}
    {{ Form::hidden('urlProcessGrades', action('ToddleImportController@postProcessGrades', array()), array('id'=>'urlProcessGrades')) }}
    {{ Form::token()}}

    <input id="option_all" name="option_all" type="hidden" value="YES"/>
    <div class="container-fluid">
        <div class="text-center">
           <h3>{{"Importación Toddle"}}</h3>
        </div>

        <hr/>
        @if($currentYear)
        <input type="hidden" id="serial_scy" value="{{$currentYear->serial_scy}}">
            <div class="span-23" style="margin-right: auto; display: table;margin-left: auto;padding-top: 30px">
                <ul class="nav nav-tabs" id="myTab" role="tablist">

                    <li class="nav-item " id="nav-register-student"
                        style="padding-left:20px; padding-right:20px; text-align: center;">
                        <a class=" color-warning" data-toggle="tab" href="#register-grade" role="tab"
                           aria-controls="container-register-student"
                           style="border-radius: 80px; height: 45px; width: 160px; text-align: center; ">
                            <div class="inline">
                                <i class="fa fa-pencil-square-o fa-2x" aria-hidden="true" ></i>
                                <span style="font-size:14px; color: #F9F9FF;
                            text-align: center;">Estudiantes</span>
                            </div>
                        </a>
                    </li>

                    <li class="nav-item " id="nav-register-grade"
                        style="padding-left:20px; padding-right:20px; text-align: center;">
                        <a class=" color-warning" data-toggle="tab" href="#view-grade" role="tab"
                           aria-controls="container-register-grade"
                           style="border-radius: 80px; height: 45px; width: 160px; text-align: center; ">
                            <div class="inline">
                                <i class="fa fa-graduation-cap fa-2x" aria-hidden="true" ></i>
                                <span style="font-size:14px; color: #F9F9FF;
                            text-align: center;">Notas</span>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="row" id="main-menu" >
                <div class="tab-content">
                    <div class="tab-pane" id="register-grade" role="tabpanel">
                        <div id='container-register-student'>
                        </div>
                    </div>
                    <div class="tab-pane" id="view-grade" role="tabpanel">
                        <div id='container-register-grade'>
                        </div>
                    </div>
                </div>
            </div>
            </br>
            </br>

            <div class="col-md-7 col-sm-offset-1">
                <div class="form-horizontal">
                    <div class="form-group box-search-user" hidden>
                        {{ Form::label('student','Nombre o Apellido:',array('for'=>'student','class'=>'col-md-6 control-label','id'=>'label-student')) }}
                        <div class="col-md-6">
                            {{ Form::text('txtUser', '', array('class' => 'form-control', 'placeholder' => 'Nombres o Apellidos', 'autocomplete' => 'off', 'id' => 'txtUser')) }}
                        </div>
                        <div class="col-md-6 col-md-offset-6">
                            <div id="search-box" hidden></div>
                        </div>
                        {{ Form::hidden('serial_usr','',array('id' => 'serial_usr')) }}
                        {{ Form::hidden('type_usr','',array('id' => 'type_usr')) }}
                    </div>
                </div>
            </div>
            </br>
            <div class="text-center">
                <div class="tab-content">
                    <div id="messagesContainer"></div>
                </div>
                <div class="tab-content">
                    <div id="divForm"></div>
                </div>
            </div>
        @else
            <div class="alert alert-danger col-md-6 col-md-offset-3" style="text-align: center;" role="alert">
                No se encontraron años lectivos activos.
            </div>
        @endif

    </div>

    {{ HTML::style('css/common/eyelash.css') }}
    {{ HTML::script('js/templateFunctions/index.js')}}
    {{ HTML::script('js/toddleImport/index.js')}}
@stop