{% extends 'base.html' %}
{% block titulo %}_-=SAPIC-Login=-_{% endblock titulo %}
  <!-- Tell the browser to be responsive to screen width -->
  {% block extracss %}
  {% load staticfiles %}
    <!-- favicon -->
    <link rel="shortcut icon" type="image/png" href="{% static 'icon/favicon.ico' %}"/>
    <script src="{% static 'js/login/login_registro.js' %}" type="text/javascript"></script>
  {% endblock extracss %}
  {% block extrajs %}
    <script src="{% static 'plugins/iCheck/icheck.min.js' %}"></script>
  {% endblock extrajs %}
{% block contenido %}
<div class="contenido-sapic">
    <div class="row">
        <div class="col-md-3">
            <div class="panel-lateral-izq">
            <h2><span class="glyphicon glyphicon-user"></span> Iniciar Sesión</h2>
            <form id="form" action="{% url 'users:login' %}" method="post">
            {% csrf_token %}
              <div class="form-group has-feedback">
                {{ form.usuario }}
                <span class="glyphicon glyphicon-user form-control-feedback"></span>
              </div>
              <div class="form-group has-feedback">
                {{ form.contrasena }}
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
              </div>
                      <div class="checkbox icheck">
                        {{ form.remember_me }}
                        {{ form.remember_me.label }} 
                      </div>
                  <div class="form-group has-feedback {% if form.captcha.errors %}has-error{% endif %}">
                    <a onclick="refresh_captcha(this);" style="cursor: pointer">
                      <span class="glyphicon glyphicon-refresh" data-toggle="tooltip" title="Presione para recargar la imagen del captcha"></span>
                    </a>
                    {{form.captcha}}
                  </div>
                <div class="col-md-6">
                  <button type="submit" class="btn btn-danger btn-block btn-flat">Ingresar</button>
                </div>
                <a href="{% url 'users:forget' %}">¿Olvidaste la Contraseña?</a><br>
            </form>    
            </div>
        </div>
        <div class="col-md-9">
            <div class="panel-sapic">
                <h2 class="text-center">Sistema Integral de Planificación Estratégica Situacional</h2>
                <p class="text-justify">
                El SAPIC constituye una herramienta que tiene como objetivo abordar un conjunto de problemáticas y necesidades observadas a nivel comunal, entre ellas:

                Carencia de herramientas para realización de diagnósticos comunitarios, formulación de planes y proyectos.
                Ausencia de una estructura de procesos que facilite la sistematización de la información.
                No se cuenta con actividades de capacitación para el uso de herramientas que faciliten la planificación comunal.
                El SAPIC está dirigido a apoyar procesos de planificación comunal, tomando como base para ello la práctica descrita en la Metodología de Planificación Estratégica Situacional para Espacios Comunales, propuesta por la Fundación CENDITEL.

                El desarrollo de esta herramienta involucra la construcción de varios módulos. El primero de ellos corresponde al módulo para gestión usuarios, en el cual se gestiona el registro de consejos comunales y comunas, así como de voceros comunales asociados a estas dos instancias de organización comunal. Los siguientes módulos, en un total de nueve (9), corresponden a módulos asociados a las fases descritas en la metodología de planificación que se menciona en el párrafo anterior.

                En el siguiente enlace se puede acceder a los documentos técnicos generados durante el desarrollo del SAPIC, conforme se propone en la metodología de desarrollo que se utiliza en el proyecto: <a href="https://planificacion.cenditel.gob.ve/proyectos/planificacion-en-organizaciones-comunales/">Metodología</a>
            </p>
            </div>
        </div>
    </div>
</div>
{% endblock contenido %}