<!DOCTYPE html>
<html lang="en">
<head>
  <base href="{{ site['url'] }}/">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Sign Up</title>
  <meta name="keywords" content="{{ site['keywords'] }}">
  <meta name="description" content="{{ site['description'] }}">
    {% if site['favicon'] %}
    <link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}" />
  {% endif %}
  <script src="https://kit.fontawesome.com/60c6697066.js"></script>
  


  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->


    <script src="https://kit.fontawesome.com/60c6697066.js"></script>
    <link href="../public/dark/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="../public/dark/assets/css/styles.css" rel="stylesheet">
    <link href="../public/dark/assets/css/default.css" rel="stylesheet" id="color_theme">
  <!-- / -->

<br>
<div class="container">
  <div class="row">
    <div class="col-md-6">
        <div class="indir"></div>
        <center><h2 style="color:#fff">{{ settings['site_name']  }}</h2></center><p><p>
        <p style="text-align: center; text-align: center;color: #fff; font-size: 15px;" class="font-alt">Welcome to the Social Media Dealer Panel. <br> You Can Register Below</p>

      {% 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 method="post" action=""><p>
          <div class="form-group">
            <input type="text" class="form-control" name="name" placeholder="Full Name" value="{{ data['name'] }}"><p>
          </div>
          <div class="form-group">
            <input type="text" class="form-control" name="email" placeholder="E-Mail" value="{{ data['email'] }}"><p>
          </div>
          <div class="form-group">
            <input type="text" class="form-control" name="username" placeholder="Username" value="{{ data['username'] }}"><p>
          </div>
          <div class="form-group">
            <input type="text" class="form-control" name="telephone" placeholder="Phone" value="{{ data['telephone'] }}"><p>
          </div>
          <div class="form-group">
            <input type="password" class="form-control" placeholder="Password" name="password"><p>
          </div>
          <div class="form-group">
            <input type="password" class="form-control" placeholder="Confirm Password" name="password_again">
          </div>

 <p>         
 <div class="checkbox">
    <label>            
  <input type="checkbox" id="terms" class="terms-accept-checkbox" name="terms">{{ lang['signup.accept_terms_text'] }}
               </div>

          {% if captcha %}
            <div class="form-group">
              <div class="g-recaptcha" data-sitekey="{{ captchaKey }}"></div>
            </div>
          {% endif %}

            <br><button type="submit" class="m-btn m-btn-white" style="width:100%">{{ lang['signup.button'] }}</button><p>
            <center><a class="normal-link" href="signin" style="#fff;">Already Registered? Login</a></center>
        </form>
      </div>
      <div class="col-md-6">
      <img style="margin-top: 35px" src="../img/turkpanelim3.png">
      </div>
    </div>
  </div>
</div>
<div class="indir"></div>

<style>
@import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');


  body {
  margin: 0;
background-color: #171730 !important;
background: url(https://turkpanelim.com/img/darkbg.jpg) ;
background-repeat: repeat-x;
background-position: center 0,0 0,0 0;

}
    .form-control {
    outline: none;
    box-shadow: #0000000069;
    height: 40px;
    width: 100%;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
    background: #23253e;
}

.m-btn {
  padding: 10px 30px;
  border: 1px solid;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none !important;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -o-transition: ease all 0.3s;
  transition: ease all 0.3s;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.5px;
}

.m-btn-white {
  color: #fff;
  border-color: #fff;
  background: transparent;
}
.m-btn-white:hover {
  background: #fff;
  border-color: #fff;
  color: #3B566E;
}
.indir {
    padding-top: 10px;
}
</style>

{% include 'footer.twig' %}