????JFIF??x?x????'
| Server IP : 104.21.30.238 / Your IP : 216.73.216.87 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /././home/tempvsty/eaabusiness.com/form/wp-content/themes/astra/ |
Upload File : |
<?php
/* Template Name: Custom Signup */
// if ( is_user_logged_in() ) {
// wp_redirect( home_url('my-account') );
// exit;
// }
$signup_error = '';
if ( isset( $_POST['signup'] ) ) {
// Sanitize input data
$firstname = sanitize_text_field( $_POST['firstname'] );
$lastname = sanitize_text_field( $_POST['lastname'] );
$username = sanitize_user( $_POST['username'] );
$email = sanitize_email( $_POST['email'] );
$password = $_POST['password']; // Assuming password is sanitized during hashing
if ( username_exists( $username ) || email_exists( $email ) ) {
$signup_error = 'Username or email already exists.';
} else {
// Create the user
$user_id = wp_create_user( $username, $password, $email );
if ( is_wp_error( $user_id ) ) {
$signup_error = $user_id->get_error_message();
} else {
// Update user meta
update_user_meta( $user_id, 'first_name', $firstname );
update_user_meta( $user_id, 'last_name', $lastname );
// Set user role to customer
$user = new WP_User( $user_id );
$user->set_role( 'customer' );
// Redirect to my-account page
wp_redirect( home_url('custom-login') );
exit;
}
}
}
get_header();
?>
<div class="main">
<div class="container">
<div class="login-section">
<form method="post">
<h1>Welcome back!</h1>
<?php if ( $signup_error ) : ?>
<div class="error"><?php echo $signup_error; ?></div>
<?php endif; ?>
<label for="username">First Name</label>
<input type="text" name="firstname" placeholder="First Name">
<label for="username">Last Name</label>
<input type="text" name="lastname" placeholder="Last Name">
<label for="username">Username</label>
<input type="text" name="username" placeholder="User Name" required>
<label for="email">Email</label>
<input type="email" name="email" placeholder="Email" required>
<label for="password">Password</label>
<input type="password" name="password" placeholder="Password" required>
<button type="submit" name="signup">Sign Up</button>
</form>
<p class="signup">I have an account yet? <a href="https://wantareview.com/custom-login/">Sign in</a></p>
</div>
<div class="info-section">
<img class="img" src="https://wantareview.com/wp-content/uploads/2024/05/download.jpg">
</div>
</div>
</div>
<style>
.main{
margin-top:50px;
margin-bottom:50px;
display: flex;
justify-content: center;
}
.container {
display: flex;
width: 1000px;
background-color: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
border-radius: 10px;
}
.login-section, .info-section {
padding: 50px;
}
.login-section {
width: 80%;
border-right: 1px solid #e0e0e0;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.info-section {
width:100%;
background-color: #dddbdc;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}
h1, h2 {
margin: 0 0 20px;
}
h1{
text-align: center;
margin-bottom: 30px;
font-weight: bold;
}
.error {
color: red;
margin: 0 0 20px;
}
form {
display: flex;
flex-direction: column;
}
label {
margin-bottom: 5px;
}
input[type="text"], input[type="password"], input[type="email"] {
padding: 10px;
margin-bottom: 15px;
border: none;
border-bottom: 1px solid #dedede;
}
input:focus-visible{
outline: none;
}
.remember-me {
display: flex;
align-items: center;
margin-bottom: 20px;
}
button {
padding: 10px;
border: none;
background-color: #008C76;
color: white;
cursor: pointer;
font-size: 16px;
font-weight: 600;
}
button:hover {
background-color: #007b66;
}
.signup {
margin-top: 20px;
text-align: center;
}
.signup a {
color: #008C76;
text-decoration: none;
}
.signup a:hover {
text-decoration: underline;
}
.info-section h2 {
text-align: center;
}
.seven{
display: flex;
margin-top: -44px;
}
.seven h4{
font-size: 20px;
margin-top: 10px;
margin-left: 10px;
}
#heading{
font-size: 60px;
}
.info-section ul {
list-style-type: none;
padding: 0;
}
.info-section li {
padding: 10px 0;
text-align: center;
}
.lost{
display: flex;
}
#pass{
margin-left: 130px;
text-decoration: none;
color: grey;
font-size: 14px;
}
#me{
margin-left: 5px;
margin-bottom: -2px;
font-size: 14px;
}
#img{
margin-left: 60px;
}
.img{
width:150% !important;
margin-top:100px;
}
</style>
<?php get_footer(); ?>