golf_backend/app/Views/myaccount.php
2023-06-06 15:25:27 +05:30

132 lines
6.0 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<title>My Account - Golf Evolution</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="<?= base_url()."/public"; ?>/assets/member_images/favicon.png" sizes="192x192" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="<?= base_url()."/public"; ?>/assets/member_css/front-style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
function check_if_exists() {
var email = $("#email").val();
$.ajax({
type:"post",
url: "<?php echo base_url(); ?>/check_if_mail_exists",
data:{ email:email , table : 'member'},
success:function(response)
{
if (response == true)
{
alert("This mail id already exists");
$("#email").val('');
}
}
});
}
</script>
</head>
<body>
<?php include 'member_layout/header.php' ?>
<section class="login pt-5 pb-5">
<div class="container">
<div class="account-width mb-4" id="myaccount">
<div class="form-container sign-up-container">
<form method="post" action="<?= base_url()."register"; ?>" role="form" class="parsley-examples">
<h1>Create Account</h1>
<div class="row">
<div class="col-12 mb-3">
<label for="username">Username</label>
<input type="text" class="form-control" required parsley-type="text" name="name" placeholder="Enter your username" id="username"/>
</div>
<div class="col-12 mb-3">
<label for="loginemail">Email Id</label>
<input type="email" class="form-control" required parsley-type="email" name="email" placeholder="Enter your email id" onchange="check_if_exists();" id="loginemail"/>
</div>
<div class="col-12 mb-3">
<label for="mobile">Mobile Number</label>
<input type="tel" class="form-control" data-parsley-type="number" name="mobile" placeholder="Enter your mobile number" id="mobile"/>
</div>
</div>
<button class="signup-btn" type="submit">Register</button>
</form>
</div>
<div class="form-container sign-in-container">
<form method="post" action="<?= base_url(); ?>">
<h1>Sign in</h1>
<?php if(session()->getTempdata('mail_success')):?>
<div class="alert alert-success" >
<?= session()->getTempdata('mail_success'); ?>
</div>
<?php endif;?>
<?php if(session()->getTempdata('error')):?>
<div class="alert alert-danger" >
<?= session()->getTempdata('error'); ?>
</div>
<?php endif;?>
<div class="row">
<div class="col-12 mb-3">
<label for="regemail">Email or Username</label>
<input type="email" name="email" id="emailaddress" required="" value="gowthamceline46@gmail.com" placeholder="Email" />
</div>
<div class="col-12 mb-3">
<label for="newpassword">Password</label>
<input type="password" id="password" name="password" value="admin" placeholder="Password" />
</div>
</div>
<button class="signin-btn" type="submit">Login In</button>
<a href="<?= base_url()."forgot_password"; ?>" class="forget-pwd">Forgot your password?</a>
</form>
</div>
<div class="overlay-container">
<div class="login-overlay">
<div class="overlay-panel overlay-left">
<h1>Welcome Back!</h1>
<p>To keep connected with us please login with your personal info</p>
<button class="login-btn" id="signIn">Sign In</button>
</div>
<div class="overlay-panel overlay-right">
<h1>Hello, Friend!</h1>
<p>Enter your personal details and start playing with us</p>
<button class="login-btn" id="signUp">Sign Up</button>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include 'member_layout/footer.php' ?>
<script>
const signUpButton = document.getElementById('signUp');
const signInButton = document.getElementById('signIn');
const container = document.getElementById('myaccount');
signUpButton.addEventListener('click', () => {
container.classList.add("right-panel-active");
});
signInButton.addEventListener('click', () => {
container.classList.remove("right-panel-active");
});
</script>
</body>
</html>