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

{% endblock %}
{% block pluginstylesheet %}
    <link rel="stylesheet" href="{% static "plugins/select2/select2.css" %}"/>
{% endblock %}
{% block content %}
    <div class="row">
        <div class="span10">
            <div class="dgtic-panel">
                <div class="dgtic-panel-header">
                    <span class="dgtic-panel-title">
                        Generar Reporte
                    </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="PDF" name="pdf" onclick="this.form.target='_blank';return true;"/>
                            <input class="btn btn-primary" type="submit" value="EXCEL" name="excel" onclick="this.form.target='_blank';return true;"/>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" value="1" id="id-dgtic-dependencia"/>
{% endblock %}
{% block jsplugins %}
    <script src="{% static "plugins/select2/select2.js" %}"></script>
{% endblock %}
{% block extrajs %}
    <script>
        var x =  $("#id-dgtic-dependencia").val();
        $(document).ready(function(){
            $("#id_departamento").parent().parent().css({"display": "none"});

            var dependencias, user;
            dependencias = $('#id_dependencia');
            
            user = $("#id_usuario");

            firmas = $("#id_firmas");

            if($.fn.select2){
                dependencias.select2();
                firmas.select2();
                user.select2();
            }
            /*
            dependencias.change(function(){
                $("#id-dgtic-dependencia").val("1");
                $("#id_departamento").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-dgtic-dependencia").val("2");
                            $("#id_departamento").parent().parent().show("slow");
                        }
                    });
            });
            if(x==2){
                
                $("#id_departamento").parent().parent().css({"display":"block"});
            }*/
    });
    </script>
{% endblock %}