{% if settings['register_page'] == 2 %} <!-- রেজিস্ট্রেশন পেজ চেক -->
{% include 'header.twig' %}

<div id="notAuthed">
    <style>
        #notAuthed {
            background: url(https://cdn.mypanel.link/92zqvd/phs8bkrzi686e3qi.png);
            background-repeat: no-repeat;
            background-position: top;
            background-size: contain;
        }
    </style>
    <section id="signup">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-12">
                    <div class="signup_content">
                        <h1>
                            Register to <span class="primary-color">{{ site['site_name'] }}</span>!
                        </h1>
                        <p>
                            Become a part of {{ site['site_name'] }} now! <br> Fill out the short form and register.
                        </p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-12"></div>
                <div class="col-lg-6 col-md-6 col-12">
                    <div class="signup_form">
                        <div class="card">
                            <div class="card-body">
                                {% if errorText %}
                                <div class="alert alert-dismissible alert-danger">
                                    {{ errorText }}
                                </div>
                                {% endif %}
                                {% if successText %}
                                <div class="alert alert-dismissible alert-success">
                                    {{ successText }}
                                </div>
                                {% endif %}

                                <form action="" method="post">
                                    <!-- Username Field -->
                                    <div class="mb-4">
                                        <label class="login-label" for="login">Username</label>
                                        <div class="login-control">
                                            <div class="icon">
                                                <i class="ri-user-line"></i>
                                            </div>
                                            <input type="text" class="form-control" id="login" name="username"
                                                value="{{ data['username'] }}" placeholder="Enter your username" autocomplete="off">
                                        </div>
                                    </div>

                                    <!-- Name Field -->
                                    {% if settings['name_fileds'] == 1 %}
                                    <div class="mb-4">
                                        <label class="login-label" for="firstname">Name</label>
                                        <div class="login-control">
                                            <div class="icon">
                                                <i class="ri-user-line"></i>
                                            </div>
                                            <input type="text" class="form-control" id="firstname" name="name"
                                                value="{{ data['name'] }}" placeholder="Enter your full name" autocomplete="off">
                                        </div>
                                    </div>
                                    {% endif %}

                                    <!-- Email Field -->
                                    <div class="mb-4">
                                        <label class="login-label" for="email">Email</label>
                                        <div class="login-control">
                                            <div class="icon">
                                                <i class="ri-mail-line"></i>
                                            </div>
                                            <input type="email" class="form-control" id="email" name="email"
                                                value="{{ data['email'] }}" placeholder="Enter your email address" autocomplete="email">
                                        </div>
                                    </div>

                                    <!-- Phone Number Field -->
                                    {% if settings['skype_area'] == 2 %}
                                    <div class="mb-4">
                                        <label class="login-label" for="telephone">Phone No.</label>
                                        <div class="login-control">
                                            <div class="icon">
                                                <i class="ri-phone-line"></i>
                                            </div>
                                            <input type="text" class="form-control" id="telephone" name="telephone"
                                                value="{{ data['telephone'] }}" placeholder="Enter your phone number" autocomplete="off">
                                        </div>
                                    </div>
                                    {% endif %}

                                    <!-- WhatsApp Field -->
                                    {% if settings['whatsapp_field'] == 1 %}
                                    <div class="mb-4">
                                        <label class="login-label" for="whatsapp">WhatsApp (with cuntry code)</label>
                                        <div class="login-control">
                                            <div class="icon">
                                                <i class="ri-whatsapp-line"></i>
                                            </div>
                                            <input type="text" class="form-control" id="whatsapp" name="whatsapp"
                                                value="{{ data['whatsapp'] }}" placeholder="Enter your WhatsApp number" autocomplete="off">
                                        </div>
                                    </div>
                                    {% endif %}

                                    <!-- Telegram Field -->
                                    {% if settings['telegram_field'] == 1 %}
                                    <div class="mb-4">
                                        <label class="login-label" for="telegram">Telegram</label>
                                        <div class="login-control">
                                            <div class="icon">
                                                <i class="ri-telegram-line"></i>
                                            </div>
                                            <input type="text" class="form-control" id="telegram" name="telegram"
                                                value="{{ data['telegram'] }}" placeholder="Enter your Telegram username" autocomplete="off">
                                        </div>
                                    </div>
                                    {% endif %}

                                    <!-- Website Field -->
                                    {% if settings['website_field'] == 1 %}
                                    <div class="mb-4">
                                        <label class="login-label" for="website">Website</label>
                                        <div class="login-control">
                                            <div class="icon">
                                                <i class="ri-global-line"></i>
                                            </div>
                                            <input type="text" class="form-control" id="website" name="website"
                                                value="{{ data['website'] }}" placeholder="Enter your website URL" autocomplete="off">
                                        </div>
                                    </div>
                                    {% endif %}

                                    <!-- Password Fields -->
                                    <div class="mb-4">
                                        <label class="login-label" for="password">Password</label>
                                        <div class="login-control">
                                            <div class="icon">
                                                <i class="ri-lock-line"></i>
                                            </div>
                                            <input type="password" class="form-control" id="password" name="password"
                                                value="{{ data['password'] }}" placeholder="Enter your password" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="mb-4">
                                        <label class="login-label" for="password_again">Confirm Password</label>
                                        <div class="login-control">
                                            <div class="icon">
                                                <i class="ri-lock-line"></i>
                                            </div>
                                            <input type="password" class="form-control" id="password_again"
                                                name="password_again" value="{{ data['password_again'] }}"
                                                placeholder="Re-enter your password" autocomplete="off">
                                        </div>
                                    </div>

                                    <!-- Terms and Conditions -->
                                    {% if settings['terms_checkbox'] == 2 %}
                                    <div class="form-group custom-checkbox">
                                        <input type="checkbox" id="terms" name="terms" value="1">
                                        <label for="terms">{{ lang['signup.accept_terms_text'] }}</label>
                                    </div>
                                    {% endif %}

                                    <!-- Submit Button -->
                                    <button type="submit" class="btn btn-primary btn-100">Sign up</button>

                                    <div class="text-center mt-3">
                                        Already have an account? <a href="/">Sign in</a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-12"></div>
            </div>
        </div>
    </section>
</div>

{% include 'footer.twig' %}
{% endif %}