{% extends "base.html" %}
{% load staticfiles %}
{% block title %}
    Crear Recepcion
{% endblock %}
{% block breadcrumbs %}
    {{ block.super}}
    <li class="">
        <a href="{% url "lista-recepcion" %}">Recepcion</a>
    </li>
    {% if dependencias %}
    <li class="">
        <a href="{% url "detalle-recepcion" bienes.id %}">{{ bienes.nombre }}</a>
    </li>
    <li class="active">
        <a href="#">Editar</a>
    </li>
    {% else %}
    <li class="active">
        <a href="{% url "crear-recepcion" %}">Nueva Recepcion</a>
    </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>
                        Crear 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>
    <input type="hidden" value="1" id="id-dgtic-dependencia"/>
{% 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>
        var x =  $("#id-dgtic-dependencia").val();
        $(document).ready(function(){

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

            if($.fn.select2){

                user.select2();
            }
            /*dependencias.change(function(){
                $("#id-dgtic-dependencia").val("1");

                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");

                        }
                    });
            });
            if(x==2){

                $("#id_departamento").parent().parent().css({"display":"block"});
            }*/
    });
    </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_alta" ).datepicker({ dateFormat: "dd/mm/yy", changeMonth:true, changeYear:true, yearRange:'c-50:c+50' });

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