{% 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.is_superuser %}
<li class=""><a href="/admin/"><i class="icon-home"></i> Agregar Contacto</a></li>
{% endif %}
<li class="active"><a href="/list_dependencia/5"><i class="icon-home"></i> {{municipio}} </a></li>
                            
{% endblock %}

{% block maincontent %}


<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/Direccion</th>
					{% if user.is_superuser %}
					<th>Editar</th>
					<th>Borrar</th>
					{% endif %}
				</tr>
			</thead>
			<tbody>
			{% for p in direcciones %}
					<tr>
						<td>							
							
							<a href="/buscar/{{p.id}}">
							{{p.nombre}}
							
							</a>
													
						</td>
						{% if user.is_superuser %}
						<td>
							<a href="#" onclick ="editar({{p.id}},{{id_municipio}})"><i class = "icol-report"></i></a>
						</td>
						<td>
							<a href="#" onclick = "eliminar({{p.id}},{{id_municipio}})"><i class="icol-cross"></i></a>
						</td>
						{% 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>
{% endblock extralibs %}