<?php require_once __DIR__."/layout/join.php" ?>
<!doctype html>
<html class="no-js " lang="<?= $language ?? "en" ?>">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta name="csrf-token" content="<?= $token ?? "" ?>">
    <title>{{tittle}}<?= $tittle ?? "" ?> </title>
    <base href="<?= $baseUrl ?? ''; ?>">

    <!-- Favicon-->
    <link rel="icon" href="<?= $favicon ?? '' ?>" type="image/x-icon">
    <!-- Custom Css -->
    <link rel="stylesheet" href="assets/admin/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/admin/css/style.min.css">
    <link rel="stylesheet" href="assets/admin/plugins/notiflix/dist/notiflix-3.2.6.min.css" />
</head>

<body class="theme-blush">

<div class="authentication">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-sm-12">
                <form class="card auth_form" id="auth_form" novalidate>
                    <div class="header">
                        <?php
                        if (false) {
                            ?>
                        <img class="logo" src="<?= $logo ?? '' ?>" alt="logo">
                        <?php
                        } else {
                        ?>
                        <img class="logo" src="<?= "upload/logo/demir-logo-black.png" ?? '' ?>" alt="logo">
                        <?php
                        }
                        ?>
                        <h5>{{text}}</h5>
                    </div>
                    <div class="body">
                        <div class="input-group mb-3">
                            <input type="text" name="username" class="form-control"
                                   placeholder="{{placeholder_username}}" aria-label="{{placeholder_username}}" value="<?= strlen($Kadi ?? "") > 0 ? $Kadi ?? '' : '' ?>">
                            <div class="input-group-append">
                                <span class="input-group-text"><i class="zmdi zmdi-account-circle"></i></span>
                            </div>
                        </div>
                        <div class="input-group mb-3">
                            <input type="password" name="password" class="form-control"
                                   placeholder="{{placeholder_password}}" aria-label="{{placeholder_password}}" value="<?= strlen($Pass ?? "") > 0 ? $Pass ?? '' : '' ?>">
                            <div class="input-group-append">
                                <span class="input-group-text"><a href="forgot-password" class="forgot"
                                                                  title="{{forgot_password}}"><i
                                            class="zmdi zmdi-lock"></i></a></span>
                            </div>
                        </div>
                        <div class="checkbox">
                            <input id="remember_me" name="remember_me" type="checkbox" <?= (strlen($Pass ?? null) > 0 && strlen($Kadi ?? null) > 0) ? 'checked' : '' ?>>
                            <label for="remember_me">{{text_remember}}</label>
                        </div>
                        <button type="submit" class="btn btn-primary btn-block waves-effect waves-light">
                            {{button_text}}
                        </button>
                        <div class="signin_with mt-3">
                            <ul class="navbar-nav align-items-center">
                                <li class="dropdown">
                                    <a href="javascript:void(0);" class="dropdown-toggle" title="lang"
                                       data-toggle="dropdown" role="button">
                                        <div id="flag" data-lang="<?= $lang ?? "tr" ?>">
                                            <img src="assets/admin/images/flags/lang-info.svg"
                                                 alt="<?= $lang ?? "tr" ?>" width="64">
                                        </div>
                                    </a>
                                    <ul class="dropdown-menu slideUp2 mt-2">
                                        <li>
                                            <ul class="menu app_sortcut list-unstyled" id="countries">
                                                <li>
                                                    <a href="javascript:void(0)" class="justify-content-center">
                                                        <img src="assets/admin/images/flags/EN.svg" alt="EN" width="64">
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)" class="justify-content-center">
                                                        <img src="assets/admin/images/flags/TR.svg" alt="TR" width="64">
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </form>
                <div class="copyright text-center">
                    &copy;
                    <script>document.write(new Date().getFullYear())</script>
                    ,
                    {{text_2}}

                </div>
            </div>
            <div class="col-lg-8 col-sm-12">
                <div class="card">
                    <img src="assets/admin/images/signin.svg" alt="Sign In"/>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Jquery Core Js -->
<script src="assets/admin/bundles/libscripts.bundle.js"></script>
<script src="assets/admin/bundles/vendorscripts.bundle.js"></script> <!-- Lib Scripts Plugin Js -->
<script src="assets/admin/plugins/notiflix/dist/notiflix-notify-aio-3.2.6.min.js"></script>
<script src="assets/admin/plugins/notiflix/dist/notiflix-loading-aio-3.2.6.min.js"></script>
<script type="module" src="assets/js/admin/Main.js"></script>
</body>
</html>