Tul xxx Tul

Viewing: register.php

<?php 
include("config.php");
$error="";
$msg="";
if(isset($_REQUEST['reg']))
{
	$name=$_REQUEST['name'];
	$email=$_REQUEST['email'];
	$phoneInput = isset($_REQUEST['phone']) ? trim($_REQUEST['phone']) : '';
	$phoneHasPlus = ($phoneInput !== '' && $phoneInput[0] === '+');
	$phoneDigits = preg_replace('/\D+/', '', $phoneInput);
	$phone = ($phoneHasPlus ? '+' : '') . $phoneDigits;
	$pass=$_REQUEST['pass'];
	$utype=$_REQUEST['utype'];
	
	$uimage=$_FILES['uimage']['name'];
	$temp_name1 = $_FILES['uimage']['tmp_name'];
	
	$pass= sha1($pass);
	
	$query = "SELECT * FROM user where uemail='$email'";
	$res=mysqli_query($con, $query);
	$num=mysqli_num_rows($res);
	
	if($num == 1)
	{
		$error = "<p class='alert alert-warning'>El correo ya existe</p> ";
	}
	else
	{
		
		if(!empty($name) && !empty($email) && !empty($phoneInput) && !empty($pass) && !empty($uimage))
		{
			if(!$phoneHasPlus || !preg_match('/^\+[1-9]\d{7,14}$/', $phone))
			{
				$error = "<p class='alert alert-warning'>El número de teléfono debe incluir código de país (ejemplo: +573001234567)</p>";
			}
			else
			{
				$sql="INSERT INTO user (uname,uemail,uphone,upass,utype,uimage) VALUES ('$name','$email','$phone','$pass','$utype','$uimage')";
				$result=mysqli_query($con, $sql);
				move_uploaded_file($temp_name1,"admin/user/$uimage");
				   if($result){
					   $msg = "<p class='alert alert-success'>Registrado Exitosamente</p> ";
				   }
				   else{
					   $error = "<p class='alert alert-warning'>Registro No Exitoso</p> ";
				   }
			}
		}else{
			$error = "<p class='alert alert-warning'>Por favor complete todos los campos</p>";
		}
	}
	
}
?>
<!DOCTYPE html>
<html lang="en">
<!-- FOR MORE PROJECTS visit: codeastro.com -->
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Meta Tags -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" type="image/png" href="images/logo/logo.png">

<!--	Fonts
	========================================================-->
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,500,600,700&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Comfortaa:400,700" rel="stylesheet">

<!--	Css Link
	========================================================-->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-slider.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="css/layerslider.css">
<link rel="stylesheet" type="text/css" href="css/color.css">
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="fonts/flaticon/flaticon.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/login.css">

<!--	Title
	=========================================================-->
<title>Inmobiliaria PHP</title>
</head>
<body>

<!--	Page Loader
=============================================================
<div class="page-loader position-fixed z-index-9999 w-100 bg-white vh-100">
	<div class="d-flex justify-content-center y-middle position-relative">
	  <div class="spinner-border" role="status">
		<span class="sr-only">Loading...</span>
	  </div>
	</div>
</div>
--> 


