{% extends "contenedor/pie.html" %}
{% block titulo %}_-=SEPAI-Inicio=-_{% endblock titulo %}
  <!-- Tell the browser to be responsive to screen width -->
   {% load staticfiles %}
  {% block extracss %}
  {% endblock extracss %}

    {% block extrajs %}
    <script src="{% static 'DataTables/media/js/jquery.js' %}" type="text/javascript"></script>
    <script type="text/javascript">
    user = "{{ request.user.pk }}"
    RECENT_ACTIVITY = "{% url 'users:recent_activity' %}"
    </script>
    <script src="{% static 'users/recent_activity.js' %}"></script>
    {% endblock extrajs %}
{% block enlaces %}
  {% if 'Administradores' in request.session.grupos %}
    <ul class="nav navbar-nav navbar-right">
      
      <!-- Single button -->
      <div class="btn-group">
        <a class="btn pull-right dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" >
                      <span class="glyphicon glyphicon-cog btn-home-sepai " aria-hidden="true"> Gestion de Usuarios</span>
        <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="{% url 'users:lista_users' %}">Lista de usuario</a></li>
          <li role="separator" class="divider"></li>
          <li><a href="{% url 'users:registrar' %}">Registrar Usuario</a></li>
        </ul>
      </div>
      <li><a class="btn pull-right" href="{% url 'users:home' %}">
              <span class="glyphicon glyphicon-home btn-home-sepai" aria-hidden="true"> </span>
          </a></li>
     </ul> 
     {% endif %}
  {% endblock enlaces %}
{% block contenido-principal %}
<div class="row">
  <div class="col-md-3">
  {% block modals %}
      <!-- Modal  -->
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" id="myModalLabel">Actualizar Perfil del Usuario</h4>
                </div>
                <div class="modal-body" id="modal-body">
                </div>
              </div>
            </div>
      </div>
    <!-- End Modal -->
{% endblock modals %}
    <div class="panel-lateral-izq">
      {% block menu-lateral %}
      <ul class="nav">
        <li>
          <h4 class="text-center">Bienvenido: {{ request.user.first_name }} {{ request.user.last_name }}<h4>
          <h5 class="text-center">{{ userprofile.fk_tipo_documento }} - {{ userprofile.id_perfil }}</h5>
        </li>
        <hr />
        <li>
          <a class="btn" href="#"  id="perfil">
              Mi Cuenta 
              <span class="glyphicon glyphicon-accion glyphicon-user pull-left" aria-hidden="true"></span>
          </a>
        </li>
        <hr />
        <li>
          <a class="btn" href="#" id="inbox">
              Mis Mensajes 
              <span class="glyphicon glyphicon-accion glyphicon-envelope pull-left" aria-hidden="true"></span>
          </a>
        </li>
        <hr />
        <li>
          <a class="btn" href="{% url 'users:recent_activity' %}" id="inbox">
              Mi Actividad
              <span class="glyphicon glyphicon-accion glyphicon-list-alt pull-left" aria-hidden="true"></span>
          </a>
        </li>
        <hr />
        <li>
          <a class="btn" href="#" id="inbox">
              Manual  
              <span class="glyphicon glyphicon-accion glyphicon-file pull-left" aria-hidden="true"></span>
          </a>
        </li>
        <hr />
        <li>
          <a class="btn" href="{% url 'users:logout' %}">
              Salir  
              <span class="glyphicon glyphicon-accion glyphicon-log-out pull-left" aria-hidden="true"></span>
          </a>
        </li>
        <hr />
      </ul>
      {% endblock menu-lateral %}
    </div>
  </div>
  <div class="col-md-9">
    <div class="panel-sepai">
      {% block area-contenido %}
      <div class="col-lg-12 col-xs-12">
          <!-- small box -->
          <div class="small-box bg-aqua">
            <div class="inner">
              <h3>Gestión de Proyectos</h3>

              <p align="justify">En este módulo podrá registrar proyectos o consultar información de los proyectos registrados en el SIPES, que estan asociados a su información.</p>
            </div>
            <div class="icon">
              <i class="ion ion-gear-b"></i>
            </div>
            <a href="{% url 'projects:gestion_proyectos' %}" class="small-box-footer">Ingresar al Módulo <i class="fa fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <div class="col-lg-12 col-xs-12">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
              <h3>Seguimiento de Proyectos</h3>

              <p align="justify">Este módulo está diseñado para que los supervisores y planificadores puedan realizar seguimiento de cada uno de los procesos requeridos para culminar el proyecto. Incluye indicadores.</p>
            </div>
            <div class="icon">
              <i class="ion ion-stats-bars"></i>
            </div>
            <a href="#" class="small-box-footer">Ingresar al Módulo <i class="fa fa-arrow-circle-right"></i></a>
          </div>
        </div>
      {% endblock area-contenido %}
    </div>
  </div>
</div>
{% endblock contenido-principal %}