{% if settings['register_page']  ==  2 %}

{% include 'header.twig' %}


<body id="outside">




<!-- Main variables *content* -->
		<style>.signup-area {
    background: url(https://cdn.mypanel.link/8qgzit/exem4srh0dm1p26i.svg) center center / cover no-repeat, center center / cover no-repeat #fdfdfd;
    min-height: 100vh;
}
input[type="checkbox"] {
    display: inline !important;
}</style>

  <div class="signup-area">
 
  <div class="container">
	  <div class="row align-items-center">
		  <div class="col-lg-6 m-hidden">
            <div class="sign-d">
				<h1 class="rp-left-title">Benefits of {{ site['site_name'] }} 🤩</h1>
				<p class="rp-left-text">There are a ton of reason as to why {{ site['site_name'] }} is the Best SMM Panel. Our super fast support, or maybe all of our amazing services, or maybe our custom order management bot that was created for all clients to manage orders with. Whatever it is, we've got you covered! Sign Up today and start growing your Social Media!</p>
            </div>			
		  </div>
		  <div class="col-lg-6">
              <div class="signup-badge">
                  <div class="icon"><i class="ri-user-add-line"></i></div>
                  <div class="text">
                 	 <span>Sign up</span>
                     <small>Your information is not shared with third parties.</small>
                  </div>
              </div>
			  <div class="signup-content">
				{% if errorText %}
								<div class="alert alert-dismissible alert-danger">
								  {{ errorText }}
								</div>
							  {% endif %}
							  {% if successText %}
								<div class="alert alert-dismissible alert-success">
								  {{ successText }}
								</div>
							  {% endif %}
				 					
			
					  <form  action="" method="post">
                                          <div class="form-group mb-3">
                <label for="username" class="control-label mb-1">
                  <span class="icon">
                    <i class="far fa-user-circle"></i>
                  </span> 
                  <span class="name">
                    Username
                  </span>
                </label>
                <input type="text" class="form-control" id="username" value="" name="username">
              </div>
              
              <!---start--------   ------------>
              {% if settings['name_fileds']  ==  1 %} 
              <div class="form-group mb-3">
                <label for="username" class="control-label mb-1">
                  <span class="icon">
                    <i class="far fa-user"></i>
                  </span> 
                  <span class="name">
                    Name
                  </span>
                </label>
                <input type="text" class="form-control" id="firstname" name="name" value="{{ data['name'] }}">
              </div>{% endif %}
              <!-----------   ------end------>
              
                            <div class="form-group mb-3">
                <label for="email" class="control-label mb-1">
                  <span class="icon">
                    <i class="fas fa-envelope"></i>
                  </span> 
                  <span class="name">
                    Email
                  </span>
                  </label>
                <input type="email" class="form-control" id="email" value="" name="email">
              </div>
              
              <!-----start------   ------------>
              {% if settings['skype_feilds']  ==  1 %} 
               <div class="form-group mb-3">
                <label for="skype" class="control-label mb-1">
                  <span class="icon">
                    <i class="far fa-phone"></i>
                  </span> 
                  <span class="name">
                    Whatsapp
                  </span>
                  </label>
                <input type="text" class="form-control" id="skype" name="telephone" value="{{ data['telephone'] }}">
              </div>{% endif %}
              <!-----------   -------end----->
              
                            <div class="form-group mb-3">
                <label for="password" class="control-label mb-1">
                  <span class="icon">
                    <i class="fas fa-lock"></i>
                  </span> 
                  <span class="name">
                    Password
                  </span>
                 </label>
                <input type="password" class="form-control" id="password" name="password">
              </div>
              <div class="form-group mb-3">
                <label for="confirm" class="control-label mb-1">
                  <span class="icon">
                    <i class="fas fa-lock"></i>
                  </span> 
                  <span class="name">
                    Confirm password
                  </span>
                  </label>
                <input type="password" class="form-control" id="confirm" name="password_again">
              </div>
                             {% if captcha %}
            <div class="form-group">
              <div class="g-recaptcha" data-sitekey="{{ captchaKey }}"></div>
            </div>
          {% endif %}
                                      <div class="checkbox">
            <label>
              <input type="checkbox" name="terms" value="1"> {{ lang['signup.accept_terms_text'] }}
            </label>
          </div>
                                
              <button type="submit" class="btn btn-primary btn-gradient w-100">Sign up</button>
            </form>
			  </div>
		  </div>
	  </div>
  </div>
</div>

 </div>
<div class="container">
<div class="row sign-up-center-alignment" style="justify-content: center;margin-top:-5px">
<div class="col-lg-5">
{% if contentText2 %}
<div class="card mt- mb-5">
{{ contentText2 }}
</div>
{% endif %}
</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 %}
<br>
{% include 'footer.twig' %}
{% endif %}