91 lines
3.5 KiB
PHP
91 lines
3.5 KiB
PHP
<?php $title = 'Вход'; ?>
|
||
|
||
<main class="profile-page-main">
|
||
<div class="profile-container">
|
||
<div class="profile-left-col">
|
||
<div class="logo">AETERNA</div>
|
||
</div>
|
||
|
||
<div class="profile-right-col">
|
||
<div class="profile-form-block">
|
||
<h2>ВХОД В АККАУНТ</h2>
|
||
|
||
<?php if (!empty($error)): ?>
|
||
<div style="background: #f8d7da; color: #721c24; padding: 15px; border-radius: 5px; margin-bottom: 20px;">
|
||
<?= htmlspecialchars($error) ?>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<?php if (!empty($success)): ?>
|
||
<div style="background: #d4edda; color: #155724; padding: 15px; border-radius: 5px; margin-bottom: 20px;">
|
||
<?= htmlspecialchars($success) ?>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<form class="profile-form" id="loginForm">
|
||
<input type="hidden" name="redirect" value="<?= htmlspecialchars($redirect ?? '/catalog') ?>">
|
||
|
||
<div class="input-group">
|
||
<label for="login-email">E-mail</label>
|
||
<input type="email" id="login-email" name="email" placeholder="Ваш электронный адрес" required>
|
||
</div>
|
||
|
||
<div class="input-group">
|
||
<label for="login-password">Пароль</label>
|
||
<input type="password" id="login-password" name="password" placeholder="Введите пароль" required>
|
||
</div>
|
||
|
||
<div class="form-options">
|
||
<label class="remember-me">
|
||
<input type="checkbox" id="remember" name="remember">
|
||
Запомнить меня
|
||
</label>
|
||
<a href="#" class="forgot-password">Забыли пароль?</a>
|
||
</div>
|
||
|
||
<button type="submit" class="btn primary-btn save-btn">Войти</button>
|
||
|
||
<div class="auth-actions">
|
||
<span class="auth-text">Нет аккаунта?</span>
|
||
<a href="/register" class="login-btn">Зарегистрироваться</a>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<script>
|
||
$(document).ready(function() {
|
||
$('#loginForm').on('submit', function(e) {
|
||
e.preventDefault();
|
||
|
||
const email = $('#login-email').val();
|
||
const password = $('#login-password').val();
|
||
const redirect = $('input[name="redirect"]').val();
|
||
|
||
if (!email || !password) {
|
||
alert('Заполните все поля');
|
||
return;
|
||
}
|
||
|
||
$.ajax({
|
||
url: '/login',
|
||
method: 'POST',
|
||
data: { email: email, password: password, redirect: redirect },
|
||
dataType: 'json',
|
||
success: function(result) {
|
||
if (result.success) {
|
||
window.location.href = result.redirect || '/catalog';
|
||
} else {
|
||
alert(result.message || 'Ошибка авторизации');
|
||
}
|
||
},
|
||
error: function() {
|
||
alert('Ошибка сервера. Попробуйте позже.');
|
||
}
|
||
});
|
||
});
|
||
});
|
||
</script>
|