<!DOCTYPE html>
<html lang="tr">
<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>{{ title }}</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="bosluk">
<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">Sosyal Medya Bayi Paneline Hoşgeldiniz. <br> Aşağıdan giriş yapa bilirsiniz</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="signin">

                                <div class="loginbox">

                                    <div class="form-group">
                                        <div class="login-label ml-1 pt-3 pl-3">
                                            <i class="sli icon-user" aria-hidden="true"></i>
                                        </div>
                                        <input type="text" class="form-control login-input" id="username" name="username" placeholder="{{ lang['signin.username'] }}">
                                        <p>
                                    </div>

                                    <div class="form-group">
                                        <div class="login-label ml-1 pt-1 pl-3">


                                        </div>
                                        <input type="password" class="form-control login-input" id="password" name="password" placeholder="{{ lang['signin.password'] }}">

                                    </div>
                                </div>
                                <p>
                                    <div class="checkbox">
                                        <label>
              <input type="checkbox" name="LoginForm[remember]" value="1" id="remember" class="font-alt">Beni Hatırla
            </label>
                                    </div>
                                    <p>



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


                                        <button type="submit" class="m-btn m-btn-white" style="width:100%">Giriş Yap</button>
                                        <p></p>
                                        <center><a class="normal-link" href="signup" style="color:#fff;">Henüz Üye Değil Misin? Üye Ol</a><br>
                                        <a class="normal-link" href="resetpassword" style="color:#fff;">Şifremi Unuttum</a></center>




                            </form>
      </div>
    </div>
  </div>
</div>

</body>
</html>

<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;
}
.bosluk {
    padding-top: 60px;
}

.cbx
  -webkit-perspective: 20
  perspective: 20
  position: absolute
  top: 50%
  left: 50%
  margin: -12px
  border: 2px solid #E8E8EB
  background: #E8E8EB
  border-radius: 4px
  transform: translate3d(0,0,0)
  cursor: pointer
  transition: all .3s ease
  &:hover
    border-color: #0B76EF

.flip
  display: block
  transition: all .4s ease
  transform-style: preserve-3d
  position: relative
  width: 20px
  height: 20px
  
#cbx
  display: none
  &:checked + .cbx
    border-color: #0B76EF
    .flip
      transform: rotateY(180deg)

.front,
.back
  backface-visibility: hidden
  position: absolute
  top: 0
  left: 0
  width: 20px
  height: 20px
  border-radius: 2px

.front
  background: white
  z-index: 1

.back
  transform: rotateY(180deg)
  background: #0B76EF
  text-align: center
  color: white
  line-height: 20px
  box-shadow: 0 0 0 1px #0B76EF
  svg
    margin-top 3px
    fill none
    path
      stroke white
      stroke-width 2.5
      stroke-linecap round
      stroke-linejoin round
  
</style>

{% include 'footer.twig' %}