{% extends "base.html" %}
{% load staticfiles %}
{% block title %}
    {% if usuarios %}
        Actualizar Usuario
    {% else %}
        Crear Usuario
    {% endif %}
{% endblock %}
{% block breadcrumbs %}
    {{ block.super}}
    <li class="">
        <a href="{% url "lista-usuarios" %}">Usuario</a>
    </li>
    {% if dependencias %}
    <li class="">
        <a href="{% url "detalle-usuarios" usuarios.id %}">{{ usuarios.get_nombre_completo }}</a>
    </li>
    <li class="active">
        <a href="#">Editar</a>
    </li>
    {% else %}
    <li class="active">
        <a href="{% url "crear-usuarios" %}">Nuevo Usuario</a>
    </li>
    {% endif %}

{% endblock %}
{% block pluginstylesheet %}
    <link rel="stylesheet" href="{% static "plugins/select2/select2.css" %}"/>
{% endblock %}
{% block content %}
    {% if eliminar_usuario %}
          <div class="row">
            <div class="span8">
                <div class="dgtic-panel">
                    <div class="dgtic-panel-header">
                        <span class="dgtic-panel-title">
                             <i class="icon-edit"></i>
                             Eliminar {{ usuarios.get_nombre_completo }}
                        </span>
                    </div>
                    <div class="dgtic-panel-content">
                        Esta usted apunto de eliminar el registro {{ usuarios.get_nombre_completo }}
                    </div>
                    <div class="dgtic-panel-content dgtic-form-container">
                        <form class="dgtic-form dgtic-form-inline" method="POST">
                            {% csrf_token %}
                            <div class="btn-row">
                                <a class="btn btn-success" href=" {% url "detalle-usuarios" usuarios.pk %}">Cancelar</a>
                                <input class="btn btn-danger" type="submit" value="Eliminar"/>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    {% else %}
    <div class="row">
        <div class="span10">
            <div class="dgtic-panel">
                <div class="dgtic-panel-header">
                    <span class="dgtic-panel-title">
                        <i class="icon-circle-plus"></i>
                        Crear Usuario
                    </span>
                </div>
                <div class="dgtic-panel-content dgtic-form-container">
                    <form class="dgtic-form dgtic-form-inline" method="POST">
                        {% csrf_token %}
                        {% include "form_snippet.html" %}
                        <div class="btn-row">
                            <input class="btn btn-primary" type="submit" value="Guardar"/>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>{% endif %}
{% endblock %}
{% block jsplugins %}
    <script src="{% static "plugins/select2/select2.js" %}"></script>
{% endblock %}
{% block extrajs %}
    <script>
        $(document).ready(function(){
            //$("#id_departamentos").parent().parent().css({"display": "none"});

            var dependencias, departamentos, user;
            dependencias = $('#id_dependencias');
            departamentos = $('#id_departamentos');

            if($.fn.select2){
                dependencias.select2();
                departamentos.select2();
            }
            /*dependencias.change(function(){
                $("#id_departamentos").parent().parent().hide( 1000 );
                departamentos.empty();
                departamentos.append(
                        $('<option>').
                                html('Seleccione un departamento')
                );
                $.getJSON("/dependencias/api/departamentos/" + '?dependencia=' + $(this).val(), function(data){
                    $.each(data, function(key, value){
                        opcion = $('<option>').
                                val(value.id).
                                html(value.nombre);
                        departamentos.append(opcion);
                    });
                    departamentos.select2('val', 'Seleccione un departamento')
                    if (data.length>0) {
                        $("#id_departamentos").parent().parent().show("slow");
                    }
                });

            });*/
    });
    </script>
{% endblock %}