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

                    <!-- Header -->
                    <div class="mb-4 idx2-stagger-1">
                        <div class="idx2-header-icon">
                            <i class="bi bi-person-plus-fill"></i>
                        </div>
                        <h2 class="idx2-title"><?= __('front.create_account') ?></h2>
                        <p class="idx2-subtitle"><?= __('front.join_us_get_started') ?></p>
                    </div>

                    <!-- Nav Pills -->
                    <ul class="nav nav-pills idx2-nav-pills justify-content-center mb-4 idx2-stagger-2" role="tablist">
                        <li class="nav-item flex-fill">
                            <a class="nav-link" href="<?= base_url() ?>">
                                <i class="bi bi-box-arrow-in-right me-1"></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-1"></i><?= __('front.register') ?>
                            </a>
                        </li>
                    </ul>

                    <!-- Info Banner -->
                    <div class="idx2-info-banner mb-4 idx2-stagger-3">
                        <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"><?= __('front.enter_your_information_to_setup_a_new_account') ?></p>
                            </div>
                        </div>
                    </div>

                    <!-- Registration Form -->
                    <div class="idx2-register-container idx2-stagger-4">
                        <?= $register_fomm ?>
                    </div>

                    <!-- Trust Footer -->
                    <div class="idx2-trust-footer text-center idx2-stagger-5">
                        <small>
                            <i class="bi bi-shield-check me-1"></i><?= __('front.your_information_secure') ?>
                        </small>
                    </div>

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