<?php include_once "header.php"; ?>

<!-- Glass Register Card -->
<div class="glass-card fade-in-up">

    <!-- Card Header -->
    <div class="glass-card-header text-center">
        <div class="header-icon mb-3">
            <i class="bi bi-person-plus-fill"></i>
        </div>
        <h3 class="fw-bold mb-1"><?= __('front.create_account') ?></h3>
        <p class="text-white-50 mb-0"><?= __('front.join_us_get_started') ?></p>
    </div>

    <!-- Login/Register Nav -->
    <ul class="nav nav-pills glass-nav-pills mb-4" id="auth-tabs">
        <li class="nav-item flex-fill">
            <a class="nav-link" href="<?= base_url() ?>">
                <i class="bi bi-box-arrow-in-right me-2"></i><?= __('front.login') ?>
            </a>
        </li>
        <li class="nav-item flex-fill">
            <a class="nav-link active" href="<?= base_url('register') ?>">
                <i class="bi bi-person-plus me-2"></i><?= __('front.register') ?>
            </a>
        </li>
    </ul>

    <!-- Info Banner -->
    <div class="glass-info-banner mb-4">
        <div class="d-flex align-items-start">
            <i class="bi bi-info-circle-fill me-3 fs-5 flex-shrink-0"></i>
            <div>
                <h6 class="fw-bold mb-1"><?= __('front.getting_started') ?></h6>
                <p class="mb-0 small opacity-85"><?= __('front.enter_your_information_to_setup_a_new_account') ?></p>
            </div>
        </div>
    </div>

    <!-- Registration Form (dynamic builder) -->
    <div class="registration-form-container">
        <?= $register_fomm ?>
    </div>

    <!-- Security Footer -->
    <div class="glass-card-footer text-center mt-4">
        <small>
            <i class="bi bi-shield-check me-1"></i><?= __('front.your_information_secure') ?>
        </small>
    </div>
</div>

<?php include_once "footer.php"; ?>
