{% extends "base.html" %}
{% block title %} Registro de Personas {% endblock title %}

{% block camino %}

<li class="{{insti6}}"><i class="icon-user"></i><a href="">Registro de Beneficiario</a></li>

{% endblock camino %}

{% block contenido %}


                        <div class="row-fluid">
                        	<div class="span8">
                            	<div class="dgtic-panel">
                                	<div class="dgtic-panel-header">
                                    	<span class="dgtic-panel-title">
                                            Registro de Usuarios
                                        </span>
                                    </div>
                                    {% if messages %}
                                    <div class="messages">
                                        {% for message in messages %}
                                        <div{% if message.tags %} class="dgtic-message {{ message.tags }}"{% endif %}>{{ message }}</div>
                                        {% endfor %}
                                    </div>
                                    {% endif %}
                                    <div class="dgtic-panel-content dgtic-form-container">
                                    	<form id="registro_personas" class="dgtic-form" method="POST">
                                        	<div id="dgtic-ex-val1-error" class="dgtic-message error" style="display:none;"></div>
                                            <div class="dgtic-form-inline">
                                                {% csrf_token %}

												{% include "form_snippet.html" with form=formulario %}
                                                {% include "form_snippet.html" with form=formulario_user %}

                                                 <div id="results" style="position:relative;top:-300px;left:150px;"></div>

                                            </div>
                                            <div class="btn-row">
                                            	{% if persona %}<input type="button" value="Cancelar" onclick="history.go(-1)" class="btn btn-danger">{% endif %}
                                            	<input type="submit" value="Guardar Registro" class="btn btn-success">
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>

                        </div>

                            <div id="dialog-confirm" style="display:none;" title="Alerta!">
                                <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>¿Desea Bloquear a la Persona?</p>
                            </div>

                            <div id="dialog-confirm-debloqueo" style="display:none;" title="Alerta!">
                                <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>¿Desea Desactivar a la Persona?</p>
                            </div>








{% endblock contenido %}

{% block jquery %}
<script>
$("#registro_personas").validate({
				ignore: '.ignore',
				rules: {

					nombre: {
						required: true,
                        maxlength: 50
					},
					apepat: {
						required: true,
                        maxlength: 50
					},
					apemat: {
						required: true,
                        maxlength: 50
					},
                    municipio: {
                        required: true,
                    },
                    tipo_usuario: {
                        required: true,
                    },
                    username: {
                        required: true,
                        maxlength: 30
                    },
                    password1: {
                             required: true,
                            minlength: 5
                    },
                    password2: {
                        required: true,
                        minlength: 5,
                        equalTo: "#id_password1"
                    },

				},
                messages: {

                        password1: {
                            minlength: "La contraseña debe tener al menos 5 caracteres"
                        },
                        password2: {
                            minlength: "La contraseña debe tener al menos 5 caracteres",
                            equalTo: "Por favor, introduzca la misma contraseña que el anterior"
                        },



                    }
			});




$(document).ready(function() {

    $("#id_username").blur(function(event){

        r=$('#id_username').val();

        if(r !=0){

            $.post(
                    "/validar_usuario/",
                    {q:$('#id_username').val()},

            function(data) {

                $('#results').html(data);

                    }

                );
            }

        else{

            $('#disp').css('display','none');

            }
        });


        $( document ).ajaxStart( function() {

            $( '#spinner' ).show();

            })

            .ajaxStop( function() {

                $( '#spinner' ).hide();

                });

          });
    (function($) {
    $(document).ready(function() {
        $('#id_nombre').attr('class','span5  mayuscula');
        $('#id_apepat').attr('class','span5  mayuscula');
        $('#id_apemat').attr('class','span5  mayuscula');


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

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