{% include 'header.twig' %}

<div class="not-authenticate">
<section class="top-hero signupPage">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1> <b>Are You Ready?</b> Sign up below <br>Must use valid <b>BILLING </b>email! </h1>
 {% if errorText %}
        <div class="alert alert-dismissible alert-danger">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          {{ errorText }}
        </div>
      {% endif %}
      {% if successText %}
        <div class="alert alert-dismissible alert-success">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          {{ successText }}
        </div>
      {% endif %}
<form class="home-form form-inline" action="" method="post">
<div class="form-group inputDiv">
<input type="text" class="form-control" id="username" value="{{ data['username'] }}" name="username" placeholder="Username" required="">
</div>
<div class="form-group inputDiv mr-l">
<input type="email" class="form-control" id="email" value="{{ data['email'] }}" name="email" placeholder="Email" required="">
</div>
<div class="form-group inputDiv mr-l secondRowFirstBacha">
<input type="password" class="form-control" id="password" name="password" placeholder="Password" required="">
</div>
<div class="form-group inputDiv mr-l noAfter">
<input type="password" class="form-control" id="confirm" name="password_again" placeholder="Confirm password" required="">
</div>    {% if settings['skype_feilds']  ==  1 %}  
<div class="form-group inputDiv noAfter">
<input type="text" class="form-control" id="whatsapp" value="{{ data['telephone'] }}" name="telephone" placeholder="WhatsApp Number">
</div>
{% endif %}

                                                <div class="form-group" style="margin-bottom: 15px;">
<div class="checkbox">
<label>
<input type="checkbox" class="terms-accept-checkbox" name="terms" value="1"> {{ lang['signup.accept_terms_text'] }}
</div>
</div>

<div class="row text-center">
    
<div>
    {% if captcha %}

    <div class="grecaptcha-badge" data-style="none" style="width: 256px; height: 60px; position: fixed; visibility: hidden;"><div class="grecaptcha-logo"> 

            <div class="form-group">
              <div class="g-recaptcha" data-sitekey="{{ captchaKey }}"></div>
            </div>
          
</div> 

</div>
          {% endif %}
<button type="submit" class="g-recaptcha btn btn-primary mr-t">Sign up</button>

<span class="pull-right pull-right-middle">Already have an account? <a href="/">Sign in</a></span>
</form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


    </div>
{% include 'footer.twig' %}
