{% extends "base.html" %}
{% block camino %}

<li class="{{insti}}"><a href=""><i class="icon-notes-2"></i>Detalle Institucion</a></li>

{% endblock camino %}

{% block contenido %}
<div class="dgtic-panel collapsible">
    <div class="dgtic-panel-header">
        <span class="dgtic-panel-title">
            <i class="icol-blog"></i>
            Detalles de la Institucion
        </span>
    </div>

    <div class="dgtic-panel-content dgtic-table-container">
        <table class="dgtic-table dgtic-detail-view">
            <tbody>
                <tr>
                    <th>Nombre de la Institución</th>
                    <td>{{institucion.nombre_instituto}}</td>
                </tr>
                <tr>
                    <th>Tipo</th>
                    {% if institucion.tipo_institucion == 1 %}
                    <td>PRIVADO</td>
                    {% elif institucion.tipo_institucion == 2 %}
                    <td>PUBLICO</td>
                    {% endif %}
                </tr>
                <tr>
                    <th>Calle</th>
                    <td>{{institucion.domicilio.calle}}</td>
                </tr>
                <tr>
                    <th>Estado</th>
                    <td>{{institucion.domicilio.estado}}</td>
                </tr>
                <tr>
                    <th>Municipio</th>
                    <td>{{institucion.domicilio.municipio}}</td>
                </tr>
                <tr>
                    <th>Localidad</th>
                    <td>{{institucion.domicilio.localidad}}</td>
                </tr>
                <tr>
                    <th>Código Postal</th>
                    <td>{{institucion.domicilio.cp}}</td>
                </tr>
                 <tr>
                    <th>Colonia</th>
                    <td>{{institucion.domicilio.colonia}}</td>
                </tr>
                <tr>
                    <th>Titular de la Institución</th>
                    <td>{{institucion.titular}}</td>
                </tr>
                <tr>
                    <th>Representante Legal</th>
                    <td>{{institucion.represent_legal}}</td>
                </tr>
                <tr>
                    <th>Número Telefónico</th>
                    <td>{{institucion.telefono}}</td>
                </tr>
                <tr>
                    <th>Correo</th>
                    <td>{{institucion.correo}}</td>
                </tr>
                <tr>
                    <th>Objeto Social</th>
                    <td>{{institucion.objecto_social}}</td>
                </tr>
                <tr>
                    <th>Capacidad Anual</th>
                    <td>{{institucion.capacidad_anual}}</td>
                </tr>
                <tr>
                    <th>Antigüedad del Servicio</th>
                    <td>{{institucion.duracion_servicio}}</td>
                </tr>
                <tr>
                    <th>Horario</th>
                    <td>{{institucion.horario1}} a {{institucion.horario2}}</td>
                </tr>
                <tr>
                    <th>Turno</th>
                    {% if institucion.turno == 1 %}
                    <td>MATUTINO</td>
                    {% elif institucion.turno == 2 %}
                    <td>VESPERTINO</td>
                    {% elif institucion.turno == 3 %}
                    <td>MATUTINO-VERPERTINO</td>
                    {% elif institucion.turno == 4 %}
                    <td>NOCTURNO</td>
                    {% elif institucion.turno == 5 %}
                    <td>FIN DE SEMANA</td>
                    {% elif institucion.turno == 6 %}
                    <td>DIAS FESTIVOS</td>
                    {% elif institucion.turno == 7 %}
                    <td>24 HORAS</td>
                    {% endif %}
                </tr>
                <tr>
                    <th>Número Total de Empledos</th>
                    <td>{{ personal.count }}</td>
                </tr>
            </tbody>
        </table>
        <table class="dgtic-table">
            <thead>
                <tr>
                    <th>Opciones Legales</th>
                </tr>
            </thead>
                 <tr>
                    <td>
                        {% for legales in legales %}
                        {{legales.descripcion}}<br>
                        {% endfor %}
                    </td>
                 </tr>
                <tr>
                    <td>
                    {% for x in archivos %}
                        {% if x.documentos %}
                            <a rel="tooltip" data-placement="top" data-original-title="{{x.documentos|slice:':4'}}" href="/media/{{x.documentos}}" target="adjuntos">
                            <img src='{{MEDIA_URL}}{{x.documentos}}'>
                            </a>
                        {% else %}
                              <font color="red">No tiene Archivos</font>
                        {% endif %}
                    {% endfor %}
                    </td>
                </tr>
        </table>
        <table class="dgtic-table">
            <thead>
                <tr>
                    <th>Población objetivo</th>
                    <th>Rango de edades</th>
                    <th>Hombre</th>
                    <th>Mujer</th>
                </tr>
            </thead>
             <tr>
                <td>Niñas y/o Niños</td>
                <td> 0 a 11 años</td>
                <td>{{ m.count }}</td>
                <td>{{ f.count }}</td>
             </tr>
             <tr>
                 <td>Adolescentes</td>
                 <td>12 a 17 años</td>
                 <td>{{ m1.count }}</td>
                 <td>{{ f1.count }}</td>
             </tr>
             <tr>
                 <td>Adultos</td>
                 <td>18 a 59 años </td>
                 <td> {{ m2.count }}</td>
                 <td>{{ f2.count }}</td>
             </tr>
             <tr>
                 <td> Adultos Mayores</td>
                 <td>60 o más años </td>
                 <td>{{ m3.count}} </td>
                 <td>{{ f3.count }}</td>
             </tr>
        </table>
            <br>
            {% if institucion.longitud and institucion.longitud %}
            <center><div id="map_canvas" style="width:850px!important; height:250px!important;"></div></center>
            {% else %}
                <center><p><font color="red">INSTITUCION NO SE HA UBICADO EN EL MAPA</font></p></center>
            {% endif %}
    </div>
</div>
<div id="dialog-confirm" style="display:none;" title="Alerta!">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>¿Desea Borrar el Archivo Adjunto?</p>
</div>

{% endblock %}
 
{% block jquery %}

<style>
img { width:100px; }
</style>
{% endblock %}