{% extends "base.html" %}

{% load staticfiles %}

{% block title %}Administración{% endblock %}

    {% block extrahead %}
     <!-- Bootstrap Stylesheet -->
    <link rel="stylesheet" href="{% static "bootstrap/css/bootstrap.min.css" %}" media="screen">
	<!-- Theme Stylesheet -->
	<link rel="stylesheet" href="{% static "assets/css/dandelion.theme.css" %}" media="screen">
	<!-- Icon Stylesheet -->
	<link rel="stylesheet" href="{% static "assets/css/fonts/glyphicons/style.css" %}" media="screen">
	<!--  Main Stylesheet -->
	<link rel="stylesheet" href="{% static "assets/css/dandelion.css" %}" media="screen">


    <link rel="stylesheet" href="{% static "autocompletable/jquery-ui.css" media=" %}" screen">
    <script src="{% static "autocompletable/jquery.min.js" %}"></script>
    <script src="{% static "autocompletable/jquery-ui.min.js" %}"></script>

    <script>
    


    $(function(){        
        $("#id_search").autocomplete({
            source: "/ajaxautocompletable/", 
            minLength: 2,

            });


        });

    
    </script>


    {% endblock %}

    {% block wrapper %}
	<!-- Main Wrapper. Set this to 'fixed' for fixed layout and 'fluid' for fluid layout' -->
	<div id="dgtic-wrapper">
        {% block header %}
        <!-- Header -->
        <div id="dgtic-header">
        
            <div id="dgtic-header-top">
                
                <!-- Container -->
                <div class="dgtic-container clearfix">
                    
                    <!-- Logo Container. All images put here will be vertically centere -->
                    <div id="dgtic-logo-wrap">
                        <div id="dgtic-logo">
                            <div id="dgtic-logo-img">
                                <a href="#">
                                    <img src="{% static "assets/images/logo-cadem.png" %}" alt="Dandelion Admin">
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    {% block headertoolbar %}
                    <!-- Header Toolbar Menu -->
                    {% if user.is_superuser %}
                    <div id="dgtic-header-toolbar" class="clearfix">
                        <div id="dgtic-user-profile-wrap">
                            <div id="dgtic-user-profile" data-toggle="dropdown" class="clearfix">
                            <!--    <div id="dgtic-user-avatar">
                                    <img src="{% static "assets/images/pp.jpg" %}" alt="">
                                </div>-->
                                <div id="dgtic-user-info">
                                    {{ user.first_name }}<br>
                                    {{ user.last_name }}
                                    
                                    <span class="dgtic-user-title">{{ user.title }}</span>
                                </div>
                            </div>
                            <ul class="dropdown-menu">
                                <li><a href="/admin/">Agregar contacto</a></li>
                                <li class="divider"></li>
                                <li><a href="/edit_perfil/{{user.id}}">Perfil</a></li>                                
                                <li><a href="/cambio_password/chpasswd/{{user.id}}">Cambiar contraseña</a></li>
                            </ul>
                        </div>
                        <div id="dgtic-header-button-container">
                            <ul>
                                <li class="dgtic-header-button-wrap">
                                    <div class="dgtic-header-button">
                                        <a href="/logout_user/"><i class="icon-power"></i></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    {% endif %}
                    {% endblock %}
                                    
                </div>
            </div>
            
            <div id="dgtic-header-bottom">
                <!-- Container -->
                <div class="dgtic-container clearfix">
                
                	<div id="dgtic-search">
                    	<form action="/buscar/0" enctype="multipart/form-data" method = "POST">
                            {% csrf_token %}
                        	<input type="text" value="" id="id_search" name="id_search" class="span12 " placeholder="Buscar Contacto ">
                        </form>
                    </div>
                	
                    <!-- Breadcrumbs -->
                    <div id="dgtic-breadcrumb">
                        <ul>
                            {% block breadcrumbs %}
                            {% if user.is_superuser %}
                            <li class="active"><a href="/admin/"><i class="icon-home"></i> Agregear Contacto</a></li>
                            {% endif %}
                            {% endblock %}
                        </ul>
                    </div>
                    
                </div>
            </div>
        </div>
        {% endblock %}
        <!-- Content -->
        <div id="dgtic-content">
            <!-- Container -->
            <div class="dgtic-container clearfix">
	            <!-- Sidebar Separator do not remove -->
                <div id="dgtic-sidebar-separator"></div>
                <!-- Sidebar -->
                <div id="dgtic-sidebar">
                    <!-- Navigation Toggle for < 480px -->
                    <div id="dgtic-sidebar-toggle"></div>
                    <!-- Main Navigation -->
                    <div id="dgtic-main-nav" class="btn-container">
                        {% block sidebar %}
                        <ul>
                            {% if user.is_superuser %}
                            <li class="">
                            	<a href="/admin/">
                                	<!-- Icon Container -->
                                	<span class="dgtic-nav-icon">
                                        <i class="icon-home"></i>
                                    </span>
                                	Agregar Contacto
                                </a>
                            </li>
                            {% endif %}

                            {% for registro in d %}

                            <li class="">
                                <a href="/list_dependencia/{{registro.id}}">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-home"></i>
                                    </span>
                                    {{ registro.nombre}}
                                </a>                               
                            </li>

                            {% endfor %}

                        </ul>
                        {% endblock %}
                    </div>
                </div>
                <!-- Main Content Wrapper -->
                <div id="dgtic-content-wrap" class="clearfix">
                	<!-- Content Area -->
                	<div id="dgtic-content-area">
                    {% block maincontent %}
                    {% endblock %}
               		</div>
               	</div>
			</div>
		</div>
		{% block footer %}
        <!-- Footer -->
        <div id="dgtic-footer">
        	<div class="dgtic-container clearfix">
                <img src="{% static "assets/images/logo-dgtic.png" %}">
            	<p>Derechos Reservados &copy; Dirección General de Tecnologías de la Información y la Comunicación.</p>
            </div>
        </div>
		{% endblock %}
	</div>
    {% endblock %}

{% block extralibs %}    
    <!-- Auto complit jQuery-UI JavaScript Files -->
    <script src="{% static "assets/jui/js/jquery-ui-1.9.2.min.js" %}"></script>
{% endblock %}