{% extends 'base.inicio.html' %}
{% load staticfiles %}
{% block titulo %}Consultar Usuarios - SAPIC{% endblock titulo %}
{% block extra_constantes %}
    <script type="text/javascript">
        var LISTAR_ORG = "{% url 'organizaciones:listar_orgs' %}";
        ruta = '{% url 'organizaciones:modal_org' request.user.pk %}';
        var user = "{{ request.user.pk }}";
        id_organizacion = {{request.user.pk}};
    </script>
{% endblock extra_constantes %}
{% block extracss %}
    <link rel="stylesheet" href="{% static 'DataTables/media/css/jquery.dataTables.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/checked_img.css' %}">
{% endblock extracss %}
{% block extrajs %}
    <script src="{% static 'DataTables/media/js/jquery.dataTables.min.js' %}"></script>
    <script src="{% static 'organizaciones/org_listDataTable.js' %}" type="text/javascript"></script>
    <script src="{% static 'start/modals.js' %}"></script>
{% endblock extrajs %}
{% block contenido %}
<section class="contenido-sapic">
    <div class="container-fluid">
        <div class="row">

            <!-- Menú lateral de navegación - INICIO -->
            <aside class="col-xs-12">
                <div class="panel-sapic-nav">
                    <ul class="nav nav-tabs">
                        {% if 'Administradores' in request.session.grupos %}
                        <li role="presentation"><a href="{% url 'organizaciones:registrar_organizacion' %}">Registrar organización social</a></li>
                        {% endif %}
                        <li role="presentation" class="active"><a href="{% url 'organizaciones:listar_organizacion' %}">Consultar organización social</a></li>
                    </ul>
                </div>
            </aside>
            <!-- Menú lateral de navegación - FINAL -->


            <!-- Tabla de listado - INICIO -->
            <div class="col-xs-12">
                <div class="panel-sapic">
                    <div class="content-header">
                        <h2>
                            Lista de Organizaciones
                            <small>Muestra los datos de todas las Organizaciones Sociales Registradas</small>
                        </h2>
                    </div>
                    <div class="content">
                        <div class="box box-primary">
                            <div class="box-header">
                                <i class="fa fa-list"></i>
                                <h3 class="box-title"> Lista de Organizaciones Sociales</h3>
                            </div>
                            <!--
                            <div class="col-lg-3">
                              <a href="{% url 'users:registrar'%}" class="glyphicon glyphicon-plus btn btn-block btn-primary"> Agregar Usuario</a>
                            </div>
                            -->
                            <div class="box-body pad table-responsive listado-organizaciones">
                                <form id="forma_activar" method="post">
                                    {% csrf_token %}
                                    <table id="datatable" class="diplay">
                                        <thead>
                                            <tr>
                                                <th>Tipo</th>
                                                <th>Código</th>
                                                <th>RIF</th>
                                                <th>SITUR</th>
                                                <th>Nombre</th>
                                                <th>email</th>
                                                <th>Fecha de Conformación</th>
                                                <th>Sector</th>
                                                <th>Activo/Inactivo</th>
                                                <th>Localidad</th>
                                                <th>Activar/Inactivar Organizacion</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Tabla de listado - FINAL -->


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