{% include 'header.twig' %}


    <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <h2 class="page-title text-center">Sign up | Best SMM Panel | smm panel</h2>
      </div>
    </div>
    <div class="row signup-row">
      <div class="col-sm-6">
        <div class="signup-img-wrap">
          <img class="img-resposive" src="https://i.imgur.com/f6acm8d.png" alt="SMM Panel">
        </div>
      </div>
      <div class="col-sm-6">
        <div class="signup-frm">
          <form  action="" method="post">
              
                {% 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 %}
      
      
                                    <div class="row">
                            <div class="col-sm-6">
                <div class="form-group">
                  <span class="input-icon">
                    <i class="far fa-user"></i>
                  </span>
                  <input type="text" class="form-control" id="firstname" value="" name="first_name" placeholder="First name">
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <span class="input-icon">
                    <i class="far fa-user"></i>
                  </span>
                  <input type="text" class="form-control" id="lastname" value="" name="last_name" placeholder="Last name">
                </div>
              </div>
                            <div class="col-sm-12">
                <div class="form-group">
                  <span class="input-icon">
                    <i class="far fa-user"></i>
                  </span>
                  <input type="text" class="form-control" id="username" value="" name="username" placeholder="Username">
                </div>
              </div>
              <div class="col-sm-12">
                <div class="form-group">
                  <span class="input-icon">
                    <i class="far fa-at"></i>
                  </span>
                  <input type="email" class="form-control" id="email" value="" name="email" placeholder="Email">
                </div>
              </div>
                                          <div class="col-sm-12">
                <div class="form-group">
                  <span class="input-icon">
                    <i class="fab fa-skype"></i>
                  </span>
                  <input type="text" class="form-control" id="skype" value="" name="telephone" placeholder="Skype / WhatsApp / Mobile ">
                </div>
              </div>
                            <div class="col-sm-6">
                <div class="form-group">
                  <span class="input-icon">
                    <i class="fal fa-lock-alt"></i>
                  </span>
                  <input type="password" class="form-control" id="password" name="password" placeholder="Password">
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <span class="input-icon">
                    <i class="fal fa-lock-alt"></i>
                  </span>
                  <input type="password" class="form-control" id="confirm" name="password_again" placeholder="Confirm password">
                </div>
              </div>
              
              
                            <div class="col-sm-12">
               
              {% if settings['terms_checkbox'] == 2 %}
								<div class="form-group">
								  <div class="checkbox">
									<label>
									  <input type="checkbox" class="terms-accept-checkbox" value="1" id="customCheck1" name="terms"> {{ lang['signup.accept_terms_text'] }} <a href="/terms" target="_blank">{{ lang['terms.terms_of_service'] }}</a>
									</label>
								  </div>
								</div>
								{% endif %}	
								
								  
              </div>
                                          <div class="col-sm-12">
                <input type="hidden" name="_csrf" value="YvHCrIzoagDGvx7gpXzpZefpofMdmBFvXadAipfmefosma_d5IkNcoHJdo7fCZAdl7-Mw1DedyA6-ALPyI4IuQ==">
                <button type="submit" class="btn btn-primary">Sign up</button>
                                 
                    <div class="g_id_signin"
                       data-type="standard"
                       data-size="large"
                       data-theme="outline"
                       data-text="signup_with"
                       data-shape="rectangular"
                       data-logo_alignment="left">
                    </div>
                  </div>
                                <p class="have-acc">Already have an account? <a href="/">Sign in</a></p>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>



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

{% include 'footer.twig' %}