{% extends "base.html" %}

{% load staticfiles %}

{% block title %}Administración{% 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.png" %}" alt="Dirección General de Tecnologías de la Información y la Comunicación">
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    {% block headertoolbar %}
                    <!-- Header Toolbar Menu -->
                    <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">
                                    <i class="icol-user-silhouette"></i>
                                </div>
                                <div id="dgtic-user-info">
                                    {{ user.funcionario | default:user }}
                                    <span class="dgtic-user-title">
                                        {{ user.funcionario.categoria | default:'usuario' }} 
                                    </span>
                                </div>
                            </div>
                            <ul class="dropdown-menu">
                                <li><a href="dashboard.html">Dashboard</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Perfil</a></li>
                                <li><a href="#">Configuracion</a></li>
                                <li><a href="#">Cambiar Password</a></li>
                            </ul>
                        </div>
                        <div id="dgtic-header-button-container">
                            <ul>
                                <li class="dgtic-header-button-wrap">
                                    <div class="dgtic-header-button">
                                        <a href="{% url 'django.contrib.auth.views.logout' %}"><i class="icon-power"></i></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    {% endblock %}
                                    
                </div>
            </div>
            
            <div id="dgtic-header-bottom">
                <!-- Container -->
                <div class="dgtic-container clearfix">
                
                    <!-- <div id="dgtic-search">
                    	<form>
                        	<input type="text" class="search-query" placeholder="Search...">
                        </form>
                    </div> -->
                	
                    <!-- Breadcrumbs -->
                    <div id="dgtic-breadcrumb">
                        <ul>
                            {% block breadcrumbs %}
                            <li class="{{ inicio }}"><a href="/"><i class="icon-home"></i> Inicio</a></li>
                            {% 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>
                            <li class="{{ inicio_side }}">
                            	<a href="/">
                                	<!-- Icon Container -->
                                	<span class="dgtic-nav-icon">
                                        <i class="icon-home"></i>
                                    </span>
                                	Inicio
                                </a>
                            </li>
                            <li class="{{ directorio_side }}">
                                <a href="#">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-book-open"></i>
                                    </span>
                                    Directorio
                                </a>
                                <ul>
                                    <li><a href="/directorio/">Tablero</a></li>
                                    <li><a href="/directorio/adscripcion">Dependencias</a></li>
                                    <li><a href="/directorio/funcionario">Funcionarios</a></li>
                                    {% if perms.auth.change_user or perms.auth.add_user%}
                                    <li><a href="/directorio/usuario">Usuarios</a></li>
                                    {% endif %}
                                </ul>
                            </li>
                        </ul>
                        {% endblock %}
                    </div>
                </div>
                <!-- Main Content Wrapper -->
                <div id="dgtic-content-wrap" class="clearfix">
                	<!-- Content Area -->
                	<div id="dgtic-content-area">
                        {% if messages %}
                        <div class="messages">
                            {% for message in messages %}
                            <div{% if message.tags %} class="dgtic-message {{ message.tags }}"{% endif %}>{{ message }}</div>
                            {% endfor %}
                        </div>
                        {% endif %}
                        {% 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; Direccion General de Tecnologías de la Información y la Comunicacion.</p>
            </div>
        </div>
		{% endblock %}
	</div>
    {% endblock %}

{% block extralibs %}
{% endblock %}