{% extends "base.html" %}
{% block camino %}
<li class="{{insti3}}"><i class="icon-user"></i><a href="">Registro de Personal</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> Registro de Personal.
                </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=personal %}
                    </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').attr('class','span5  mayuscula');
        $('#id_apepat').attr('class','span5  mayuscula');
        $('#id_apemat').attr('class','span5  mayuscula');
        $('#id_grado_academico').attr('class','span5  mayuscula');
        $('#id_area_de_labor').attr('class','span5  mayuscula');
        $('#id_tipo_servicio').attr('class','span5  mayuscula');



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

        })
    });
}) 
(jQuery);
jQuery.validator.setDefaults({
  debug: true,
  success: "valid"

});

$('#id_edad').numeric().attr("maxlength","3");
$( "#wizard-default" ).validate({
  rules: {


    edad: {
        required: true,
    maxlength:[3]
    }

  },
submitHandler: function(form) {
    form.submit();
    }

});


</script>
 {% endblock %}