{% if settings['register_page'] == 2 %}

{% include 'header.twig' %}

<main>
    <section id="signup_v2">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 col-md-1 col-12"></div>
                <div class="col-lg-8 col-md-10 col-12">
                    <div class="signup__wraper">
                        <div class="signup_titles mb-4">
                            <h1 class="signup_title">Signup Now</h1>
                            <p class="sigup_text">
                                Discover the cheapest SMM panel in Bangladesh – a cost-effective solution for
                                amazing business growth. Save money, gain new followers, and easily boost your online presence.
                            </p>
                        </div>
                        <div class="signup_box">
                            <form method="post" action="">
                                {% if errorText %}
                                <div class="alert alert-dismissible alert-danger">
                                    <button type="button" class="close" data-dismiss="alert">×</button>
                                    {{ errorText }}
                                </div>
                                {% endif %}
                                {% if successText %}
                                <div class="alert alert-dismissible alert-success">
                                    <button type="button" class="close" data-dismiss="alert">×</button>
                                    {{ successText }}
                                </div>
                                {% endif %}

                                <!-- Username Field -->
                                <div class="form-group has_icon">
                                    <span class="icon">
                                        <i class="fas fa-user"></i>
                                    </span>
                                    <input type="text" class="signup_item form-control" id="login"
                                        value="{{ data['username'] }}" name="username"
                                        placeholder="{{lang["signup.username"]}}">
                                </div>

                                {% if settings['name_fileds'] == 1 %}
                                <!-- Name Field -->
                                <div class="form-group has_icon">
                                    <span class="icon">
                                        <i class="fas fa-user-circle"></i>
                                    </span>
                                    <input type="name" class="signup_item form-control" id="name"
                                        value="{{ data['name'] }}" name="name"
                                        placeholder="{{lang["signup.name"]}}">
                                </div>
                                {% endif %}

                                <!-- Email Field -->
                                <div class="form-group has_icon">
                                    <span class="icon">
                                        <i class="fas fa-envelope"></i>
                                    </span>
                                    <input type="email" class="signup_item form-control" id="email"
                                        value="{{ data['email'] }}" name="email"
                                        placeholder="{{lang["signup.email"]}}">
                                </div>

                                {% if settings['whatsapp_field'] == 1 %}
                                <!-- WhatsApp Field -->
                                <div class="form-group has_icon">
                                    <span class="icon">
                                        <i class="fab fa-whatsapp"></i>
                                    </span>
                                    <input type="text" class="signup_item form-control" id="whatsapp"
                                        value="{{ data['whatsapp'] }}" name="whatsapp"
                                        placeholder="WhatsApp No.">
                                </div>
                                {% endif %}

                                {% if settings['telegram_field'] == 1 %}
                                <!-- Telegram Field -->
                                <div class="form-group has_icon">
                                    <span class="icon">
                                        <i class="fab fa-telegram-plane"></i>
                                    </span>
                                    <input type="text" class="signup_item form-control" id="telegram"
                                        value="{{ data['telegram'] }}" name="telegram"
                                        placeholder="Telegram Username">
                                </div>
                                {% endif %}

                                {% if settings['website_field'] == 1 %}
                                <!-- Website Field -->
                                <div class="form-group has_icon">
                                    <span class="icon">
                                        <i class="fas fa-globe"></i>
                                    </span>
                                    <input type="text" class="signup_item form-control" id="website"
                                        value="{{ data['website'] }}" name="website"
                                        placeholder="Website URL">
                                </div>
                                {% endif %}

                                {% if settings['skype_area'] == 2 %}
                                <!-- Phone No. Field -->
                                <div class="form-group has_icon">
                                    <span class="icon">
                                        <i class="fas fa-phone-alt"></i>
                                    </span>
                                    <input type="text" class="signup_item form-control" id="skype"
                                        value="{{ data['telephone'] }}" name="telephone"
                                        placeholder="Phone No.">
                                </div>
                                {% endif %}

                                <!-- Password Field -->
                                <div class="form-group has_icon">
                                    <span class="icon">
                                        <i class="fas fa-lock"></i>
                                    </span>
                                    <input type="password" class="signup_item form-control" id="password"
                                        name="password" placeholder="{{lang["signup.password"]}}">
                                </div>

                                <!-- Confirm Password Field -->
                                <div class="form-group has_icon">
                                    <span class="icon">
                                        <i class="fas fa-lock"></i>
                                    </span>
                                    <input type="password" class="signup_item form-control" id="password_again"
                                        name="password_again" placeholder="{{lang["signup.confirm"]}}">
                                
                                </div>

                                {% if captcha %}
                                <!-- Captcha -->
                                <div class="mt-4">
                                    <div class="g-recaptcha" data-sitekey="{{ captchaKey }}"></div>
                                </div>
                                {% endif %}

                                {% if settings['terms_checkbox'] == 2 %}
                                <!-- Terms Checkbox -->
                                <div class="mt-4 custom-control custom-checkbox text-left checkbox">
                                    <input type="checkbox" name="terms" value="1">{{ lang['signup.accept_terms_text'] }}
                                </div>
                                {% endif %}

                                <!-- Submit Button -->
                                <button type="submit" class="w-100 btn btn-primary">
                                    {{lang["signup.button"]}}
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

{% include 'footer.twig' %}

{% endif %}