@extends('layout.sidebar')
@section('content')
    {{ Form::hidden('urlUserSearch', action('UserSubstitutionController@postUserSearch', array()), array('id'=>'urlUserSearch')) }}
    {{ Form::hidden('urlUserInfo', action('UserSubstitutionController@postLoadProfile', array()), array('id'=>'urlUserInfo')) }}

    {{ Form::hidden('students', action('TranscriptController@getStudents', array()), array('id'=>'students')) }}
    {{ Form::token()}}



    <div class="container-fluid">
        <div class="text-center">
            <h3>{{"Sustitución de Usuario"}}</h3>
            <br/>
        </div>

        <hr/>
        @if(!$sustitution)
            <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-employee"
                        style="padding-left:20px; padding-right:20px; text-align: center;">
                        <a class="nav-link color-warning" data-toggle="tab" href="#employee" role="tab"
                           aria-controls="container-employee"
                           style="border-radius: 80px; height: 80px; width: 80px; text-align: center; padding-top:20px;">
                            <i class="fa fa-user fa-3x" aria-hidden="true"></i>
                        </a>
                        </br>
                        <span style="font-size:12px; color: #555555; text-align: center;">Empleado</span>
                    </li>
                    <li class="nav-item " id="nav-student"
                        style="padding-left:20px; padding-right:20px; text-align: center;">
                        <a class=" color-warning" data-toggle="tab" href="#student" role="tab"
                           aria-controls="container-student"
                           style="border-radius: 80px; height: 80px; width: 80px; text-align: center; padding-top:20px;">
                            <i class="fa fa-graduation-cap fa-3x" aria-hidden="true"></i>
                        </a>
                        </br>
                        <span style="font-size:12px; color: #555555; text-align: center;">Estudiante</span>
                    </li>
                    <li class="nav-item" id="nav-guardian"
                        style="padding-left:20px; padding-right:20px; text-align: center;">
                        <a class="color-warning" data-toggle="tab" href="#guardian" role="tab"
                           aria-controls="container-guardian"
                           style="border-radius: 80px; height: 80px; width: 80px; text-align: center; padding-top:20px;">
                            <i class="fa fa-users fa-3x" aria-hidden="true"></i>
                        </a>
                        </br>
                        <span style="font-size:12px; color: #555555; text-align: center;">Representante</span>
                    </li>
                </ul>
            </div>
            <div class="row" id="main-menu" hidden>
                <div class="tab-content">
                    <div class="tab-pane" id="employee" role="tabpanel">
                        <div id='container-employee'>
                        </div>
                    </div>
                    <div class="tab-pane" id="student" role="tabpanel">
                        <div id='container-student'>
                        </div>
                    </div>
                    <div class="tab-pane" id="guardian" role="tabpanel">
                        <div id='container-guardian'>
                        </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">
                Usted ya esta conectado como otro usuario
            </div>
        @endif

    </div>


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