{% include 'header.twig' %}

<div class="container">
  <div class="row">
    <div class="col-md-8 col-md-offset-2">

      {% 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 %}

      <form action="" method="post" class="component_form_group component_checkbox">
            <input type="hidden" name="_csrf" value="Yj_8QIpfc0cxr3rOBancvz6peklNug8C-Sihl26oDZoIVb41vDdeN0H_OIlpmevgU90AOGDjY0GraZLAVpA91g==">

                        
            <div class="Kpcss2">
                <form method="post" action="">
                                        
                    <div class="form-group">
                        <label for="username" class="control-label">Username</label>
                        <input type="text" class="form-control" name="username" value="">
                    </div>
                                  
                                                                                     <div class="form-group">
                                            <label for="firstname" class="control-label">Name</label>
                                            <input type="text" class="form-control" id="firstname" name="name" value="{{ data['name'] }}">
                                        </div>        
                                     <div class="form-group">
                        <label for="username" class="control-label">E-Mail</label>
                        <input type="text" class="form-control" name="email" value="">
                    </div>   
                                       <div class="form-group">
                                            <label for="skype" class="control-label">Whatsapp No.</label>
                                            <input type="text" class="form-control" id="skype" name="telephone" value="{{ data['telephone'] }}">
                                        </div>
                                        <div class="form-group">
                        <label for="password" class="control-label">Password</label>
                        <input type="password" class="form-control" name="password">
                    </div>
                    <div class="form-group">
                        <label for="password" class="control-label">Enter Same Password </label>
                        <input type="password" class="form-control" name="password_again">
                    </div>
                    <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>
		   {% if captcha %}
            <div class="form-group">
              <div class="g-recaptcha" data-sitekey="{{ captchaKey }}"></div>
            </div>
          {% endif %}
            

                                        
                    <button type="submit" class="myinsta1"</button><b>Create Account</b></button>
                </form>

<hr>
                <p>

                    <center>         <b>Already have an account?<a href="/" class="sign-up-center-signin-link"> <b>Login</a>
                    </center>
                </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' %}