{% include 'header1.twig' %}


    <!-- Main variables *content* -->
        <style>.theme-light-active .card {
    border-radius: 27px;
    background: #ffffffa1;
    border: 2px solid #ff7728;
    background: #ffffff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}</style>
    <section class="homeHeader">
       <br><br>
  <div class="container pt-5">
    <div class="row align-items-center justify-content-center">
     <div class="row justify-content-center">
                                                        <div class="col-lg-8 col-xxl-6">
                                                                <div class="nk-section-head text-center">
                                                                        
                                                                        <h2 class="nk-section-title" data-aos="fade-up" data-aos-delay="50">
                                                                               Register now to get access to our top SMM services from the best and cheap SMM provider
                                                                        </h2>
                                                                       
                                                                </div>
                                                        </div>
                                                </div>
      <div class="col-lg-6 offset-lg-1">
        
        <div class="card card-bg">
              <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="/signup" method="post">
                                    
                                    
                                                                    <div class="form-group">
                <label for="login" class="control-label">Username</label>
                <input type="text" class="form-control" id="login" value="" name="username">
              </div>
                          
                          {% if settings['name_secret'] == 2 %}
                          <div class="form-group">
                <label for="first_name" class="control-label">First Name</label>
                <input type="first_name" class="form-control" id="first_name" value="{{ data['first_name'] }}" name="first_name">
              </div>
              
              <div class="form-group">
                <label for="first_name" class="control-label">Last Name</label>
                <input type="first_name" class="form-control" id="first_name" value="{{ data['last_name'] }}" name="last_name">
              </div>
              {% endif %}
                          
                          {% if settings['skype_area'] == 2 %}
                          <div class="form-group">
                <label for="telephone" class="control-label">Email</label>
                <input type="telephone" class="form-control" id="telephone" value="{{ data['telephone'] }}" name="telephone">
              </div>
                         {% endif %}
                         
                         
                          <div class="form-group">
                <label for="email" class="control-label">Email</label>
                <input type="email" class="form-control" id="email" value="{{ data['email'] }}" name="email">
              </div>
                          <div class="form-group">
                <label for="password" class="control-label">Password</label>
                <input type="password" class="form-control" id="password" value="" name="password">
              </div>
                          <div class="form-group">
                <label for="password_again" class="control-label">Confirm password</label>
                <input type="password" class="form-control" id="password_again" value="" name="password_again">
              </div>
              
              
           
                                <div class="form-group">
                                     <div class="checkbox">
            <label>
              <input type="checkbox" name="terms" value="1"> I have read and agreed with <a href='terms'>Terms of service</a>
            </label>
          </div>
                                </div>
                                    
                                
                                
                                        {% if captcha %}
                             <div class="mt-4">
                        <div class="g-recaptcha" data-sitekey="{{ captchaKey }}"></div>
                    </div>
                                {% endif %}
                        
           
            <button type="submit" class="btn btn-primary btn-100">Sign up</button>
          </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>



{% for lang in site['languages'] %}
  {% if lang['active'] %}
    <script src="https://www.google.com/recaptcha/api.js?hl={{ lang['code'] }}"></script>
  {% endif %}
{% endfor %}


{% include 'footer1.twig' %}