{% extends "dashboard_base.html" %}

{% load staticfiles %}

{% block extrahead %}
{{block.super}}

<!--Ventana Modal-->
<link rel="stylesheet" href="{% static "modal/jquery-ui.css" %}" media="screen">
<script src="{% static "modal/jquery-1.9.1.js" %}"></script>
<script src="{% static "modal/jquery-ui.js" %}"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />

<script type="text/javascript">

function eliminar(id, padre_id){
 $(function() {
$( "#dialog-confirm" ).dialog({
resizable: false,
height:140,
modal: true,
buttons: {
"Eliminar": function() {
window.location='/borrar_dependencia_direccion/'+id +' and '+ padre_id;	
$( this ).dialog( "close" );
},
Cancel: function() {
$( this ).dialog( "close" );
}
}
});
});
}

function editar(id, padre_id){
 $(function() {
$( "#dialog-confirm1" ).dialog({
resizable: false,
height:140,
modal: true,
buttons: {
"Editar": function() {
window.location='/editar_dependencia_direccion/'+id +' and '+ padre_id;	
$( this ).dialog( "close" );
},
Cancel: function() {
$( this ).dialog( "close" );
}
}
});
});
}


</script>



{% endblock extrahead%}

{% block breadcrumbs %}
{% if user.si_superuser %}
<li class=""><a href="/admin/"><i class="icon-home"></i> Agregar Contacto</a></li>
{% endif %}
<li class="active"><a href="/list_dependencia/{{padre.id}}"><i class="icon-home"></i> {{ padre }} </a></li>
                            
{% endblock %}

{% block maincontent %}

                                    {% if messages %}
                                    <div class="messages">
                                        {% for message in messages %}
                                        <div{% if message.tags %} class="dgtic-message {{ message.tags }}"{% endif %}>{{ message }}</div>
                                        {% endfor %}
                                    </div>
                                    {% endif %}   
<div class="dgtic-panel collapsible">
	<div class="dgtic-panel-header">
		<span class="dgtic-panel-title">
			<i class="icol-grid"></i> Dependencias / Direcciones
		</span>
	</div>
	<div class="dgtic-panel-content dgtic-table-container">
		<table id="dgtic-ex-datatable-numberpaging" class="dgtic-table">
			<thead>
				<tr>
					<th>Dependencia/Dirección</th>
					{% if user.is_superuser%}
					{% if padre.id != 5%}
					<th>Editar</th>
					<th>Borrar</th>
					{% endif %}
					{% endif %}
				</tr>
			</thead>
			<tbody>
			{% for p in dependencia %}
					<tr>
						<td>							
							{% if padre.id == 5 %}
							<a href="/municipios_direcciones/{{p.id}}">
							{{p.nombre}}
							</a>
							{% else %}
							<a href="/buscar/{{p.id}}">
							{{p.nombre}}							
							</a>
							{% endif %}							
						</td>
						{% if user.is_superuser %}
						{% if padre.id != 5 %}
						<td>
							<a href="#" onclick ="editar({{p.id}},{{padre.id}})"><i class = "icol-report"></i></a>
						</td>
						<td>
							<a href="#" onclick = "eliminar({{p.id}},{{padre.id}})"><i class="icol-cross"></i></a>
						</td>
						{% endif %}
						{% endif %}
					</tr>									
			{% endfor %}


			</tbody>
		</table>
	</div>
</div>
</div>
</div>         
      
<div id="dialog-confirm" style="display:none;" title="¡Alerta!" >
¿Seguro que desea eliminar el registro?
</div>

<div id="dialog-confirm1" style="display:none;" title="¡Alerta!" >
¿Seguro que desea editar el registro?
</div>




{% endblock maincontent %}

{% block extralibs %}
{{block.super}}
    <script src="{% static "plugins/datatables/jquery.dataTables.js" %}"></script>
    <script src="{% static "assets/js/demo/demo.tables.js" %}"></script>
    <script src="{% static "assets/js/demo/demo.form.js"%}"></script>

        <!-- JS Template -->
    <script src="{% static "assets/js/core/dandelion.core.js"%}"></script>

    <!-- JS Customizer -->
    <script src="{% static "assets/js/core/dandelion.customizer.js"%}"></script>
{% endblock extralibs %}