{% include 'header.twig' %}





<section id="signup">
  <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">&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 %}
                        <div class="card">
                            <form action="" method="post" class="component_form_group component_checkbox">
                                <div class="">
                                                                                                            <div class="form-group">
                                        <label for="username" class="control-label">Username</label>
                                        <input type="text" class="form-control" id="username" name="username" value="{{ data['username'] }}">
                                    </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="email" class="control-label">Email</label>
                                        <input type="email" class="form-control" id="email" name="email" value="{{ data['email'] }}">
                                    </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" id="password" name="password">
                                    </div>
                                    <div class="form-group">
                                        <label for="confirm" class="control-label">Confirm password</label>
                                        <input type="password" class="form-control" id="confirm" name="password_again">
                                    </div>
                                                                            <div class="checkbox">
            <label>
              <input type="checkbox" name="terms" value="1"> {{ lang['signup.accept_terms_text'] }}
            </label>
          </div>
		   {% if captcha %}
            <div class="form-group">
              <div class="g-recaptcha" data-sitekey="{{ captchaKey }}"></div>
            </div>
          {% endif %}
          <br>
          <br>
                                <div class="component_button_submit">
                                    <div class="form-group">
                                        <div class="">
                                            <button type="submit" class="btn btn-primary">Sign up</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-center">Already have an account?<a href="/" class="sign-up-center-signin-link">Sign in</a></div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    </div>


<footer>
      <div class="container">
        <div class="ftr-top">
          <div class="row">
            <div class="col-sm-3">
              <div class="ftr-logo">
                                socialmatrix
                              </div>
              <div class="ftr-txt">
                <p>If any query or just wanna say hello feel free to contact us!<br>
                  <br>
                  E: Socialmatrix02@gmail.com</p>
              </div>
            </div>
            <div class="col-sm-3">
              <h2 class="ftr-title">Quick Links</h2>
              <ul class="ftr-nav">
                                <li><a href="/" >Sign in</a></li>
                                <li><a href="/terms" >Terms</a></li>
                                <li><a href="/api" >API</a></li>
                                <li class="active" ><a href="/signup" >Sign up</a></li>
                                <li><a href="/services" >Services</a></li>
                              </ul>
            </div>
            <div class="col-sm-3">
            	<h2 class="ftr-title">Quick Links</h2>
              <ul class="ftr-nav">
                <li><a href="#">Facebook</a></li>
                <li><a href="#">Twitter</a></li>
                <li><a href="https://instagram.com/socialmatrixofficial">Instagram</a></li>
                <li><a href="#">Youtube</a></li>
                <li><a href="#">Vimeo</a></li>
                <li><a href="#">Linkedin</a></li>
              </ul>
            </div>
            <div class="col-sm-3">
            	<h2 class="ftr-title">Subscribe </h2>
              <div class="newsletter">
                <div class="input-group">
                  <input type="email" class="form-control" placeholder="Email" aria-describedby="basic-addon2">
                  <span class="input-group-addon" id="basic-addon2"><i class="far fa-arrow-alt-circle-right"></i></span>
                </div>
              </div>
              <div class="follow-us">
              	<h2 class="ftr-title">Follow Us </h2>
                <ul>
                  <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                  <li><a href="https://instagram.com/socialmatrixofficial"><i class="fab fa-instagram"></i></a></li>
                  <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="ftr-btm">
          <p class="text-center">Copyrights Panel - 2020. All Rights Reserved.</p>
        </div>
      </div>
    </footer>

{% include 'footer.twig' %}
