<?php
/**
 * @var string $content
 * @var string $resources
 * @var string $title
 * @var \kernel\modules\user\models\User $currentUser
 * @var \kernel\CgView $view
 */
$assets = new \app\themes\svo\assets\SvoThemesAssets($resources);
?>
<!DOCTYPE html>
<html lang="en">
<!-- [Head] start -->
<head>
    <title>Compact Layout | Mantis Bootstrap 5 Admin Template</title>
    <!-- [Meta] -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <?php $assets->getCSSAsSTR(); ?>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description"
          content="Mantis is made using Bootstrap 5 design framework. Download the free admin template & use it for your project.">
    <meta name="keywords"
          content="Mantis, Dashboard UI Kit, Bootstrap 5, Admin Template, Admin Dashboard, CRM, CMS, Bootstrap Admin Template">
    <meta name="author" content="CodedThemes">

    <!-- [Favicon] icon -->
    <link rel="icon" href="<?= $resources ?>/assets/images/favicon.svg" type="image/x-icon">
    <!-- [Google Font] Family -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap"
          id="main-font-link">
    <script type="application/javascript">var resource = '<?= $resources ?>'</script>
</head>
<!-- [Head] end -->
<!-- [Body] Start -->
<body data-pc-preset="preset-1" data-pc-direction="ltr" data-pc-theme="light" data-pc-direction="ltr">
<!-- [ Pre-loader ] start -->
<div class="loader-bg">
    <div class="loader-track">
        <div class="loader-fill"></div>
    </div>
</div>
<!-- [ Pre-loader ] End -->
<!-- [ Sidebar Menu ] start -->
<nav class="pc-sidebar">
    <div class="navbar-wrapper">
        <div class="m-header" style="background-color: black">
            <a href="/lk" class="b-brand">
                <!-- ========   Change your logo from here   ============ -->
                <img width="100px" src="<?= $resources ?>/assets/images/netic/logo.png" alt="" class="logo logo-lg">
                <img src="<?= $resources ?>/assets/images/favicon.svg" alt="" class="logo logo-sm">
            </a>
        </div>
        <div class="navbar-content">
            <ul class="pc-navbar">
                <li class="pc-item">
                    <a href="/lk/" class="pc-link">
                        <span class="pc-micon"><i class="ti ti-dashboard"></i></span>
                        <span class="pc-mtext">Этапы конкурса</span>
                    </a>
                </li>
                <li class="pc-item">
                    <a href="/lk/settings" class="pc-link">
                        <span class="pc-micon"><i class="ti ti-settings"></i></span>
                        <span class="pc-mtext">Настройки</span>
                    </a>
                </li>
                <li class="pc-item">
                    <a href="/lk/logout" class="pc-link">
                        <span class="pc-micon"><i class="ti ti-logout"></i></span>
                        <span class="pc-mtext">Выход</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="pc-compact-submenu">
            <div class="pc-compact-title">
                <div class="d-flex align-items-center">
                    <div class="flex-shrink-0">
                        <div class="avtar avtar-xs bg-light-primary">
                            <i class=""></i>
                        </div>
                    </div>
                    <div class="flex-grow-1 ms-2">
                        <h5 class="mb-0">title</h5>
                    </div>
                </div>
            </div>
            <div class="pc-compact-list"></div>
        </div>
    </div>
