{% 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">
        Editar Bien
    </li>
    {% endif %}

{% endblock %}
{% block pluginstylesheet %}
<link rel="stylesheet" type="text/css" href="{%static "assets/jui/css/jquery.ui.all.css" %}">
    <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">
                        <i class="icon-circle-plus"></i>
                        Editar Bien
                    </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>
{% endblock %}
{% block jqueryui %}
 <script type="text/javascript" src="{%static "assets/jui/js/jquery-ui-1.9.2.min.js"%}"></script>
{% endblock %}  
{% block jsplugins %}
    <script src="{% static "plugins/select2/select2.js" %}"></script>
{% endblock %}
{% block extrajs %}
    <script>
        $(document).ready(function(){
            //$("#id_departamento").parent().parent().css({"display": "none"});

            var user;
            user = $("#id_usuarios")

            if($.fn.select2){
                user.select2();
            }
            /*dependencias.change(function(){
                //$("#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_departamento").parent().parent().show("slow");
                    }
                });

            });*/
    });
    </script>
    <script type="text/javascript">
    $.datepicker.regional['es'] = {
        closeText: 'Cerrar',
        prevText: '<Ant',
        nextText: 'Sig>',
        currentText: 'Hoy',
        monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
        monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
        dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
        dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
        dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
        weekHeader: 'Sm',
        dateFormat: 'dd/mm/yy',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: ''
    };
    $.datepicker.setDefaults($.datepicker.regional['es']);

$(function() {
 
    $( "#id_fecha_factura" ).datepicker({ dateFormat: "dd/mm/yy", changeMonth:true, changeYear:true, yearRange:'c-50:c+50' });
    
});
</script> 
{% endblock %}