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

    <div class="idx12-card idx12-card-wide idx12-stagger-1">
        <!-- Card Header -->
        <div class="idx12-card-header">
            <div class="idx12-icon"><i class="bi bi-person-plus-fill"></i></div>
            <h4><?= __('front.create_account') ?></h4>
            <small><?= __('front.join_us_get_started') ?></small>
        </div>

        <!-- Card Body -->
        <div class="idx12-card-body">
            <!-- Tabs -->
            <div class="idx12-tabs mb-4 idx12-stagger-2">
                <a href="<?= base_url() ?>" class="idx12-tab">
                    <i class="bi bi-box-arrow-in-right"></i><?= __('front.login') ?>
                </a>
                <a href="<?= base_url('register') ?>" class="idx12-tab active">
                    <i class="bi bi-person-plus"></i><?= __('front.register') ?>
                </a>
            </div>

            <!-- Info -->
            <div class="idx12-info-alert mb-4 idx12-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><?= __('front.getting_started') ?></h6>
                        <p><?= __('front.enter_your_information_to_setup_a_new_account') ?></p>
                    </div>
                </div>
            </div>

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

        <!-- Footer -->
        <div class="idx12-card-footer idx12-stagger-5">
            <small><i class="bi bi-shield-check"></i><?= __('front.your_information_secure') ?></small>
        </div>
    </div>

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