{% include 'header1.twig' %}



<!-- Main variables *content* -->
		<style>#header, footer {display: none}</style>
	<section class="homeHeader">
        <div class="homeBg">
            <img src="https://cdn.mypanel.link/a3vltc/9my58aizhkkah7zl.png">
        </div>
  <div class="container pt-5">
    <div class="row align-items-center justify-content-center">
		<div class="col-lg-5 d-none d-md-block">
        	<div class="register-left">
            	<img src="https://cdn.mypanel.link/a3vltc/cpr6u8ahmfmaanqd.png" class="img-fluid">
                        <h1 class="hhTitle">
							{{ site["site_name"] }}.dev #1 <br> <span class="rotate">SMM Panel.</span>
                        </h1>
						<div class="row mt-4 justify-content-center">
						  <div class="col-lg-auto col-md-6 col-12 mb-4 mb-md-0">
							<a href="/service" class="btn btn-primary btn-rounded btn-100">
							  <span>Services</span>
							  <i class="ri-arrow-right-up-line ms-3"></i>
							</a>
						  </div>
						</div>
            </div>
      </div>
      <div class="col-lg-6 offset-lg-1">
        <div class="d-flex align-items-center justify-content-between mb-4">
            <a href="/">
										<img src="https://cdn.mypanel.link/0a268b/jn9l19goil5lslzu.png" height="70" class="reg-logo" alt="" title="">
				             </a>
          <a href="/" class="btn btn-primary btn-sm">Home</a>
        </div>
        <div class="card card-bg">
              <div class="card-body">
                  
                   {% 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">
                                                  <div class="form-group">
                <label for="login" class="control-label">Username</label>
                <input type="text" class="form-control" id="username" value="{{ data['username'] }}" placeholder="Username" name="username" minlength="4" required>
              </div>
                          <div class="form-group">
                <label for="email" class="control-label">Email</label>
                <input type="email" class="form-control" id="email" value="{{ data['email'] }}" placeholder="Email" name="email" required>
              </div>
                          <div class="form-group">
                <label for="password" class="control-label">Password</label>
                <input type="password" class="form-control" id="password" value="" name="password" placeholder="Password" minlength="6" required>
              </div>
                          <div class="form-group">
                <label for="password_again" class="control-label">Confirm password</label>
                <input type="password" class="form-control" id="confirm" value="" name="password_again" placeholder="Confirm Password" minlength="6" required>
              </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" required> {{ lang['signup.accept_terms_text'] }}
            </label>
          </div>
          
            <button type="submit" class="btn btn-primary btn-100">Sign up</button>
          </form>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  {% include 'footer1.twig' %}
  
</section>


    


    