<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
{% if chat_room.name%}
<title>{{ chat_room.name }} - {{ SETTINGS.site_name }}</title>
{% else %}
<title>{{ title ? title : SETTINGS.site_name }}</title>
{% endif %}
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="{{ url('') }}assets/login/css/bootstrap.min.css">
<link rel="stylesheet" href="{{ url('') }}assets/login/css/all.min.css">
<link rel="stylesheet" href="{{ url('') }}assets/login/css/styles.css">
<link rel="stylesheet" href="{{ url('') }}assets/login/css/color-switcher.min.css">
<link rel="stylesheet" href="{{ url('') }}assets/login/css/preloader.min.css">
<link rel="stylesheet" href="{{ url('') }}assets/login/css/rtl.css">
</head>
<body>

<div id="preloader-wrapper">
<div id="loading-layer">
<div class="loading">
<div class="rect-one"></div>
<div class="rect-two"></div>
<div class="rect-three"></div>
<div class="rect-four"></div>
<div class="rect-five"></div>
</div>
</div>
</div>


<div id="color-switcher" class="shadow text-center">
<h5>تغییر رنگ</h5>
<hr>
<ul class="color-scheme">
<li class="c_f44336" data-color="#f44336"></li>
<li class="c_e91e63" data-color="#e91e63"></li>
<li class="c_ea4c89" data-color="#ea4c89"></li>
<li class="c_9c27b0" data-color="#9c27b0"></li>
<li class="c_673ab7" data-color="#673ab7"></li>
<li class="c_3f51b5" data-color="#3f51b5"></li>
<li class="c_5173b8" data-color="#5173b8"></li>
<li class="c_5e72e4" data-color="#5e72e4"></li>
<li class="c_2196f3" data-color="#2196f3"></li>
<li class="c_03a9f4" data-color="#03a9f4"></li>
<li class="c_00bcd4" data-color="#00bcd4"></li>
<li class="c_009688" data-color="#009688"></li>
<li class="c_4caf50" data-color="#4caf50"></li>
<li class="c_8bc34a" data-color="#8bc34a"></li>
<li class="c_ffc107" data-color="#ffc107"></li>
<li class="c_ff9800" data-color="#ff9800"></li>
<li class="c_795548" data-color="#795548"></li>
<li class="c_9e9e9e" data-color="#9e9e9e"></li>
<li class="c_607d8b" data-color="#607d8b"></li>
<li class="c_333645" data-color="#333645"></li>
</ul>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">گرد شده</span>
</div>
<input type="text" id="rounded-demo" oninput="if (!window.__cfRLUnblockHandlers) return false; this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" value="3" class="form-control" placeholder="Rounded" data-cf-modified-0cda1435732959da05d21479-="">
<div class="input-group-append">
<span class="input-group-text">px</span>
</div>
</div>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">سایه</span>
</div>
<select id="shadow-demo" class="form-control">
<option value="off" selected="">خاموش</option>
<option value="on">روشن</option>
</select>
</div>
<button class="btn switcher-toggle" title="Color Switcher">
<i class="fas fa-cog fa-spin"></i>
</button>
</div>


<div class="d-flex justify-content-center swish-wrapper text-center" id="auth-page">
<div class="container-fluid form-container my-auto">
<div class="row h-100">

<div class="col form-box">
<div class="d-flex flex-column sign-in-container h-100">
<div class="align-items-center sign-in mx-auto my-auto px-4">

<form class="sign-in-form" method="POST" id="login-form-member" action="{{ url('login') }}?next={{next_url}}">
{{ csrf_token()|raw }}
<div class="py-3">
<a class="logo-link" href="login">
{% if SETTINGS.logo %}
<img class="logo-image" alt="Logo" src="{{MEDIA_URL}}/settings/{{SETTINGS.logo}}">
{% else %}
<img class="logo-image" alt="Logo" src="{{STATIC_URL}}/img/logo.png">
{% endif %}

</a>
</div>
<h3 class="text-main py-1 font-weight-bold">{{_("Login")}}</h3>

<!-- <div id="social-container" class="text-center py-2">
<button class="btn btn-sm btn-facebook mr-2 box-rounded" type="button"><i class="fab fa-facebook-square"></i></button>
<button class="btn btn-sm btn-pinterest mr-2 box-rounded" type="button"><i class="fab fa-pinterest"></i></button>
<button class="btn btn-sm btn-twitter box-rounded" type="button"><i class="fab fa-twitter"></i></button>
</div> -->

{{ msg() }}

<div class="form-group mt-3">
<input class="form-control form-control-lg box-rounded" name="email" type="text" placeholder="{{ _('Email or Username') }}" required="">
</div>
<div class="form-group">
<input class="form-control form-control-lg box-rounded" name="password" type="password" required="" placeholder="{{ _('Password') }}">
</div>

<!-- reCpatcha -->
{% if SETTINGS.recaptcha_version == 2 %}
<div class="g-recaptcha" data-sitekey="{{SETTINGS.recaptcha_sitekey}}"></div>
{% endif %}
{% if SETTINGS.recaptcha_version == 3 %}
<input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response">
{% endif %}
<!-- /reCpatcha -->


<!-- <div class="form-row text-nowrap d-flex my-4">
<div class="col d-flex align-items-center">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="formCheck">
<label class="form-check-label justify-content-lg-center align-items-lg-center text-white" for="formCheck">مرا به خاطر بسپار</label>
</div>
</div>
<div class="col d-flex justify-content-end align-items-center">
<a class="text-neutral" href="{{ url('') }}forgot-password">رمز عبور خود را فراموش کرده اید؟</a>
</div>
</div> -->

<button class="btn btn-outline-main btn-link btn-lg btn-block box-rounded box-shadow" type="submit">{{_("Login")}}</button>
<div class="mt-4 text-white">
<p class="font-weight-light mr-2"><a class="text-white font-weight-bold ml-2" href="{{ url('') }}otp">ورود با رمز یکبار مصرف</a></p>
<p class="font-weight-light mr-2">حساب ندارید؟<a class="text-white font-weight-bold ml-2" href="{{ url('') }}register">ثبت نام</a></p>
<p class="font-weight-light mr-2">رمز عبور خود را فراموش کرده‌اید؟<a class="text-white font-weight-bold ml-2" href="{{ url('') }}forgot-password">بازیابی رمز عبور</a></p>
<p class="font-weight-light mr-2"><a class="text-white font-weight-bold ml-2" href="{{ url('') }}">بازگشت به صفحه اصلی</a></p>
</div>
 </form>

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

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

<script src="{{ url('') }}assets/login/js/jquery.min.js"></script>
<script src="{{ url('') }}assets/login/js/bootstrap.min.js"></script>
<script src="{{ url('') }}assets/login/js/color-switcher.min.js"></script>
<script src="{{ url('') }}assets/login/js/preloader.min.js"></script>
<script src="{{ url('') }}assets/login/js/rocket-loader.min.js" defer=""></script>
</body>
</html>