122 lines
3.4 KiB
PHP
122 lines
3.4 KiB
PHP
<?php
|
|
session_start();
|
|
if (isset($_SESSION['user_id'])) {
|
|
header('Location: index.php');
|
|
exit();
|
|
}
|
|
$page_title = "Sign Up";
|
|
include 'header.php';
|
|
?>
|
|
|
|
<style>
|
|
.form-container {
|
|
display: flex;
|
|
min-height: 80vh;
|
|
}
|
|
.form-column {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 40px;
|
|
}
|
|
.image-column {
|
|
flex: 1;
|
|
background: url('assets/images/hero.jpg') no-repeat center center;
|
|
background-size: cover;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: white;
|
|
text-align: center;
|
|
}
|
|
.form-box {
|
|
width: 100%;
|
|
max-width: 400px;
|
|
}
|
|
.form-box h2 {
|
|
margin-bottom: 20px;
|
|
font-size: 2.5rem;
|
|
font-weight: bold;
|
|
}
|
|
.form-box .form-group {
|
|
margin-bottom: 20px;
|
|
}
|
|
.form-box .form-control {
|
|
border-radius: 5px;
|
|
padding: 15px;
|
|
border: 1px solid #ddd;
|
|
}
|
|
.form-box .btn-primary {
|
|
width: 100%;
|
|
padding: 15px;
|
|
border-radius: 5px;
|
|
background-color: #007bff;
|
|
border: none;
|
|
}
|
|
.social-login {
|
|
margin-top: 20px;
|
|
text-align: center;
|
|
}
|
|
.social-login p {
|
|
margin-bottom: 15px;
|
|
}
|
|
.social-login .btn {
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
padding: 15px;
|
|
border-radius: 5px;
|
|
}
|
|
.social-login .btn-google {
|
|
background-color: #db4437;
|
|
color: white;
|
|
}
|
|
.social-login .btn-facebook {
|
|
background-color: #3b5998;
|
|
color: white;
|
|
}
|
|
</style>
|
|
|
|
<div class="form-container">
|
|
<div class="form-column">
|
|
<div class="form-box">
|
|
<h2>Create Your Account</h2>
|
|
<p>Sign up to start ordering your favorite food.</p>
|
|
<?php if (isset($_GET['error'])): ?>
|
|
<div class="alert alert-danger" role="alert">
|
|
<?php echo htmlspecialchars($_GET['error']); ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
<form action="signup_process.php" method="post">
|
|
<div class="form-group">
|
|
<label for="name">Full Name</label>
|
|
<input type="text" class="form-control" id="name" name="name" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email">Email address</label>
|
|
<input type="email" class="form-control" id="email" name="email" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="password">Password</label>
|
|
<input type="password" class="form-control" id="password" name="password" required>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Sign Up</button>
|
|
</form>
|
|
<div class="social-login">
|
|
<p>Or sign up with</p>
|
|
<a href="auth_google.php" class="btn btn-google"><i class="fab fa-google"></i> Sign up with Google</a>
|
|
</div>
|
|
<div class="mt-3 text-center">
|
|
<p>Already have an account? <a href="login.php">Log in</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="image-column">
|
|
<div>
|
|
<h1>Your next meal, delivered.</h1>
|
|
<p>The best local restaurants, right at your fingertips.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php include 'footer.php'; ?>
|