{* <div class="container px-0">
    <div class="row">
        <div class="col-md-6 mb-3">
            <label for="reg_name">Name:</label>
            <input type="text" name="reg_name" class="form-control" required>
            <div class="invalid-feedback">Please provide your name.</div>
        </div>

        <div class="col-md-6 mb-3">
            <label for="reg_email">Email:</label>
            <input type="email" name="reg_email" class="form-control" value="{$email}" {if $email != ""}disabled{/if} required>
            <div class="invalid-feedback">Please provide a valid email.</div>
        </div>

        <div class="col-md-6 mb-3">
            <label for="reg_password">Password:</label>
            <input type="password" name="reg_password" class="form-control" required>
            <div class="invalid-feedback">Please provide a password.</div>
        </div>

        <div class="col-md-6 mb-3">
            <label for="reg_password_repeat">Repeat password:</label>
            <input type="password" name="reg_password_repeat" class="form-control" required>
            <div class="invalid-feedback">Please repeat your password.</div>
        </div>

        <div class="col-md-6 mb-3">
            <label for="reg_age">Age:</label>
            <input type="number" name="reg_age" class="form-control">
        </div>

        <div class="col-md-6 mb-3">
            <label for="reg_phone">Phone:</label>
            <input type="text" name="reg_phone" class="form-control">
        </div>

        <div class="col-md-6 mb-3">
            <label for="reg_city">City:</label>
            <input type="text" name="reg_city" class="form-control">
        </div>

        <div class="col-md-6 mb-3">
            <label for="reg_gender">Gender:</label>
            <select name="reg_gender" class="form-control">
                <option value="male">Male</option>
                <option value="female">Female</option>
                <option value="other">Other</option>
            </select>
        </div>

        <div class="col-md-6 mb-3">
            <label for="referral_code">Referral code:</label>
            <input type="text" name="referral_code" class="form-control">
        </div>

        <div class="col-md-12 mb-3">
            <label for="profileImage">Profile avatar</label>
            <input id="profileImage" name="image" type="file" accept="image/*" class="form-control" />
            <p id="error" style="color: red; display: none;">Image must be at least 300x300 pixels.</p>
        </div>

        {foreach $fieldsFromForm as $group => $data}
            {if $group == 'Users'}
                {foreach $data as $dataAssoc}
                    <div class="col-md-6 mb-3">
                        <label>{$dataAssoc.label}:</label>
                        <input type="{$dataAssoc.type}" name="other_field_{$dataAssoc.name}" class="form-control">
                    </div>
                {/foreach}
            {/if}
        {/foreach}

        <!-- ✅ 5 Checkboxes Section -->
        <div class="col-md-12 mb-3">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" name="checkbox_newsletter" id="checkbox_newsletter">
                <label class="form-check-label" for="checkbox_newsletter">Receive newsletter</label>
            </div>

            <div class="form-check">
                <input class="form-check-input" type="checkbox" name="checkbox_terms" id="checkbox_terms" required>
                <label class="form-check-label" for="checkbox_terms">Agree to Terms and Conditions</label>
            </div>

            <div class="form-check">
                <input class="form-check-input" type="checkbox" name="checkbox_marketing" id="checkbox_marketing">
                <label class="form-check-label" for="checkbox_marketing">Allow marketing emails</label>
            </div>

            <div class="form-check">
                <input class="form-check-input" type="checkbox" name="checkbox_updates" id="checkbox_updates">
                <label class="form-check-label" for="checkbox_updates">Product updates notifications</label>
            </div>

            <div class="form-check">
                <input class="form-check-input" type="checkbox" name="checkbox_beta" id="checkbox_beta">
                <label class="form-check-label" for="checkbox_beta">Join beta testing program</label>
            </div>
        </div>

        {if {$config.captcha_settings.enabled_captcha === "google"}}
            <div class="col-md-12 mb-3">
                <div class="g-recaptcha" data-sitekey="{$config.captcha_settings.api_site_key}"></div>
                <div class="captcha-invalid-feedback">Please complete the captcha.</div>
            </div>
        {else}
            <div class="col-md-12 mb-3">
                <label for="security_answer">Question: {$security_question_text}</label>
                <input type="text" name="security_answer" class="form-control" placeholder="Only digits" required>
                <input type="hidden" name="security_question_id" value="{$security_question_id}">
                <div class="invalid-feedback">Please answer the security question.</div>
            </div>
        {/if}
    </div>
</div> *}
