<?php $title = 'Регистрация'; ?>

<main class="profile-page-main">
    <?php if (!empty($errors)): ?>
    <div style="background: #f8d7da; color: #721c24; padding: 15px; border-radius: 5px; margin: 20px auto; max-width: 800px;">
        <h4><i class="fas fa-exclamation-circle"></i> Ошибки регистрации:</h4>
        <ul>
            <?php foreach ($errors as $error): ?>
            <li><?= htmlspecialchars($error) ?></li>
            <?php endforeach; ?>
        </ul>
    </div>
    <?php endif; ?>

    <?php if (!empty($success)): ?>
    <div style="background: #d4edda; color: #155724; padding: 15px; border-radius: 5px; margin: 20px auto; max-width: 800px;">
        <i class="fas fa-check-circle"></i> <?= htmlspecialchars($success) ?>
    </div>
    <?php endif; ?>

    <div class="profile-container">
        <div class="profile-left-col">
            <div class="logo" style="color: white;">AETERNA</div>
            <div style="margin-top: 30px; color: rgba(255,255,255,0.8);">
                <h3 style="margin-bottom: 15px; font-size: 18px;">Присоединяйтесь к нам</h3>
                <p style="font-size: 14px; line-height: 1.5;">Создайте аккаунт чтобы получить доступ ко всем функциям:</p>
                <ul style="margin-top: 15px; padding-left: 20px; font-size: 13px;">
                    <li>Доступ к каталогу товаров</li>
                    <li>Добавление товаров в корзину</li>
                    <li>Оформление заказов</li>
                    <li>История покупок</li>
                </ul>
            </div>
        </div>

        <div class="profile-right-col">
            <div class="profile-form-block">
                <div style="margin-bottom: 20px; padding: 12px 15px; background: #e8f4fd; border-radius: 5px; font-size: 13px; color: #0c5460; text-align: center;">
                    <i class="fas fa-info-circle"></i> Для доступа к каталогу и оформления заказов необходимо зарегистрироваться
                </div>
                <h2>РЕГИСТРАЦИЯ</h2>
                <form class="profile-form" action="/register" method="POST" id="registrationForm">
                    <div class="input-group">
                        <label for="fio">ФИО *</label>
                        <input type="text" id="fio" name="fio" placeholder="Введите ваше ФИО"
                               value="<?= htmlspecialchars($old['fio'] ?? '') ?>" required>
                    </div>

                    <div class="input-group">
                        <label for="city">Город *</label>
                        <input type="text" id="city" name="city" placeholder="Укажите ваш город"
                               value="<?= htmlspecialchars($old['city'] ?? '') ?>" required>
                    </div>

                    <div class="input-group">
                        <label for="email">E-mail *</label>
                        <input type="email" id="email" name="email" placeholder="Ваш электронный адрес"
                               value="<?= htmlspecialchars($old['email'] ?? '') ?>" required>
                    </div>

                    <div class="input-group">
                        <label for="phone">Телефон *</label>
                        <input type="tel" id="phone" name="phone" placeholder="+7(912)999-12-23"
                               value="<?= htmlspecialchars($old['phone'] ?? '') ?>" required>
                    </div>

                    <div class="input-group">
                        <label for="password">Пароль *</label>
                        <input type="password" id="password" name="password" placeholder="Минимум 6 символов" required>
                    </div>

                    <div class="input-group">
                        <label for="confirm-password">Подтвердите пароль *</label>
                        <input type="password" id="confirm-password" name="confirm-password" placeholder="Повторите пароль" required>
                    </div>

                    <div class="privacy-checkbox">
                        <label>
                            <input type="checkbox" id="privacy" name="privacy" required>
                            Я соглашаюсь с условиями обработки персональных данных *
                        </label>
                    </div>

                    <a href="/login" style="display: block; margin: 15px 0; text-align: center; color: #453227;">
                        Уже есть аккаунт? Войти
                    </a>

                    <button type="submit" class="btn primary-btn save-btn">Зарегистрироваться</button>
                </form>
            </div>
        </div>
    </div>
</main>
