<?php
require ('../libs/adodb5/adodb-pager.inc.php');
require ('../libs/adodb5/adodb.inc.php');
require ('../modelo/Conexion.php');
include ('layouts/headerr.php');
?>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/estilo.css">
<!--JQuery-->
<script src="js/jquery.min.js"></script>
<title>Registro Cliente</title>
<script language="javascript" type="text/javascript">
function validacion(){
if(document.getElementById("C_usuario").value.length <5){
document.getElementById('cont').style.display='none';
document.getElementById('cont2').style.display='none';
document.getElementById('usuario').style.display='inline';
return false;
}else
if(document.getElementById("C_password").value.length <6){
document.getElementById('usuario').style.display='none';
document.getElementById('cont2').style.display='none';
document.getElementById('cont').style.display='inline';
return false;
}else
if (document.getElementById("C_password").value != document.getElementById("password2").value) {
document.getElementById('usuario').style.display='none';
document.getElementById('cont').style.display='none';
document.getElementById('cont2').style.display='inline';
return false;
}
return true;
document.frmCliente.submit();
}
</script>
</head>
<body>
<div class="col-md-10 col-md-offset-1 contenido">
<!--REGISTRO-->
<div class="col-md-6 col-md-offset-3 box">
<div class="col-md-12 text-center a1 "><i><h3><b>Registrate</b></h3></i><br></div>
<!--AREA DE REGISTRO-->
<div class="col-md-12">
<form name="frmCliente" method="post" enctype="multipart/form-data" class="form-horizontal" action="login/registrar.php" onsubmit="return validacion()">
<fieldset>
<div class="form-group">
<label for="C_nombre" class="col-sm-4 control-label" maxlength="20">Nombre</label>
<div class="col-sm-8">
<input class="form-control" type="text" name="C_nombre" id="C_nombre" placeholder="Nombre" required>
</div>
</div>
<div class="form-group">
<label for="C_apepa" class="col-sm-4 control-label" maxlength="20">Apellido paterno</label>
<div class="col-sm-8">
<input class="form-control" type="text" name="C_apepat" id="C_apepat" placeholder="Apellido paterno" required>
</div>
</div>
<div class="form-group">
<label for="C_apema" class="col-sm-4 control-label" maxlength="20">Apellido materno</label>
<div class="col-sm-8">
<input class="form-control" type="text" name="C_apemat" id="C_apemat" placeholder="Apellido materno" required>
</div>
</div>
<div class="form-group">
<label for="C_nomEmp" class="col-sm-4 control-label" maxlength="30">Nombre Empresa</label>
<div class="col-sm-8">
<input class="form-control" type="text" name="C_nomEmp" id="C_nomEmp" placeholder="Nombre Empresa" required>
</div>
</div>
<div class="form-group">
<label for="C_dirEmp" class="col-sm-4 control-label" maxlength="30">Dirección Empresa</label>
<div class="col-sm-8">
<input class="form-control" type="text" name="C_dirEmp" id="C_dirEmp" placeholder="Dirección" required>
</div>
</div>
<div class="form-group">
<label for="C_email" class="col-sm-4 control-label" maxlength="30">Email</label>
<div class="col-sm-8">
<input class="form-control" type="email" name="C_email" id="C_email" placeholder="
[email protected]" required="">
</div>
</div>
<div class="form-group">
<label for="C_usuario" class="col-sm-4 control-label" maxlength="20">Usuario</label>
<div class="col-sm-8">
<input class="form-control" type="usuario" name="C_usuario" id="C_usuario" placeholder="Usuario" required="" >
<div class="col-sm-12 text-center" id="usuario" style="display:none; color:red; font-size: 12px;">
El nombre de usuario al menos debe contener al menos 5 letras
</div>
</div>
</div>
<div class="form-group">
<label for="C_password" class="col-sm-4 control-label" maxlength="20">Contraseña</label>
<div class="col-sm-8">
<input class="form-control" type="password" name="C_password" id="C_password" placeholder="Contraseña" required="" >
<div class="col-sm-12 text-center" id="cont" style="display:none; color:red; font-size: 12px;">
La contraseña debe contener al menos 6 caracteres
</div>
</div>
</div>
<div class="form-group">
<label for="password2" class="col-sm-4 control-label" maxlength="20">Confirma contraseña</label>
<div class="col-sm-8">
<input class="form-control" type="password" name="password2" id="password2" placeholder="Confirma Contraseña" required="" >
<div class="col-sm-12 text-center" id="cont2" style="display:none; color:red; font-size: 12px;">
Las contraseñas son diferentes
</div>
<div class="col-sm-12 text-center" id="uss" style="display:none; color:red; font-size: 12px;">
Este usuario no esta disponible
</div>
<div class="col-sm-12 text-center" id="corr" style="display:none; color:red; font-size: 12px;">
Este correo ya fue registrado, registrate con otro correo
</div>
</div>
</div>
<span class="pull-right"><a href="logincte.php">Regresar</a></span>
<div class="form-group">
<div class="control-group text-center">
<label class="control-label" for="acceder"></label>
<div class="controls ">
<button type="submit" id="acceder" name="acceder">Registrar</button>
</div>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
<div class="fo"><?php include ('layouts/footer.php'); ?></div>