{% extends "principal.html" %}
{% load staticfiles %}
{% load url from future %}

{% block jquery %}


{% endblock %}

{% block breadcrumbs %}
    <li class="{{ principal }}"><a href="/inicio/index/"><i class="icon-home"></i> Inicio</a></li>
{% endblock %}
{% block contenido %}
<div id="dgtic-content-area">
    <div class="row-fluid">
        <form class="dgtic-form" id="frmPanel" method="post">
        <div class="span6">{% csrf_token %}
            <div class="dgtic-panel">
                <div class="dgtic-panel-header">
                    <span class="dgtic-panel-title">
                        <i class="icol-user-business-boss"></i><i class="icol-arrow-undo"></i>&nbsp;Actualizar Datos
                    </span>
                </div>
                <div class="dgtic-panel-content dgtic-form-container">
                        <div class="dgtic-form-block">
                            {% include "formsnippet.html" with form=formA %}
                            
                            <div class="btn-row">
                                <div class="dgtic-form-item">
                                    <input type="submit" id="id" class="btn btn-primary " value="Actualizar">
                                    <input type="button" class="btn btn-danger" value="Regresar" onclick="history.back()"/>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
        </div>
        </form>
        
        
    </div>
</div>


<!-- JS Libs -->
    <script src="{% static "assets/js/libs/jquery-1.8.3.min.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.placeholder.min.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.mousewheel.min.js" %}"></script>

    <!-- JS Bootstrap -->
    <script src="{% static "bootstrap/js/bootstrap.min.js" %}"></script>
    
    <!-- jQuery-UI JavaScript Files -->
    <script src="{% static "assets/jui/js/jquery-ui-1.9.2.min.js" %}"></script>
    <script src="{% static "assets/jui/jquery.ui.timepicker.min.js" %}"></script>
    <script src="{% static "assets/jui/jquery.ui.touch-punch.min.js" %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static "assets/jui/css/jquery.ui.all.css" %}" media="screen">
    <link rel="stylesheet" href="{% static "plugins/elrte/css/elrte.css" %}" media="screen">
    <link rel="stylesheet" href="{% static "plugins/elfinder/css/elfinder.css" %}" media="screen">

    <!-- JS Plugins -->

    <!-- Validation Plugin -->
    <script src="{% static "plugins/validate/jquery.validate.min.js" %}"></script>

    <!-- jGrowl Plugin -->
    <script src="{% static "plugins/jgrowl/jquery.jgrowl.min.js" %}"></script>
    <link rel="stylesheet" href="{% static "plugins/jgrowl/jquery.jgrowl.css" %}" media="screen">

    <!-- JS Demo -->
    <script src="{% static "assets/js/demo/demo.ui.js" %}"></script>

    <!-- JS Template -->
    <script src="{% static "assets/js/core/dandelion.core.js" %}"></script>

    <!-- JS Customizer -->
    <script src="{% static "assets/js/core/dandelion.customizer.js" %}"></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']);
    $( "#id_fecha" ).datepicker();
//    $( "#id_fecha" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
//    $( "#id_fecha" ).val('{{fecha}}');


</script>


<script type="text/javascript">
    $(document).ready(function(){
        $("#id_idUsoHabitacion").attr("readonly","true");
        $("#id_folio").attr("readonly","true");
        



    });

</script>

{% endblock %}