<!DOCTYPE html>
<html lang="<%= (typeof user !== 'undefined' && user && user.lang) ? user.lang : 'ar' %>" id="main_html" class="light-style layout-navbar-fixed layout-menu-fixed loaded" dir="<%= (typeof user !== 'undefined' && user && user.lang === 'ar') ? 'rtl' : 'ltr' %>" data-theme="light" data-theme-mode="system" data-theme-effective="light" data-theme-dark-supported="true" data-assets-path="/admin/assets/" data-template="vertical-menu-template">
<head>
  <script data-kamteswa-theme-bootstrap>
    (function bootstrapKamTeswaTheme() {
      var storageKey = 'kamteswa.theme';
      var validModes = ['light', 'dark', 'system'];
      var root = document.documentElement;
      var mode = 'system';

      try {
        var savedMode = window.localStorage.getItem(storageKey);
        if (validModes.indexOf(savedMode) !== -1) {
          mode = savedMode;
        } else if (savedMode !== null) {
          window.localStorage.setItem(storageKey, 'system');
        }
      } catch (_storageError) {}

      var systemPrefersDark = false;
      try {
        systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
      } catch (_mediaError) {}
      var resolvedTheme = mode === 'system'
        ? (systemPrefersDark ? 'dark' : 'light')
        : mode;

      root.setAttribute('data-theme', resolvedTheme);
      root.setAttribute('data-theme-mode', mode);
      root.setAttribute('data-theme-effective', resolvedTheme);
      root.setAttribute('data-theme-dark-supported', 'true');
      root.setAttribute('data-style', resolvedTheme);
      root.classList.remove('kt-theme-dark', 'dark-style');
      root.classList.remove('kt-theme-light', 'light-style');
      root.classList.add(resolvedTheme === 'dark' ? 'kt-theme-dark' : 'kt-theme-light');
      root.classList.add(resolvedTheme === 'dark' ? 'dark-style' : 'light-style');
      window.__KAMTESWA_THEME_BOOTSTRAP__ = {
        mode: mode,
        resolvedTheme: resolvedTheme,
        darkSupported: true
      };
    })();
  </script>
  <%- include('./partials/headStyle.ejs') %>
  <script data-kamteswa-theme-restore>
    (function restoreKamTeswaTheme() {
      var state = window.__KAMTESWA_THEME_BOOTSTRAP__;
      if (!state) return;
      var root = document.documentElement;
      root.setAttribute('data-theme', state.resolvedTheme);
      root.setAttribute('data-theme-mode', state.mode);
      root.setAttribute('data-theme-effective', state.resolvedTheme);
      root.setAttribute('data-theme-dark-supported', 'true');
      root.setAttribute('data-style', state.resolvedTheme);
      root.classList.remove('kt-theme-dark', 'dark-style');
      root.classList.remove('kt-theme-light', 'light-style');
      root.classList.add(state.resolvedTheme === 'dark' ? 'kt-theme-dark' : 'kt-theme-light');
      root.classList.add(state.resolvedTheme === 'dark' ? 'dark-style' : 'light-style');
    })();
  </script>
  <%- style%>
  <% if (currentMenu === 'index') { %>
    <link rel="stylesheet" href="/admin/assets/css/pages/dashboard-home.css?v=2.4.23.9" />
  <% } %>
</head>

<body class="kt-shell-body <%= currentMenu === 'index' ? 'kt-dashboard-command kt-dashboard-preload' : '' %> <%= currentMenu === 'settings' ? 'kt-legacy-settings' : '' %>">
    <a class="kt-shell-skip-link" href="#kt-main-content"><%= i18n.getLocale() === 'ar' ? 'تخطي إلى المحتوى' : 'Skip to content' %></a>
    <div
      class="kt-toast-region kt-toast-safe-zone"
      data-kt-toast-region
      data-kt-toast-safe-zone
      role="region"
      aria-label="<%= i18n.getLocale() === 'ar' ? 'الإشعارات' : 'Notifications' %>"
      aria-live="polite"
      aria-relevant="additions"></div>
    <!-- import loader -->
    <%- include('./partials/loader.ejs') %>
    <!-- end loader -->
    <!-- Layout wrapper -->
    <div class="layout-wrapper layout-content-navbar kt-shell">
      <div class="layout-container kt-shell__container">
          <!-- BEGIN: Side bar-->
              <%- include('./partials/sidebar.ejs') %>
          <!-- END: Side bar-->

        <!-- Layout container -->
        <div class="layout-page kt-shell__page">
          <!-- Navbar -->
          <%- include('./partials/navBar.ejs') %>
          <!-- / Navbar -->

          <!-- Content wrapper -->
          <div class="content-wrapper kt-shell__content-wrapper">
            <!-- Content -->
            <div class="container-xxl flex-grow-1 container-p-y kt-shell__content">
              <main class="kt-shell__main" id="kt-main-content" tabindex="-1">
                <%-body%>
              </main>
            </div>
               <!-- / Content -->
            <!-- Footer -->
            <%- include('./partials/footer.ejs') %>
            <%- include('./partials/footerLinks.ejs') %>
            <%- include('./partials/flashToasts.ejs') %>
            <!-- / Footer -->

            <div class="content-backdrop fade"></div>
          </div>
          <!-- Content wrapper -->
        </div>
        <!-- / Layout page -->
      </div>

      <!-- Overlay -->
      <div class="layout-overlay layout-menu-toggle kt-shell__overlay" data-kt-sidebar-dismiss></div>

      <!-- Drag Target Area To SlideIn Menu On Small Screens -->
      <div class="drag-target"></div>
    </div>
    <!-- / Layout wrapper -->

    <!-- Core JS -->
    <%- script %>
    <%- include('./partials/imageFallback.ejs') %>
  </body>

</html>
