{% extends 'base.html' %}
{% block titulo %}Inicio - SAPIC{% endblock titulo %}
{% block extra_constantes %}
    <script type="text/javascript">
    </script>
{% endblock extra_constantes %}
{% block extracss %}
    {% load staticfiles %}
{% endblock extracss %}
{% block extrajs %}
{% endblock extrajs %}

{% block menu %}
    <div id="menu-msn">
      {% include 'users.menu.html' %}
      {% block extramessagesFormsErrors %}
      {% endblock extramessagesFormsErrors %}
    </div>
{% endblock menu %}

{% block contenido %}

    <!-- Modals  -->
    {% block modals %}
    <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">Actualización de datos</h4>
                </div>
                <div class="modal-body" id="modal-body">
                </div>
            </div>
        </div>
      </div>
    {% endblock modals %}
    <!-- ./Modals -->

    <div class="contenido-sapic container-fluid">
        <div class="row">
            <div class="col-xs-12 panel-sapic">
                <h2 class="text-center pb-5">Sistema Automatizado de Planificación Integral Comunal</h2>
                <div class="row mt-5 pt-5">



                    <div class="col-xs-12 col-md-3">
                    {% if 'Administradores' in request.session.grupos %}
                        <a href="{% url 'organizaciones:registrar_organizacion' %}">
                            <img  class="center-block" src="{% static 'media/iconos/registrar_organizacion_comunal.png' %}" width="89px" height="82px"/>
                        </a>
                        <br>
                        <p class="text-center">Organizaciones Comunales</p>
                    </div>
                    <div class="col-xs-12 col-md-3">
                        <a href="{% url 'users:registrar_voceros' %}">
                            <img class="center-block" src="{% static 'media/iconos/registrar_vocero.png' %}"  width="114px" height="82px"/>
                        </a>
                        <br>
                        <p class="text-center">Registrar Voceros Comunales</p>
                    {% endif %}
                    </div>




                    <div class="col-xs-12 col-md-3">
                        <a href="{% url 'explicacion:explicacion_situacional'%}">
                            <img class="center-block" src="{% static 'media/iconos/explicacion_situacional.png' %}" width="103px" height="84px"/>
                        </a>
                        <br>
                        <p class="text-center">Explicación Situacional de la Comunidad</p>
                    </div>



                    {% if 'Voceros' in request.session.grupos %}
                    <div class="col-xs-12 col-md-3">
                        <a href="{% url 'organizaciones:listar_organizacion' %}">
                            <img  class="center-block" src="{% static 'media/iconos/registrar_organizacion_comunal.png' %}" width="89px" height="82px"/>
                        </a>
                        <br>
                        <p class="text-center">Consultar organizaciones comunales</p>
                    </div>
                    {% endif %}



                    <!--
                    <div class="col-md-3">
                        <a href="#">
                            <img  class="center-block" src="{% static 'media/iconos/estudio_problemas.png' %}" width="114px" height="82px" />
                        </a>
                        <p class="text-center">Estudio de problemas de la comunidad</p>
                    </div>
                    <div class="col-md-3">
                        <a href="#">
                            <img  class="center-block" src="{% static 'media/iconos/plan_desarrollo.png' %}" width="114px" height="82px"/>
                        </a>
                        <p class="text-center">Plan de Desarrollo Integral de la Comunidad</p>
                    </div>
                    -->
                    <!--
                    <div class="col-md-3">
                        <a href="">
                            <img class="center-block" src="{% static 'media/iconos/opciones.png' %}" width="114px" height="82px"/>
                        </a>
                        <p class="text-center">Otras Opciones Disponibles</p>
                    </div>
                    -->




                </div>
            </div>
        </div>
    </div>
{% endblock contenido %}