</nav>
<!-- [ Sidebar Menu ] end -->
<!-- [ Header Topbar ] start -->
<header class="pc-header">
    <div class="header-wrapper"> <!-- [Mobile Media Block] start -->
        <div class="me-auto pc-mob-drp">
            <ul class="list-unstyled">
                <!-- ======= Menu collapse Icon ===== -->
                <li class="pc-h-item pc-sidebar-collapse">
                    <a href="#" class="pc-head-link ms-0" id="sidebar-hide">
                        <i class="ti ti-menu-2"></i>
                    </a>
                </li>
                <li class="pc-h-item pc-sidebar-popup">
                    <a href="#" class="pc-head-link ms-0" id="mobile-collapse">
                        <i class="ti ti-menu-2"></i>
                    </a>
                </li>

            </ul>
        </div>
        <!-- [Mobile Media Block end] -->
        <div class="ms-auto">
            <ul class="list-unstyled">
                <li class="dropdown pc-h-item header-user-profile">
                    <a
                            class="pc-head-link dropdown-toggle arrow-none me-0"
                            data-bs-toggle="dropdown"
                            href="#"
                            role="button"
                            aria-haspopup="false"
                            data-bs-auto-close="outside"
                            aria-expanded="false"
                    >
                        <img src="<?= $resources ?>/assets/images/user/avatar-2.jpg" alt="user-image"
                             class="user-avtar">
                        <span><?= $currentUser->email ?? 'No name' ?></span>
                    </a>
                    <div class="dropdown-menu dropdown-user-profile dropdown-menu-end pc-h-dropdown">
                        <div class="dropdown-header">
                            <div class="d-flex mb-1">
                                <div class="flex-shrink-0">
                                    <img src="<?= $resources ?>/assets/images/user/avatar-2.jpg" alt="user-image"
                                         class="user-avtar wid-35">
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <h6 class="mb-1">Stebin Ben</h6>
                                    <span>UI/UX Designer</span>
                                </div>
                                <a href="#!" class="pc-head-link bg-transparent"><i class="ti ti-power text-danger"></i></a>
                            </div>
                        </div>

                        <div class="tab-content" id="mysrpTabContent">
                            <div class="tab-pane fade show active" id="drp-tab-1" role="tabpanel"
                                 aria-labelledby="drp-t1" tabindex="0">
                                <a href="#!" class="dropdown-item">
                                    <i class="ti ti-edit-circle"></i>
                                    <span>Edit Profile</span>
                                </a>
                                <a href="#!" class="dropdown-item">
                                    <i class="ti ti-power"></i>
                                    <span>Logout</span>
                                </a>
                            </div>
                            <div class="tab-pane fade" id="drp-tab-2" role="tabpanel" aria-labelledby="drp-t2"
                                 tabindex="0">
                                <a href="#!" class="dropdown-item">
                                    <i class="ti ti-help"></i>
                                    <span>Support</span>
                                </a>
                                <a href="#!" class="dropdown-item">
                                    <i class="ti ti-user"></i>
                                    <span>Account Settings</span>
                                </a>
                                <a href="#!" class="dropdown-item">
                                    <i class="ti ti-lock"></i>
                                    <span>Privacy Center</span>
                                </a>
                                <a href="#!" class="dropdown-item">
                                    <i class="ti ti-messages"></i>
                                    <span>Feedback</span>
                                </a>
                                <a href="#!" class="dropdown-item">
                                    <i class="ti ti-list"></i>
                                    <span>History</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</header>
<!-- [ Header ] end -->
<div class="pc-container" xmlns="http://www.w3.org/1999/html">
    <div class="pc-content">
        <div class="notifications-container">
            <?php if (\kernel\Flash::hasMessage("error")): ?>
                <!-- Уведомление - ошибка -->
                <div class="alert alert-danger alert-dismissible fade show notification-item" role="alert">
                    <div class="d-flex">
                        <div class="notification-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-x-circle">
                                <circle cx="12" cy="12" r="10"></circle>
                                <line x1="15" y1="9" x2="9" y2="15"></line>
                                <line x1="9" y1="9" x2="15" y2="15"></line>
                            </svg>
                        </div>
                        <div class="notification-content">
                            <h5>Ошибка при загрузке файла</h5>
                            <p><?= \kernel\Flash::getMessage("error"); ?></p>
                        </div>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>

            <?php endif; ?>
            <?php if (\kernel\Flash::hasMessage("success")): ?>
                <!-- Уведомление - успех -->
                <div class="alert alert-success alert-dismissible fade show notification-item" role="alert">
                    <div class="d-flex">
                        <div class="notification-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-check-circle">
                                <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
                                <polyline points="22 4 12 14.01 9 11.01"></polyline>
                            </svg>
                        </div>
                        <div class="notification-content">
                            <h5>Задача выполнена успешно</h5>
                            <p><?= \kernel\Flash::getMessage("success"); ?></p>
                        </div>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            <?php endif; ?>
        </div>
        <?= $content ?>
    </div>
</div>

<footer class="pc-footer">
    <div class="footer-wrapper container-fluid">
        <div class="row">
            <div class="col-auto my-1">
                <ul class="list-inline footer-link mb-0">
<!--                    <li class="list-inline-item"><a href="../index.html">Home</a></li>-->
<!--                    <li class="list-inline-item"><a href="https://codedthemes.gitbook.io/mantis-bootstrap"-->
<!--                                                    target="_blank">Documentation</a></li>-->
<!--                    <li class="list-inline-item"><a href="https://codedthemes.authordesk.app/"-->
<!--                                                    target="_blank">Support</a></li>-->
                </ul>
            </div>
        </div>
    </div>
</footer> <!-- Required Js -->

<?php $assets->getJSAsStr(); ?>

<script>layout_change('light');</script>
<script>change_box_container('false');</script>
<script>layout_rtl_change('false');</script>
<script>preset_change("preset-1");</script>
<script>font_change("Public-Sans");</script>

<script src="<?= $resources ?>/assets/js/layout-compact.js"></script>
</body>
<!-- [Body] end -->
</html>