<div id="page-wrapper">
    <div class="row"> 
        <!--	Header start  -->
		<?php include("include/header.php");?>
        <!--	Header end  --><!-- FOR MORE PROJECTS visit: codeastro.com -->
        
        <!--	Banner   --->
        <!-- <div class="banner-full-row page-banner" style="background-image:url('images/breadcromb.jpg');">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="page-name float-left text-white text-uppercase mt-1 mb-0"><b>Register</b></h2>
                    </div>
                    <div class="col-md-6">
                        <nav aria-label="breadcrumb" class="float-left float-md-right">
                            <ol class="breadcrumb bg-transparent m-0 p-0">
                                <li class="breadcrumb-item text-white"><a href="#">Home</a></li>
                                <li class="breadcrumb-item active">Register</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div> -->
         <!--	Banner   --->
		 
		 
		 
        <style>
            * { box-sizing: border-box; }
            body { background: #f8fafc; }
            #page-wrapper { overflow: visible !important; }

            .auth-page {
                min-height: 100vh;
                display: flex;
                align-items: stretch;
                font-family: 'Inter', 'Muli', sans-serif;
            }
            .auth-left {
                width: 42%;
                background: linear-gradient(145deg, #064e3b 0%, #065f46 40%, #059669 100%);
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                padding: 60px 56px;
                position: relative;
                overflow: hidden;
            }
            .auth-left::before {
                content: '';
                position: absolute;
                top: -120px; right: -120px;
                width: 400px; height: 400px;
                background: rgba(255,255,255,0.05);
                border-radius: 50%;
            }
            .auth-left::after {
                content: '';
                position: absolute;
                bottom: -80px; left: -80px;
                width: 300px; height: 300px;
                background: rgba(255,255,255,0.04);
                border-radius: 50%;
            }
            .auth-left .brand-logo { margin-bottom: 48px; position: relative; z-index: 1; }
            .auth-left .brand-logo img { max-height: 48px; filter: brightness(0) invert(1); }
            .auth-left .auth-headline {
                font-size: 34px; font-weight: 800; color: #fff;
                line-height: 1.25; margin-bottom: 16px; position: relative; z-index: 1;
            }
            .auth-left .auth-headline span { color: #6ee7b7; }
            .auth-left .auth-desc {
                font-size: 15px; color: rgba(255,255,255,0.65);
                line-height: 1.7; margin-bottom: 48px;
                position: relative; z-index: 1; max-width: 340px;
            }
            .auth-left .auth-features { list-style: none; padding: 0; margin: 0; position: relative; z-index: 1; }
            .auth-left .auth-features li {
                display: flex; align-items: center; gap: 12px;
                color: rgba(255,255,255,0.8); font-size: 14px;
                font-weight: 500; margin-bottom: 14px;
            }
            .auth-left .auth-features li .feat-icon {
                width: 32px; height: 32px;
                background: rgba(255,255,255,0.12);
                border-radius: 9px;
                display: flex; align-items: center; justify-content: center;
                font-size: 14px; color: #6ee7b7; flex-shrink: 0;
            }
            .auth-right {
                flex: 1; display: flex; align-items: center;
                justify-content: center; padding: 50px 40px; background: #fff;
                overflow-y: auto;
            }
            .auth-form-wrap { width: 100%; max-width: 460px; }
            .auth-form-wrap .form-header { margin-bottom: 28px; }
            .auth-form-wrap .form-header .form-badge {
                display: inline-flex; align-items: center; gap: 6px;
                background: #d1fae5; color: #065f46;
                font-size: 11px; font-weight: 700; text-transform: uppercase;
                letter-spacing: 1.2px; padding: 5px 12px; border-radius: 50px; margin-bottom: 14px;
            }
            .auth-form-wrap .form-header h2 {
                font-size: 26px; font-weight: 800; color: #0f172a;
                margin-bottom: 6px; line-height: 1.2;
            }
            .auth-form-wrap .form-header p { font-size: 14px; color: #64748b; margin: 0; }

            .auth-alert-success {
                background: #d1fae5; color: #065f46; border: 1px solid #a7f3d0;
                border-radius: 10px; padding: 12px 16px; font-size: 13.5px;
                font-weight: 500; margin-bottom: 20px;
                display: flex; align-items: center; gap: 8px;
            }
            .auth-alert-error {
                background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5;
                border-radius: 10px; padding: 12px 16px; font-size: 13.5px;
                font-weight: 500; margin-bottom: 20px;
                display: flex; align-items: center; gap: 8px;
            }

            .auth-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
            .auth-field { margin-bottom: 16px; }
            .auth-field label { display: block; font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 7px; }
            .auth-field .input-wrap { position: relative; }
            .auth-field .input-wrap .input-icon {
                position: absolute; left: 14px; top: 50%;
                transform: translateY(-50%); color: #94a3b8; font-size: 15px; pointer-events: none;
            }
            .auth-field .input-wrap input {
                width: 100%; border: 1.5px solid #e2e8f0; border-radius: 12px;
                padding: 12px 14px 12px 42px; font-size: 14px; color: #0f172a;
                background: #f8fafc; transition: all 0.25s ease; outline: none; font-family: inherit;
            }
            .auth-field .input-wrap input:focus {
                border-color: #059669; background: #fff;
                box-shadow: 0 0 0 4px rgba(5,150,105,0.10);
            }
            .auth-field .input-wrap input::placeholder { color: #94a3b8; }

            .role-selector { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 16px; }
            .role-option input[type="radio"] { display: none; }
            .role-option label {
                display: flex; flex-direction: column; align-items: center; gap: 6px;
                padding: 12px 8px; border: 1.5px solid #e2e8f0; border-radius: 12px;
                cursor: pointer; transition: all 0.25s ease; background: #f8fafc;
                font-size: 12px; font-weight: 600; color: #64748b; text-align: center;
            }
            .role-option label i { font-size: 18px; color: #94a3b8; transition: all 0.25s ease; }
            .role-option input[type="radio"]:checked + label {
                border-color: #059669; background: #d1fae5; color: #065f46;
            }
            .role-option input[type="radio"]:checked + label i { color: #059669; }

            .file-upload-area {
                border: 1.5px dashed #a7f3d0; border-radius: 12px; padding: 18px;
                text-align: center; background: #f8fafc; cursor: pointer;
                transition: all 0.25s ease; margin-bottom: 16px; position: relative;
            }
            .file-upload-area:hover { border-color: #059669; background: #d1fae5; }
            .file-upload-area input[type="file"] {
                position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%;
            }
            .file-upload-area .upload-icon { font-size: 22px; color: #6ee7b7; margin-bottom: 6px; display: block; }
            .file-upload-area p { font-size: 13px; color: #64748b; margin: 0; font-weight: 500; }
            .file-upload-area span { font-size: 11px; color: #94a3b8; }

            .btn-auth-submit {
                width: 100%; padding: 14px;
                background: linear-gradient(135deg, #059669 0%, #047857 100%);
                color: #fff; border: none; border-radius: 12px;
                font-size: 15px; font-weight: 600; cursor: pointer;
                transition: all 0.3s ease; display: flex; align-items: center;
                justify-content: center; gap: 10px;
                box-shadow: 0 4px 14px rgba(5,150,105,0.35);
                margin-top: 4px; font-family: inherit;
            }
            .btn-auth-submit:hover {
                transform: translateY(-2px);
                box-shadow: 0 8px 24px rgba(5,150,105,0.45);
            }
            .auth-divider {
                display: flex; align-items: center; gap: 12px; margin: 20px 0;
            }
            .auth-divider::before, .auth-divider::after {
                content: ''; flex: 1; height: 1px; background: #e2e8f0;
            }
            .auth-divider span { font-size: 12px; color: #94a3b8; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
            .auth-footer-link { text-align: center; font-size: 14px; color: #64748b; }
            .auth-footer-link a { color: #059669; font-weight: 600; text-decoration: none; }
            .auth-footer-link a:hover { text-decoration: underline; }

            @media (max-width: 900px) {
                .auth-left { display: none; }
                .auth-right { padding: 40px 24px; }
                .auth-grid-2 { grid-template-columns: 1fr; }
            }
        </style>

        <div class="auth-page">
            <!-- Left branding panel -->
            <div class="auth-left">
                <div class="brand-logo">
                    <img src="images/logo/logo.png" alt="Logo">
                </div>
                <h2 class="auth-headline">Únete a nuestra <span>comunidad</span></h2>
                <p class="auth-desc">Crea tu cuenta y accede a las mejores propiedades en Colombia. Compra, vende o arrienda con total confianza.</p>
                <ul class="auth-features">
                    <li><div class="feat-icon"><i class="fas fa-search"></i></div> Búsqueda avanzada de propiedades</li>
                    <li><div class="feat-icon"><i class="fas fa-star"></i></div> Guarda tus propiedades favoritas</li>
                    <li><div class="feat-icon"><i class="fas fa-user-tie"></i></div> Conecta con agentes expertos</li>
                    <li><div class="feat-icon"><i class="fas fa-bell"></i></div> Alertas de nuevas propiedades</li>
                </ul>
            </div>

            <!-- Right form panel -->
            <div class="auth-right">
                <div class="auth-form-wrap">
                    <div class="form-header">
                        <div class="form-badge"><i class="fas fa-user-plus" style="font-size:9px;"></i> Registro Gratuito</div>
                        <h2>Crear Cuenta</h2>
                        <p>Completa el formulario para comenzar</p>
                    </div>

                    <?php if(!empty($error)): ?>
                    <div class="auth-alert-error"><i class="fas fa-exclamation-circle"></i> <?php echo strip_tags($error); ?></div>
                    <?php endif; ?>
                    <?php if(!empty($msg)): ?>
                    <div class="auth-alert-success"><i class="fas fa-check-circle"></i> <?php echo strip_tags($msg); ?></div>
                    <?php endif; ?>

                    <form method="post" enctype="multipart/form-data">
                        <div class="auth-grid-2">
                            <div class="auth-field">
                                <label>Nombre completo</label>
                                <div class="input-wrap">
                                    <i class="fas fa-user input-icon"></i>
                                    <input type="text" name="name" placeholder="Tu nombre" required>
                                </div>
                            </div>
                            <div class="auth-field">
                                <label>Correo electrónico</label>
                                <div class="input-wrap">
                                    <i class="fas fa-envelope input-icon"></i>
                                    <input type="email" name="email" placeholder="tu@correo.com" required>
                                </div>
                            </div>
                        </div>
                        <div class="auth-grid-2">
                            <div class="auth-field">
                                <label>Teléfono</label>
                                <div class="input-wrap">
                                    <i class="fas fa-phone-alt input-icon"></i>
                                    <input type="tel" name="phone" placeholder="+573001234567" maxlength="16" pattern="\+[1-9][0-9]{7,14}" required>
                                </div>
                            </div>
                            <div class="auth-field">
                                <label>Contraseña</label>
                                <div class="input-wrap">
                                    <i class="fas fa-lock input-icon"></i>
                                    <input type="password" name="pass" placeholder="Mínimo 6 caracteres" required>
                                </div>
                            </div>
                        </div>

                        <!-- Role selector -->
                        <div class="auth-field">
                            <label>Tipo de cuenta</label>
                            <div class="role-selector">
                                <div class="role-option">
                                    <input type="radio" name="utype" id="r_user" value="user" checked>
                                    <label for="r_user"><i class="fas fa-user"></i> Usuario</label>
                                </div>
                                <div class="role-option">
                                    <input type="radio" name="utype" id="r_agent" value="agent">
                                    <label for="r_agent"><i class="fas fa-user-tie"></i> Agente</label>
                                </div>
                                <div class="role-option">
                                    <input type="radio" name="utype" id="r_builder" value="builder">
                                    <label for="r_builder"><i class="fas fa-hard-hat"></i> Constructor</label>
                                </div>
                            </div>
                        </div>

                        <!-- File upload -->
                        <div class="auth-field">
                            <label>Foto de perfil</label>
                            <div class="file-upload-area">
                                <input type="file" name="uimage" accept="image/*" required>
                                <i class="fas fa-cloud-upload-alt upload-icon"></i>
                                <p>Arrastra tu foto aquí o haz clic para seleccionar</p>
                                <span>JPG, PNG o GIF · Máx. 2MB</span>
                            </div>
                        </div>

                        <button type="submit" name="reg" value="Register" class="btn-auth-submit">
                            <i class="fas fa-user-plus"></i> Crear Cuenta
                        </button>
                    </form>

                    <div class="auth-divider"><span>¿Ya tienes cuenta?</span></div>
                    <p class="auth-footer-link"><a href="login.php"><i class="fas fa-sign-in-alt"></i> Iniciar Sesión</a></p>
                </div>
            </div>
        </div>
        
        
        <!--	Footer   start-->
		<?php include("include/footer.php");?>
		<!--	Footer   start-->
        
        <!-- Scroll to top --> 
        <a href="#" class="bg-secondary text-white hover-text-secondary" id="scroll"><i class="fas fa-angle-up"></i></a> 
        <!-- End Scroll To top --> 
    </div>
</div>
<!-- Wrapper End --> 
<!-- FOR MORE PROJECTS visit: codeastro.com -->
<!--	Js Link
============================================================--> 
<script src="js/jquery.min.js"></script> 
<!--jQuery Layer Slider --> 
<script src="js/greensock.js"></script> 
<script src="js/layerslider.transitions.js"></script> 
<script src="js/layerslider.kreaturamedia.jquery.js"></script> 
<!--jQuery Layer Slider --> 
<script src="js/popper.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/owl.carousel.min.js"></script> 
<script src="js/tmpl.js"></script> 
<script src="js/jquery.dependClass-0.1.js"></script> 
<script src="js/draggable-0.1.js"></script> 
<script src="js/jquery.slider.js"></script> 
<script src="js/wow.js"></script> 
<script src="js/custom.js"></script>
</body>
</html>
User / IP	: 216.73.216.227
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64