{% extends "base.html" %}
{% block camino %}
<li class="{{insti}}"><i class="icon-user"></i><a href="">Modificacion de Beneficiario</a></li>
{% endblock camino %}

{% block contenido %}
   <div class="span10">
        <div class="dgtic-panel">
            <div class="dgtic-panel-header">
                <span class="dgtic-panel-title">
                    <i class="icon-notes-2"></i> Datos Generales.
                </span>
            </div>
            <div class="dgtic-panel-content dgtic-form-container">
                <form id="dgtic-ex-validate1" method='post' class="dgtic-form">
                    <div id="dgtic-ex-val1-error" class="dgtic-message error" style="display:none;"></div>
                    <div class="dgtic-form-inline">
                        {% if messages %} <div class="messages">
                            {% for message in messages %}
                                <div{% if message.tags %} class="dgtic-message {{ message.tags }}"{% endif %}>{{ message }}
                                </div>
                            {% endfor %}
                        </div>
                        {% endif %}
                        {% csrf_token %}

                        {% include "form_snippet.html" with form=beneficiario %}

                    </div>
                    <div class="btn-row">
                        <input type="submit" value="Guardar" class="btn btn-success">
                    </div>
                </form>
            </div>
        </div>
   </div>
{% endblock %}

{% block jquery %}
<script>
(function($) {
    $(document).ready(function() {        
        $('#id_nombre_instituto').attr('class','span6  mayuscula');
        $('#id_represent_legal').attr('class','span6  mayuscula');
        $('#id_telefono').attr('class','span6  mayuscula');
        $('#id_correo').attr('class','span6  mayuscula');
        $('#id_objecto_social').attr('class','span6  mayuscula');
        $('#id_capacidad_anual').attr('class','span6  mayuscula');
        $('#id_duracion_servicio').attr('class','span6  mayuscula');
        $('#id_calle').attr('class','span6  mayuscula');

        

        $('.mayuscula').change(function(){
            var upper = this.value.toUpperCase();
            if (this.value != upper) 
            this.value = upper;

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