
<style>
    
.login-box {
  width: 80%;
}
    
</style>

<div class="col-md-12">
<div style="margin-top:30%;" >	
   <br>   <br>   <br>
        <div class="login-box box-cadastro"  style=" background:#fff">

            <form action="" method="post"  id="form2">
                
                <br>
                
                 <div class="col-md-6">
                <input type="text" name="usu_nome" id="usu_nome" placeholder="Nome" />
                </div>
                
                <div class="col-md-6">
                <input type="text" name="usu_email" id="usu_email" placeholder="E-mail" />
                </div>
                
                <div class="col-md-6">
                <input type="text" name="usu_cpf" id="usu_cpf" placeholder="CPF" />
                </div>
                
                
                <div class="col-md-6">
                  <input type="text" name="usu_aniver" id="usu_aniver" placeholder="Data de nascimento" />
                </div>
                
                <div class="col-md-6">
                <input type="text" name="usu_telefone" id="usu_telefone" placeholder="Telefone" />
                </div>
                
                <div class="col-md-6">
                <input type="text" name="usu_celular" id="usu_celular" placeholder="Celular" />
                </div>
                
                <div class="col-md-6">
                  <input type="text" name="usu_cep" id="usu_cep" placeholder="Cep" />
                </div>
                
                <div class="col-md-6">
                  <input type="text" name="usu_endereco" id="usu_endereco" placeholder="Endereço" />
                </div>
                
                <div class="col-md-6">
                  <input type="text" name="usu_bairro" id="usu_bairro" placeholder="Bairro" />
                </div>
                
                 <div class="col-md-6">
                  <input type="text" name="usu_cidade" id="usu_cidade" placeholder="Cidade" />
                </div>
                
                
                 <div class="col-md-6">
                  <input type="text" name="usu_documento" id="usu_documento" placeholder="Documento" />
                </div>
                
                
                <div class="col-md-6">
                  <input type="text" name="usu_profissao" id="usu_profissao" placeholder="Profissão" />
                </div>
                
                
                 <div class="col-md-6">
                  <input type="text" name="usu_renda" id="usu_renda" placeholder="Renda" />
                </div>
                
                
                 <div class="col-md-6">
                  <input type="text" name="usu_status" id="usu_status" placeholder="Status" />
                </div>
    
                
                <input type="hidden" name="terminal-cadastro" />
                
                <button
                    type="button"
                    style="width: 100%; height: 50px"
                    onclick="LoginCadastro.cadastro()">Cadastrar</button>
            </form>
 
        </div>
	
     </div>
</div>
  
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  
      <script src="<?php echo base; ?>assets/js/jquery.maskedinput.min.js" ></script>

    
    <script type="text/javascript">
 
jQuery(function($){

$("#usu_aniver").mask("99/99/9999");
$("#usu_celular").mask("(99) 999-999999");
$("#usu_telefone").mask("(99) 9999-9999");
$("#usu_cpf").mask("999.999.999-99");
$("#usu_cep").mask("99999-999");

			$("#usu_cep").blur(function(){
				// Remove tudo o que não é número para fazer a pesquisa
				var cep = this.value.replace(/[^0-9]/, "");
				
				// Validação do CEP; caso o CEP não possua 8 números, então cancela
				// a consulta
				if(cep.length != 8){
					return false;
				}
				
				// A url de pesquisa consiste no endereço do webservice + o cep que
				// o usuário informou + o tipo de retorno desejado (entre "json",
				// "xml", "piped" ou "querty")
				var url = "https://viacep.com.br/ws/"+cep+"/json/";
				
				// Faz a pesquisa do CEP, tratando o retorno com try/catch para que
				// caso ocorra algum erro (o cep pode não existir, por exemplo) a
				// usabilidade não seja afetada, assim o usuário pode continuar//
				// preenchendo os campos normalmente
				$.getJSON(url, function(dadosRetorno){
					try{
						// Preenche os campos de acordo com o retorno da pesquisa
						$("#usu_endereco").val(dadosRetorno.logradouro);
						$("#usu_bairro").val(dadosRetorno.bairro);
						$("#usu_cidade").val(dadosRetorno.localidade);
					//	$("#uf").val(dadosRetorno.uf);
					}catch(ex){}
				});
			});


});



LoginCadastro = {

	cadastro : function(){
		
		$.ajax({
            type:   'POST',
             url:    BASE_URL,
             data:   $('#form2').serialize(),
             success: function(d){

                if (d == 'Cadadstro realizado com sucesso!') {
              // TerminalAdmin.dashboard();
                } else {
					alert(d);
				}

            }
        });
		
	}

}

</script>
  
