{% block contenido %}
  <div class="row">
    <div class="col-lg-12">
      <div class="panel panel-default">
        <div class="panel-heading">
          <div class="caption">Ficha</div>
        </div>
        <div class="panel-body">
          <div class="col-md-10">
            <div class="tabbable tabs">
              <ul id="myTab2" class="nav nav-tabs">
                <li  class="active">
                  <a href="#usuario" data-toggle="tab">Perfil Sur@Ubv</a>
                </li>
                <li>
                  <a href="#informacionPersonal" data-toggle="tab">Datos Personales</a>
                </li>
                <li>
                  <a href="#datosAcademicos" data-toggle="tab">Datos Académicos</a>
                </li>
                <li class="dropdown">
                  <a id="myDrop" href="#" data-toggle="dropdown" class="dropdown-toggle">Pre-Inscripcion
                    &nbsp;<b class="fa fa-angle-down"></b>
                  </a>
                  <ul role="menu" aria-labelledby="myDrop" class="dropdown-menu">
                    {% for programaInscrito in user["Persona"]["aspirantes"] %}
                      <li>
                        <a href="#dropdown{{programaInscrito["programa"]["id"]}}" tabindex="-1" data-toggle="tab">{{programaInscrito["programa"]["programaTipo"]["programaNivel"]["descripcion"]}} ({{programaInscrito["programa"]["programaTipo"]["codigo"]}})</a>
                      </li>
                    {% endfor%}  
                  </ul>
                </li>
              </ul>
              <div id="myTabContent2" class="tab-content">
                <div id="usuario" class="tab-pane fade in active">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="row">
                        <div class="col-md-6">
                          <br>
                          <div class="form-group">
                            <label class="control-label">
                              Nombre de usuario:
                            </label>
                            <input class="form-control" type="text" disabled="disabled" placeholder="{{ user["Persona"]["username"] }}">
                          </div>
                        </div>
                        <div class="col-md-6">
                          <br>
                          <div class="form-group">
                            <label class="control-label">
                              Correo Electr&oacute;nico
                            </label>
                            <input class="form-control" type="text" disabled="disabled" placeholder="{{user["Persona"]["email"]}}">
                          </div>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-md-12 ">
                          <div class=" well">
                            <div class="form-group">
                              <input type="checkbox" {% if user["Persona"]["enabled"] == 1 %}  checked {% endif %} disabled="disabled">
                              <span>Activo</span>
                            </div>
                          </div>
                          {% if is_granted('ROLE_ADMIN') %}
                            <div class=" form-group">
                              <div class="row col-md-6">
                                <a href="{{ path('autenticacion_principal') }}">
                                  <button class="btn btn-md btn-warning btn-block"><span class="glyphicon glyphicon-edit"></span> Listar Usuarios</button>
                                </a>
                              </div>
                              <div class="row col-md-6 pull-right">
                                <a href="{{ path('autenticacion_principal') }}">
                                  <button class="btn btn-md btn-primary btn-block"><span class="glyphicon glyphicon-lock"></span> Cambiar Contraseña</button>
                                </a>
                              </div>
                            </div>
                          {%endif%}
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div id="informacionPersonal" class="tab-pane fade">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="portlet portlet-default">
                        <div class="portlet-header">
                          <div class="caption text-blue">Datos Personales</div>
                        </div>
                        <div class="portlet-body">
                          <div class="row">
                            <div class="col-md-12">
                              <p class="lead">Información General:</p>
                              <div class="row">
                                <div class="col-md-4">
                                  <label class="control-label">
                                    Documento Identidad:
                                  </label>

                                  <div class="row">
                                    <div class="col-md-3">
                                      <input class="form-control" type="text" disabled="disabled" placeholder="{{ user["Persona"]["personaNacionalidads"]["0"]["documentoIdentidadTipo"]["codigo"] }}">
                                    </div>
                                    <div class="row col-md-9">
                                      <input class="form-control" type="text" disabled="disabled" placeholder="{{ user["Persona"]["personaNacionalidads"]["0"]["identificacion"] }}">
                                    </div>
                                  </div>
                                </div>
                                <div class="col-md-2">
                                  <div class="form-group">
                                    <label class="control-label">
                                      Nacionalidad
                                    </label>
                                    <input class="form-control" type="text" disabled="disabled" placeholder="{{ user["Persona"]["personaNacionalidads"]["0"]["nacionalidad"]["descripcion"] }}">
                                  </div>
                                </div>
                                <div class="col-md-2">
                                  <div class="form-group">
                                    <label class="control-label">
                                      Estado Civil
                                    </label>
                                    <input class="form-control" type="text" disabled="disabled" placeholder="{{ user["Persona"]["estadoCivil"]["descripcion"] }}">
                                  </div>
                                </div>
                                <div class="col-md-2">
                                  <div class="form-group">
                                    <label class="control-label">
                                      Genero
                                    </label>
                                    <input class="form-control" type="text" disabled="disabled" placeholder="{{ user["Persona"]["genero"]["descripcion"] }}">
                                  </div>
                                </div>
                              </div>

                              <div class="row">
                                <div class="col-md-3">
                                  <div class="form-group">
                                    <label class="control-label">
                                      Primer Nombre
                                    </label>
                                    <input class="form-control" type="text" disabled="disabled" placeholder="{{ user["Persona"]["primer_nombre"] }}">
                                  </div>
                                </div>
                                <div class="col-md-3">
                                  <div class="form-group">
                                    <label class="control-label">
                                      Segundo Nombre
                                    </label>
                                    <input class="form-control" type="text" disabled="disabled" placeholder="{{ user["Persona"]["segundo_nombre"] }}">
                                  </div>
                                </div>
                                <div class="col-md-3">
                                  <div class="form-group">
                                    <label class="control-label">
                                      Primer Apellido
                                    </label>
                                    <input class="form-control" type="text" disabled="disabled" placeholder="{{ user["Persona"]["primer_apellido"] }}">
                                  </div>
                                </div>
                                <div class="col-md-3">
                                  <div class="form-group">
                                    <label class="control-label">
                                      Segundo Apellido
                                    </label>
                                    <input class="form-control" type="text" disabled="disabled" placeholder="{{ user["Persona"]["segundo_apellido"] }}">
                                  </div>
                                </div>
                              </div>
                            </div>         
                          </div>
                        </div>
                      </div>
                      <div class="portlet portlet-default">
                        <div class="portlet-header">
                          <div class="caption text-blue">Información de Contacto</div>
                        </div>
                        <div class="portlet-body">
                          <div class="row">
                            <div class="col-md-12">
                              <p class="lead">Correos:</p>
                              <div class="row">
                                {% for correo in user["Persona"]["personaCorreos"] %}
                                  <div class="col-md-4">
                                    <div class="form-group">
                                      <label class="control-label">
                                        Correo {{ correo["correoTipo"]["descripcion"] }}
                                      </label>
                                      <input class="form-control" type="text" disabled="disabled" placeholder="{{ correo["correo"] }}">
                                    </div>
                                  </div>
                                {% endfor %}  
                              </div>

                              <p class="lead">Telefonos:</p>                                <div class="row">
                                {% for telefono in user["Persona"]["personaTelefonos"] %}
                                  <div class="col-md-2">
                                    <div class="form-group">
                                      <label class="control-label">
                                        Telefono {{ telefono["telefonoCodigoArea"]["telefonoTipo"]["descripcion"] }}
                                      </label>
                                      <input class="form-control" type="text" disabled="disabled" placeholder="{{ telefono["telefonoCodigoArea"]["descripcion"]}}-{{ telefono["telefono"] }}">
                                    </div>
                                  </div>
                                {% endfor %}  
                              </div>
                            </div>       
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="datosAcademicos" class="tab-pane fade">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="portlet portlet-default">
                        <div class="portlet-header">
                          <div class="caption text-blue">Información Académica</div>
                        </div>
                        <div class="portlet-body">
                          <div class="row">
                            <div class="col-md-12">
                              {% for infAcademica in user["Persona"]["aspirantes"] %}
                                {% if infAcademica["programa"]["programaTipo"]["programaNivel"]["descripcion"] == "Pre-Grado" %}
                                  <p class="lead">Educación Diversificada</p>
                                {% else %}
                                  <br>
                                  <p class="lead">Educación Universitaria</p>
                                {% endif%}

                                <div class="row">
                                  <div class="col-md-6">
                                    <div class="form-group">
                                      <label class="control-label">
                                        Unidad Educativa
                                      </label>
                                      <input class="form-control" type="text" disabled="disabled" placeholder="{{ infAcademica["institucion"] }}">
                                    </div>
                                  </div>
                                  <div class="col-md-2">
                                    <div class="form-group">
                                      <label class="control-label">
                                        Tipo de Institución
                                      </label>
                                      <input class="form-control" type="text" disabled="disabled" placeholder="{{ infAcademica["institucion_tipo"] }}">
                                    </div>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-md-1">
                                    <div class="form-group">
                                      <label class="control-label">
                                        Promedio
                                      </label>
                                      <input class="form-control" type="text" disabled="disabled" placeholder="{{ infAcademica["promedio_nota"] }}">
                                    </div>
                                  </div>
                                  <div class="col-md-2">
                                    <div class="form-group">
                                      <label class="control-label">
                                        Año de Graduación
                                      </label>
                                      <div class="input-group">
                                        <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                                        <input class="form-control" type="text" disabled="disabled" placeholder="{{ infAcademica["ano_grado"]|date("d/m/Y") }}">
                                      </div>

                                    </div>
                                  </div>

                                </div>
                              {% endfor %}
                            </div>         
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                {% for programaInscrito in user["Persona"]["aspirantes"] %}
                  <div id="dropdown{{programaInscrito["programa"]["id"]}}" class="tab-pane fade">
                    <div class="row">
                      <div class="col-md-12">
                        <div class="portlet portlet-default">
                          <div class="portlet-header">
                            <div class="caption text-blue">{{programaInscrito["programa"]["programaTipo"]["descripcion"]}} ({{programaInscrito["programa"]["programaTipo"]["programaNivel"]["descripcion"]}})</div>
                          </div>
                          <div class="portlet-body">
                            <div class="row">
                              <div class="col-md-12">
                                <p class="lead">{{programaInscrito["programa"]["descripcion"]}}</p>
                                <div class="row">
                                  <div class="col-md-6">
                                    <div class="form-group">
                                      <label class="control-label">
                                        Aldea Universitaria
                                      </label>
                                      <input class="form-control" type="text" disabled="disabled" placeholder="{{ programaInscrito["aldea"]["descripcion"] }}">
                                    </div>
                                  </div>
                                  <div class="col-md-2">
                                    <div class="form-group">
                                      <label class="control-label">
                                        Tipo de Aldea
                                      </label>
                                      <input class="form-control" type="text" disabled="disabled" placeholder="{{ programaInscrito["aldea"]["aldeaTipo"]["descripcion"] }}">
                                    </div>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-md-2">
                                    <div class="form-group">
                                      <label class="control-label">
                                        Periodo Asignado
                                      </label>
                                      <input class="form-control" type="text" disabled="disabled" placeholder="{{ programaInscrito["periodo_asignado"]}}">
                                    </div>
                                  </div>
                                  <div class="col-md-2">
                                    <div class="form-group">
                                      <label class="control-label">
                                        Estatus
                                      </label>
                                      <input class="form-control" type="text" disabled="disabled" placeholder="{{ programaInscrito["aspiranteEstatus"]["descripcion"] }}">
                                    </div>
                                  </div>
                                </div>
                              </div>         
                            </div>
                          </div>
                        </div>
                        <div class="portlet portlet-default">
                          <div class="portlet-header">
                            <div class="caption text-blue">Documentos</div>
                          </div>
                          <div class="portlet-body">
                            <div class="row">
                              <div class="col-md-12">
                                <p class="lead">Documentos Consignados</p>
                                <div class="table-responsive">
                                  <table class="table table-striped table-bordered table-hover">
                                    <thead>
                                      <tr>
                                        <th class="text-center">#</th>
                                        <th>Descripción del Documento</th>

                                        <th style="width: 5%;" class="text-center">Consignado</th>
                                      </tr>
                                    </thead>
                                    <tbody>
                                      {% for requisitoPrograma in programaInscrito["programa"]["requisitoInscripcions"] %}
                                        <tr>
                                          <td class="text-center">{{loop.index}}</td>
                                          <td>{{requisitoPrograma["descripcion"]}}</td>
                                          {% for documentoConsignado in user["Persona"]["estudianteDocumentos"] if documentoConsignado["requisitoInscripcion"]["id"] == requisitoPrograma["id"] %}
                                            <td class="text-center">
                                              <i class="fa fa-check-circle fa-fw fa-2x text-success"></i>
                                            </td>
                                          {%else%}
                                            <td class="text-center">
                                              <a href="{{ path('aspirante_documentos') }}">
                                                <i class="fa fa-times-circle fa-fw fa-2x text-danger"></i>
                                              </a>
                                            </td>
                                          {% endfor %}
                                        </tr>
                                      {% endfor %}
                                    </tbody>
                                  </table>
                                </div>
                              </div>         
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                {% endfor %}
              </div>
            </div>
          </div>  
          <div class="col-md-2">
            <div class="row">
              <div class="col-md-12">
                <div class="pricing-table pricing-static">
                  <div class="plan active"><h3></h3>
                    <div class="price-box">
                      {% if user["Persona"]["genero"]["descripcion"] == "Masculino" %}
                        <img src="{{ asset('bundles/ubvprincipal/images/avatar/usuario.png') }}" alt="" class=" img-responsive-profile img-circle center-block"/>
                      {% else %}
                        <img src="{{ asset('bundles/ubvprincipal/images/avatar/usuaria.png') }}" alt="" class=" img-responsive-profile img-circle center-block"/>
                      {% endif %}
                    </div>
                    <ul class="list-unstyled">
                      <li>
                        <p class="text-grey">{{user["Persona"]["primer_nombre"]}} {{user["Persona"]["primer_apellido"]}}</p>
                      </li>
                      <li>
                        <span>Aldeas Universitarias de Estudio </span>
                      </li>
                      <li>
                        {% set aldeaId = 0 %}
                        {% for aldeaEstudio in user["Persona"]["aspirantes"] %}
                          {% if aldeaId != aldeaEstudio["aldea"]["id"] %}
                            <span class="text-grey">{{aldeaEstudio["aldea"]["descripcion"]}}</span><br>
                            {% set aldeaId = aldeaEstudio["aldea"]["id"] %}
                          {% endif %}

                        {% endfor %}

                      </li>
                      <li class="text-center">
                        <span>Programas Activos</span>
                      </li>
                      <li>
                        {% for programaInscrito in user["Persona"]["aspirantes"] %}
                          <span class="text-grey">{{programaInscrito["programa"]["codigo"]}}</span><br>
                        {% endfor %}
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}