{% if settings['register_page']  ==  2 %} 
{% include 'header.twig' %}

<div class="wrapper-content">
    <div class="wrapper-content__header">
          </div>
    <div class="wrapper-content__body">
      <!-- Main variables *content* -->
      <div id="block_333">
	<div class="login-bg-image">
	<div class="login-overlay">
		<div class="container-fluid">
			<div class="row align-items-center justify-content-center">
				<div class="col-xl-10 col-lg-10 col-md-11 col-12">
					<div class="block-signin__card component_card">
						<div class="card">
                            <div class="block-signin">
					 {% 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 action="" method="post" class="component_form_group component_checkbox">
                                <div class="row">
                                    <div class="col-md-6 col-12">
                                        <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'] }}" placeholder="Username">
                                        </div>
                                    </div>
                                    {% if settings['name_fileds']  ==  1 %}
                                    <div class="col-md-6 col-12">
                                        <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'] }}" placeholder="Full Name">
                                        </div>
                                    </div>
                                    {% endif %}
                                    
                                    <div class="col-md-6 col-12">
                                        <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'] }}" placeholder="Email Address">
                                        </div>
                                    </div>
                                    
                                    {% if settings['skype_feilds']  ==  1 %} 
                                    <div class="col-md-6 col-12">
                                        <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'] }}" placeholder="Phone Number">
                                        </div>
                                    </div>
                                    {% endif %}

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="password" class="control-label">Password</label>
                                            <input type="password" class="form-control" id="password" name="password" placeholder="Password">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="confirm" class="control-label">Confirm password</label>
                                            <input type="password" class="form-control" id="confirm" name="password_again" placeholder="Confirm Password">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group mb-4">
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" id="termsCheck" name="terms" value="1">
                                        <label class="custom-control-label" for="termsCheck">{{ lang['signup.accept_terms_text'] }}</label>
                                    </div>
                                </div>
		   {% if captcha %}
            <div class="form-group">
              <div class="g-recaptcha" data-sitekey="{{ captchaKey }}"></div>
            </div>
          {% endif %}
                                <div class="component_button_submit">
                                    <div class="form-group">
                                        <div class="">
                                            <button type="submit" class="btn btn-block 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>

    </div>




{% include 'footer.twig' %}
{% endif %} 
