<?php
define('RAIJU_DASHBOARD', true);
define('RAIJU_DASHBOARD_DIR', __DIR__);
/**
 * Admin Dashboard - Content Editor
 */

require_once 'config.php';
require_once __DIR__ . '/../includes/session-helper.php';
raijuSessionStart();
require_once __DIR__ . '/../includes/version.php';
require_once __DIR__ . '/lang/i18n.php';
require_once __DIR__ . '/users.php';
require_once __DIR__ . '/../includes/asset-helpers.php';
require_once __DIR__ . '/../includes/ai/ai-helper.php';
ensureUsersFile();

// Validate account changes and session timeout on every request.
if (!raijuSessionValidate()) {
    header('Location: index.php?timeout=' . time());
    exit;
}

// Logout
if (isset($_GET['logout'])) {
    session_destroy();
    header('Location: index.php');
    exit;
}

$csrfToken = $_SESSION['csrf_token'];
$userRole = $_SESSION['admin_role'] ?? 'editor';
$isAdminUser = ($userRole === 'admin');

// Load settings for theme
$_defaultFavicon = defined('RAIJU_DEFAULT_FAVICON') ? RAIJU_DEFAULT_FAVICON : '/assets/images/favicon.svg';
$siteSettings = ['favicon' => $_defaultFavicon, 'favicon_png' => '', 'branding' => ['logo' => '', 'logoDark' => '', 'adminLogo' => '', 'name' => '', 'showBranding' => true, 'logoDisplay' => 'both', 'logoSize' => 'medium'], 'theme' => ['adminTheme' => 'light', 'preset' => 'soft', 'density' => 'auto', 'font' => 'system', 'fontSize' => 'default', 'primaryColor' => '#3858e9', 'accentColor' => '', 'sidebarBg' => '', 'darkPrimaryColor' => '', 'darkAccentColor' => '', 'darkSidebarBg' => '', 'dangerColor' => '', 'warningColor' => '', 'successColor' => '', 'buttonGlow' => true, 'buttonRadius' => 6], 'modules' => ['ai' => true, 'news' => true, 'events' => true, 'messages' => true, 'iconManager' => true], 'dashboard' => ['itemsPerPage' => 50, 'iconManagerItemsPerPage' => 50, 'mediaItemsPerPage' => 25]];
if (defined('SETTINGS_PATH') && file_exists(SETTINGS_PATH)) {
    $loadedSettings = json_decode(file_get_contents(SETTINGS_PATH), true);
    if (is_array($loadedSettings)) {
        foreach ($siteSettings as $key => $defaults) {
            if (isset($loadedSettings[$key]) && is_array($loadedSettings[$key])) {
                $siteSettings[$key] = array_replace($defaults, $loadedSettings[$key]);
            }
        }
        // Preserve top-level keys (favicon, favicon_png)
        if (!empty($loadedSettings['favicon'])) $siteSettings['favicon'] = $loadedSettings['favicon'];
        if (!empty($loadedSettings['favicon_png'])) $siteSettings['favicon_png'] = $loadedSettings['favicon_png'];
    }
}
$adminTheme = $siteSettings['theme']['adminTheme'] ?? 'light';
$dashboardModules = array_replace(['news' => true, 'events' => true, 'messages' => true, 'iconManager' => true, 'ai' => true], is_array($siteSettings['modules'] ?? null) ? $siteSettings['modules'] : []);
$aiFeaturesEnabled = !empty($dashboardModules['ai']);
$aiDashboardVisible = $aiFeaturesEnabled;
$_aiDashboardPublicSettings = $aiFeaturesEnabled && function_exists('raijuAiLoadSettings') ? raijuAiLoadSettings(true) : [];
$_aiDashboardCopilotAvailable = $aiFeaturesEnabled
    && !empty($_aiDashboardPublicSettings['enabled'])
    && !empty($_aiDashboardPublicSettings['hasApiKey'])
    && !empty($_aiDashboardPublicSettings['features']['backendAssistant'])
    && (!isset($_aiDashboardPublicSettings['assistantSurfaces']['dashboard']) || !empty($_aiDashboardPublicSettings['assistantSurfaces']['dashboard']));
$validDashboardTabs = ['home', 'content', 'settings'];
if (!empty($dashboardModules['news'])) $validDashboardTabs[] = 'news';
if (!empty($dashboardModules['events'])) $validDashboardTabs[] = 'events';
if (!empty($dashboardModules['messages'])) $validDashboardTabs[] = 'mails';
if ($isAdminUser) $validDashboardTabs[] = 'media';
if ($isAdminUser && !empty($dashboardModules['iconManager'])) $validDashboardTabs[] = 'icons';
if ($isAdminUser) $validDashboardTabs[] = 'backup';
if ($isAdminUser) $validDashboardTabs[] = 'system';

// SVG icon helper — keeps inline SVG paths in one place
function rjIcon(string $name, int $size = 16, string $strokeWidth = '1.5'): string {
    static $paths = [
        'hamburger' => '<path d="M3 12h18M3 6h18M3 18h18"/>',
        'collapse'  => '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18"/>',
        'home'      => '<path d="M3 11l9-8 9 8"/><path d="M5 10v10h14V10"/><path d="M9 20v-6h6v6"/>',
        'edit'      => '<path d="M12 20h9M16.5 3.5a2.121 2.121 0 113 3L7 19l-4 1 1-4L16.5 3.5z"/>',
        'eye'       => '<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>',
        'mail'      => '<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><path d="M22 6l-10 7L2 6"/>',
        'calendar'  => '<rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>',
        'image'     => '<rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/>',
        'icons'     => '<rect x="3" y="3" width="7" height="7" rx="2"/><rect x="14" y="3" width="7" height="7" rx="2"/><rect x="3" y="14" width="7" height="7" rx="2"/><rect x="14" y="14" width="7" height="7" rx="2"/>',
        'settings'  => '<path d="M12.22 2h-.44a2 2 0 00-2 2v.18a2 2 0 01-1 1.73l-.43.25a2 2 0 01-2 0l-.15-.08a2 2 0 00-2.73.73l-.22.38a2 2 0 00.73 2.73l.15.1a2 2 0 011 1.72v.51a2 2 0 01-1 1.74l-.15.09a2 2 0 00-.73 2.73l.22.38a2 2 0 002.73.73l.15-.08a2 2 0 012 0l.43.25a2 2 0 011 1.73V20a2 2 0 002 2h.44a2 2 0 002-2v-.18a2 2 0 011-1.73l.43-.25a2 2 0 012 0l.15.08a2 2 0 002.73-.73l.22-.39a2 2 0 00-.73-2.73l-.15-.08a2 2 0 01-1-1.74v-.5a2 2 0 011-1.74l.15-.09a2 2 0 00.73-2.73l-.22-.38a2 2 0 00-2.73-.73l-.15.08a2 2 0 01-2 0l-.43-.25a2 2 0 01-1-1.73V4a2 2 0 00-2-2z"/><circle cx="12" cy="12" r="3"/>',
        'logout'    => '<path d="M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M16 17l5-5-5-5M21 12H9"/>',
        'trash'     => '<path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6h14z"/>',
        'back'      => '<path d="M19 12H5M12 19l-7-7 7-7"/>',
        'undo'      => '<path d="M3 7v6h6"/><path d="M21 17a9 9 0 00-9-9 9 9 0 00-6.69 3L3 13"/>',
        'redo'      => '<path d="M21 7v6h-6"/><path d="M3 17a9 9 0 019-9 9 9 0 016.69 3L21 13"/>',
        'news'      => '<path d="M4 22h16a2 2 0 002-2V4a2 2 0 00-2-2H8a2 2 0 00-2 2v16a2 2 0 01-2 2zm0 0a2 2 0 01-2-2v-9c0-1.1.9-2 2-2h2"/><line x1="10" y1="6" x2="18" y2="6"/><line x1="10" y1="10" x2="18" y2="10"/><line x1="10" y1="14" x2="14" y2="14"/>',
        'download'  => '<path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/>',
        'upload'    => '<path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/>',
        'alert'     => '<path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/>',
        'refresh'   => '<path d="M21 12a9 9 0 11-2.64-6.36"/><path d="M21 3v6h-6"/>',
        'ai'        => '<path d="M12 2l1.6 5.2L19 9l-5.4 1.8L12 16l-1.6-5.2L5 9l5.4-1.8L12 2z"/><path d="M19 14l.8 2.7L22 17.5l-2.2.8L19 21l-.8-2.7-2.2-.8 2.2-.8L19 14z"/><path d="M5 13l.7 2.1L8 16l-2.3.9L5 19l-.7-2.1L2 16l2.3-.9L5 13z"/>',
    ];
    $p = $paths[$name] ?? '';
    return "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"{$strokeWidth}\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"{$size}\" height=\"{$size}\">{$p}</svg>";
}
?>
<!DOCTYPE html>
<?php
$_themePreset = in_array($siteSettings['theme']['preset'] ?? '', ['soft', 'classic', 'paper', 'studio', 'console', 'pop'], true) ? $siteSettings['theme']['preset'] : 'soft';
$_themeDensity = in_array($siteSettings['theme']['density'] ?? '', ['auto', 'compact', 'comfortable'], true) ? $siteSettings['theme']['density'] : 'auto';
$_themeFontRaw = $siteSettings['theme']['font'] ?? '';
if ($_themeFontRaw === 'geist') $_themeFontRaw = 'plex'; // Geist Sans was retired in 1.0.0; Plex is its closest successor
$_themeFont = in_array($_themeFontRaw, ['system', 'inter', 'plex', 'atkinson', 'public', 'geist-mono'], true) ? $_themeFontRaw : 'system';
$_themeFontSize = in_array($siteSettings['theme']['fontSize'] ?? '', ['small', 'default', 'large'], true) ? $siteSettings['theme']['fontSize'] : 'default';
?>
<html lang="<?php echo htmlspecialchars(_nbAdminLang()); ?>" data-site-theme="<?php echo htmlspecialchars($adminTheme === 'system' ? 'light' : $adminTheme); ?>" data-theme-preset="<?php echo $_themePreset; ?>" data-density="<?php echo $_themeDensity; ?>" data-font="<?php echo $_themeFont; ?>" data-font-size="<?php echo $_themeFontSize; ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="noindex, nofollow">
    <title>Dashboard - <?php echo defined('SITE_NAME') ? SITE_NAME : 'Admin'; ?></title>
    <?php
    $_dashFavicon = !empty($siteSettings['favicon']) ? $siteSettings['favicon'] : $_defaultFavicon;
    $_dashFaviconType = pathinfo($_dashFavicon, PATHINFO_EXTENSION) === 'svg' ? 'image/svg+xml' : 'image/png';
    ?>
    <link rel="icon" href="<?php echo htmlspecialchars($_dashFavicon); ?>" type="<?php echo $_dashFaviconType; ?>">
    <meta name="csrf-token" content="<?php echo htmlspecialchars($csrfToken); ?>">
    <link rel="stylesheet" href="fonts.css?v=<?php echo @filemtime(__DIR__ . '/fonts.css') ?: time(); ?>">
    <link rel="stylesheet" href="style.css?v=<?php echo @filemtime(__DIR__ . '/style.css') ?: time(); ?>">
    <link rel="stylesheet" href="../css/image-manager.css?v=<?php echo @filemtime(__DIR__ . '/../css/image-manager.css') ?: time(); ?>">
    <link rel="stylesheet" href="../css/rj-select.css?v=<?php echo @filemtime(__DIR__ . '/../css/rj-select.css') ?: time(); ?>">
    <?php if ($_aiDashboardCopilotAvailable && is_file(__DIR__ . '/../css/ai-copilot.css')): ?>
    <link rel="stylesheet" href="../css/ai-copilot.css?v=<?php echo @filemtime(__DIR__ . '/../css/ai-copilot.css') ?: time(); ?>">
    <?php endif; ?>
    <?php if ($adminTheme === 'system'): ?>
    <script>
    (function() {
        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
            document.documentElement.setAttribute('data-site-theme', 'dark');
        }
    })();
    </script>
    <?php endif; ?>
    <script>
    /* Sidebar collapse state before first paint, so nothing jumps */
    (function() {
        try {
            if (window.localStorage.getItem('raijuSidebarCollapsed') === '1') {
                document.documentElement.setAttribute('data-sidebar', 'collapsed');
            }
        } catch (e) {}
    })();
    </script>
    <?php
    // The saved base colour and the optional overrides reach the stylesheet as
    // custom properties on :root; css/raiju-admin-tokens.css derives everything
    // else per preset. Browsers without relative colour syntax get the older
    // color-mix() derivation inside @supports not (...).
    $_t = $siteSettings['theme'];
    $_pcLight = preg_match('/^#[0-9a-fA-F]{6}$/', (string)$_t['primaryColor']) ? strtolower((string)$_t['primaryColor']) : '#3858e9';
    $_acRaw = strtolower((string)($_t['accentColor'] ?? ''));
    // An accent equal to the base colour is the old default, not a deliberate override
    $_acLight = (preg_match('/^#[0-9a-fA-F]{6}$/', $_acRaw) && $_acRaw !== $_pcLight) ? $_acRaw : $_pcLight;
    $_sbLightOverride = preg_match('/^#[0-9a-fA-F]{6}$/', (string)($_t['sidebarBg'] ?? '')) ? strtolower((string)$_t['sidebarBg']) : '';
    $_sbDarkOverride = preg_match('/^#[0-9a-fA-F]{6}$/', (string)($_t['darkSidebarBg'] ?? '')) ? strtolower((string)$_t['darkSidebarBg']) : '';
    $_pcDark = preg_match('/^#[0-9a-fA-F]{6}$/', (string)($_t['darkPrimaryColor'] ?? '')) ? strtolower((string)$_t['darkPrimaryColor']) : $_pcLight;
    $_acDark = preg_match('/^#[0-9a-fA-F]{6}$/', (string)($_t['darkAccentColor'] ?? '')) ? strtolower((string)$_t['darkAccentColor']) : $_acLight;
    $_semantic = [];
    foreach (['dangerColor' => '--rj-danger-base', 'warningColor' => '--rj-warning-base', 'successColor' => '--rj-success-base'] as $_semKey => $_semVar) {
        $_semRaw = strtolower((string)($_t[$_semKey] ?? ''));
        if (preg_match('/^#[0-9a-f]{6}$/', $_semRaw)) $_semantic[$_semVar] = $_semRaw;
    }
    $_sbLight = $_sbLightOverride !== '' ? $_sbLightOverride : "color-mix(in srgb, {$_pcLight} 12%, white)";
    $_sbDark = $_sbDarkOverride !== '' ? $_sbDarkOverride : "color-mix(in srgb, {$_pcDark} 10%, #0b0d12)";
    ?>
    <style id="rj-theme-server">
    :root {
        --rj-base: <?php echo $_pcLight; ?>;
        --rj-accent-base: <?php echo $_acLight; ?>;
<?php foreach ($_semantic as $_semVar => $_semHex): ?>
        <?php echo $_semVar; ?>: <?php echo $_semHex; ?>;
<?php endforeach; ?>
    }
    <?php if ($_sbLightOverride !== ''): ?>
    :root, [data-site-theme="light"] { --rj-sidebar-bg: <?php echo $_sbLightOverride; ?>; --rj-topbar-bg: <?php echo $_sbLightOverride; ?>; }
    <?php endif; ?>
    <?php if ($_sbDarkOverride !== ''): ?>
    [data-site-theme="dark"] { --rj-sidebar-bg: <?php echo $_sbDarkOverride; ?>; --rj-topbar-bg: <?php echo $_sbDarkOverride; ?>; }
    <?php endif; ?>
    @supports not (color: oklch(from red l c h)) {
    :root,
    [data-site-theme="light"] {
        --rj-primary: <?php echo $_pcLight; ?>;
        --rj-primary-subtle: color-mix(in srgb, <?php echo $_pcLight; ?> 8%, transparent);
        --rj-primary-muted: color-mix(in srgb, <?php echo $_pcLight; ?> 15%, transparent);
        --rj-primary-medium: color-mix(in srgb, <?php echo $_pcLight; ?> 30%, transparent);
        --rj-primary-btn: radial-gradient(ellipse at 50% 0%, color-mix(in srgb, <?php echo $_pcLight; ?> 70%, white) 0%, <?php echo $_pcLight; ?> 70%);
        --rj-primary-btn-hover: radial-gradient(ellipse at 50% 0%, color-mix(in srgb, <?php echo $_pcLight; ?> 50%, white) 0%, <?php echo $_pcLight; ?> 70%);
        --rj-brand: <?php echo $_acLight; ?>;
        --rj-brand-light: color-mix(in srgb, <?php echo $_acLight; ?> 65%, white);
        --rj-brand-dark: color-mix(in srgb, <?php echo $_acLight; ?> 80%, black);
        --rj-brand-subtle: color-mix(in srgb, <?php echo $_acLight; ?> 12%, transparent);
        --rj-sidebar-bg: <?php echo $_sbLight; ?>;
        --rj-bg: color-mix(in srgb, <?php echo $_sbLight; ?> 55%, white);
        --rj-bg-elevated: color-mix(in srgb, <?php echo $_sbLight; ?> 18%, white);
        --rj-bg-sunken: color-mix(in srgb, <?php echo $_sbLight; ?> 82%, white);
        --rj-bg-hover: color-mix(in srgb, <?php echo $_sbLight; ?> 68%, white);
        --rj-border: color-mix(in srgb, <?php echo $_sbLight; ?> 55%, #9ca3af);
        --rj-border-strong: color-mix(in srgb, <?php echo $_sbLight; ?> 48%, #7b8492);
    }
    [data-site-theme="dark"] {
        --rj-primary: <?php echo $_pcDark; ?>;
        --rj-primary-subtle: color-mix(in srgb, <?php echo $_pcDark; ?> 12%, transparent);
        --rj-primary-muted: color-mix(in srgb, <?php echo $_pcDark; ?> 22%, transparent);
        --rj-primary-medium: color-mix(in srgb, <?php echo $_pcDark; ?> 38%, transparent);
        --rj-primary-btn: radial-gradient(ellipse at 50% 0%, color-mix(in srgb, <?php echo $_pcDark; ?> 70%, white) 0%, <?php echo $_pcDark; ?> 70%);
        --rj-primary-btn-hover: radial-gradient(ellipse at 50% 0%, color-mix(in srgb, <?php echo $_pcDark; ?> 50%, white) 0%, <?php echo $_pcDark; ?> 70%);
        --rj-brand: <?php echo $_acDark; ?>;
        --rj-brand-light: color-mix(in srgb, <?php echo $_acDark; ?> 70%, white);
        --rj-brand-dark: color-mix(in srgb, <?php echo $_acDark; ?> 80%, black);
        --rj-brand-subtle: color-mix(in srgb, <?php echo $_acDark; ?> 18%, transparent);
        --rj-sidebar-bg: <?php echo $_sbDark; ?>;
        --rj-bg: color-mix(in srgb, <?php echo $_sbDark; ?> 78%, #202428);
        --rj-bg-elevated: color-mix(in srgb, <?php echo $_sbDark; ?> 58%, #2a2d31);
        --rj-bg-sunken: color-mix(in srgb, <?php echo $_sbDark; ?> 88%, #030405);
        --rj-bg-hover: color-mix(in srgb, <?php echo $_sbDark; ?> 42%, #34383e);
        --rj-border: color-mix(in srgb, <?php echo $_sbDark; ?> 55%, #5a6472);
        --rj-border-strong: color-mix(in srgb, <?php echo $_sbDark; ?> 44%, #717b88);
    }
    }
    </style>
</head>
<body>
    <a class="skip-link" href="#adminMain"><?php echo t('nav.skip_content'); ?></a>
    <header class="admin-topbar">
        <button class="sidebar-toggle" id="sidebarToggle" aria-label="Toggle sidebar">
            <?php echo rjIcon('hamburger', 24, '2'); ?>
        </button>
        <div class="topbar-brand">
            <?php if ($siteSettings['branding']['showBranding']):
                $_topbarFavicon = $siteSettings['branding']['adminLogo'] ?? '';
                if (!$_topbarFavicon) $_topbarFavicon = $siteSettings['favicon'] ?? $_defaultFavicon;
                $_brandName = $siteSettings['branding']['name'] ?? '';
                echo raijuIconOrImg($_topbarFavicon, $_brandName, ['width' => 24, 'height' => 24, 'class' => 'topbar-logo']);
            endif; ?>
            <?php $_siteLabel = trim((string)($siteSettings['branding']['name'] ?? '')) ?: (defined('SITE_NAME') ? (string)SITE_NAME : ''); ?>
            <span class="topbar-dashboard"><?php echo htmlspecialchars($_siteLabel !== '' ? $_siteLabel : t('dashboard')); ?></span>
        </div>
        <h1 class="topbar-title" id="topbarTitle"><?php echo t('pages.title'); ?></h1>
        <div class="topbar-selectors" id="topbarSelectors" style="display: none;">
            <select id="langSelect" class="topbar-select">
                <?php
                $siteLanguages = isset($SITE_LANGUAGES) ? $SITE_LANGUAGES : ['de' => 'Deutsch', 'en' => 'English'];
                foreach ($siteLanguages as $code => $name): ?>
                <option value="<?php echo htmlspecialchars($code); ?>"><?php echo htmlspecialchars($name); ?></option>
                <?php endforeach; ?>
            </select>
            <select id="pageSelect" class="topbar-select">
                <!-- Populated via JS -->
            </select>
            <button class="btn btn-primary btn-sm" onclick="loadContent()"><?php echo t('btn.load'); ?></button>
        </div>
        <div class="topbar-actions">
            <a href=".." class="topbar-viewsite">
                <?php echo rjIcon('eye'); ?>
                <span><?php echo t('nav.view_site'); ?></span>
            </a>
        </div>
    </header>

    <div class="admin-body">
    <aside class="admin-sidebar" id="adminSidebar" aria-label="Admin navigation">
        <div class="sidebar-top">
            <nav class="sidebar-nav">
                <button class="sidebar-nav-item active" onclick="switchTab('home')" data-tab="home">
                    <?php echo rjIcon('home'); ?>
                    <span><?php echo t('dashboard_home.title'); ?></span>
                </button>
                <button class="sidebar-nav-item" onclick="switchTab('content')" data-tab="content">
                    <?php echo rjIcon('edit'); ?>
                    <span><?php echo t('nav.pages'); ?></span>
                </button>
                <?php if (!empty($dashboardModules['news'])): ?>
                <button class="sidebar-nav-item" onclick="switchTab('news')" data-tab="news">
                    <?php echo rjIcon('news'); ?>
                    <span><?php echo t('nav.news'); ?></span>
                </button>
                <?php endif; ?>
                <?php if (!empty($dashboardModules['events'])): ?>
                <button class="sidebar-nav-item" onclick="switchTab('events')" data-tab="events">
                    <?php echo rjIcon('calendar'); ?>
                    <span><?php echo t('nav.events'); ?></span>
                </button>
                <?php endif; ?>
                <?php if (!empty($dashboardModules['messages'])): ?>
                <button class="sidebar-nav-item" onclick="switchTab('mails')" data-tab="mails">
                    <?php echo rjIcon('mail'); ?>
                    <span><?php echo t('nav.messages'); ?></span>
                    <span class="mail-badge mail-badge--hidden" id="mailBadge">0</span>
                </button>
                <?php endif; ?>
                <?php if ($isAdminUser): ?>
                <button class="sidebar-nav-item" onclick="switchTab('media')" data-tab="media" type="button">
                    <?php echo rjIcon('image'); ?>
                    <span><?php echo t('nav.media_library'); ?></span>
                </button>
                <?php if (!empty($dashboardModules['iconManager'])): ?>
                <button class="sidebar-nav-item" onclick="switchTab('icons')" data-tab="icons">
                    <?php echo rjIcon('icons'); ?>
                    <span><?php echo t('nav.icon_manager'); ?></span>
                </button>
                <?php endif; ?>
                <?php endif; ?>
            </nav>
        </div>
        <div class="sidebar-bottom">
            <button class="sidebar-nav-item" onclick="switchTab('settings')" data-tab="settings">
                <?php echo rjIcon('settings'); ?>
                <span><?php echo t('nav.settings'); ?></span>
            </button>
            <?php if ($isAdminUser): ?>
            <button class="sidebar-nav-item" onclick="switchTab('backup')" data-tab="backup">
                <?php echo rjIcon('download'); ?>
                <span><?php echo t('settings.backup'); ?></span>
            </button>
                <button class="sidebar-nav-item" data-tab="system" onclick="switchTab('system')"><?php echo rjIcon('alert'); ?><span><?php echo t('system.title'); ?></span><span class="mail-badge mail-badge--hidden system-badge" id="systemBadge"></span></button>
            <?php endif; ?>
            <a href="?logout=1" class="sidebar-nav-item sidebar-nav-link sidebar-logout">
                <?php echo rjIcon('logout'); ?>
                <span><?php echo t('nav.logout'); ?></span>
            </a>
            <button type="button" class="sidebar-nav-item sidebar-collapse" id="sidebarCollapseBtn" aria-pressed="false" title="<?php echo htmlspecialchars(t('nav.collapse_sidebar'), ENT_QUOTES, 'UTF-8'); ?>">
                <?php echo rjIcon('collapse'); ?>
                <span><?php echo t('nav.collapse_sidebar'); ?></span>
            </button>
            <a class="sidebar-version" href="https://1studi.ru" target="_blank" rel="noopener noreferrer">Raiju. Lightning fast.</a>
        </div>
    </aside>

    <div class="admin-main<?php echo !empty($_SESSION['password_warning']) ? ' has-security-warning' : ''; ?>" id="adminMain">
    <?php
    // Check if current user has no email address (only relevant when email is active)
    $currentUserId = $_SESSION['admin_user_id'] ?? '';
    $currentUserData = $currentUserId ? findUserById($currentUserId) : null;
    $siteSettings = file_exists(SETTINGS_PATH) ? json_decode(file_get_contents(SETTINGS_PATH), true) : [];
    $emailMethod = $siteSettings['email']['method'] ?? 'inactive';
    $emailMissing = $emailMethod !== 'inactive' && $currentUserData && empty($currentUserData['email']);
    ?>
    <?php if ($emailMissing): ?>
    <div class="info-banner info-banner--warning" id="emailWarning">
        <div class="info-banner__inner">
            <strong class="info-banner__title"><?php echo rjIcon('alert'); ?> <?php echo t('settings.email_missing_title'); ?></strong>
            <span class="info-banner__body">
                <?php echo t('settings.email_missing_text'); ?>
                <a href="#" class="info-banner__cta" onclick="switchTab('settings'); document.querySelector('[data-settings-tab=&quot;users&quot;]').click(); return false;"><?php echo t('settings.email_missing_link'); ?> &rarr;</a>
            </span>
        </div>
    </div>
    <?php endif; ?>
    <?php if (!empty($_SESSION['password_warning'])): ?>
    <div class="info-banner info-banner--warning mail-config-banner security-warning-banner" id="passwordWarning">
        <div class="info-banner__inner">
            <span class="info-banner__icon"><?php echo rjIcon('alert'); ?></span>
            <span class="info-banner__content">
                <strong class="info-banner__title"><?php echo t('security.warning'); ?></strong>
                <span class="info-banner__body">
                    <?php echo t('security.weak_password'); ?>
                    <strong><?php echo t('security.change_now'); ?></strong> &mdash; this is a significant security risk.
                </span>
            </span>
            <button type="button" class="info-banner__cta info-banner__cta-button" onclick="switchTab('settings'); document.querySelector('[data-settings-tab=&quot;my-account&quot;]').click(); return false;"><?php echo t('security.change_link'); ?> &rarr;</button>
        </div>
    </div>
    <?php endif; ?>
    <?php if ($isAdminUser): ?>
    <!-- Filled by the background security check (dashboard/scripts/system.php). -->
    <div class="info-banner info-banner--warning mail-config-banner security-warning-banner security-exposure-banner" id="securityExposureWarning" role="alert" hidden>
        <div class="info-banner__inner">
            <span class="info-banner__icon"><?php echo rjIcon('alert'); ?></span>
            <span class="info-banner__content">
                <strong class="info-banner__title"><?php echo t('security_check.banner_title'); ?></strong>
                <span class="info-banner__body" id="securityExposureText"></span>
            </span>
            <button type="button" class="info-banner__cta info-banner__cta-button" onclick="switchTab('system');"><?php echo t('security_check.banner_cta'); ?> &rarr;</button>
        </div>
    </div>
    <!-- Filled by the background search engine check (dashboard/scripts/system.php). Always shown while the live site blocks search engines. -->
    <div class="info-banner info-banner--warning mail-config-banner security-warning-banner" id="seoBlockedWarning" role="status" hidden>
        <div class="info-banner__inner">
            <span class="info-banner__icon"><?php echo rjIcon('alert'); ?></span>
            <span class="info-banner__content">
                <strong class="info-banner__title"><?php echo t('seo_check.banner_title'); ?></strong>
                <span class="info-banner__body" id="seoBlockedText"></span>
            </span>
            <button type="button" class="info-banner__cta info-banner__cta-button" id="seoBlockedAllow" onclick="allowSeoIndexing(this);" hidden><?php echo t('seo_check.allow'); ?></button>
            <button type="button" class="info-banner__cta info-banner__cta-button" onclick="switchTab('system');"><?php echo t('security_check.banner_cta'); ?> &rarr;</button>
        </div>
    </div>
    <?php endif; ?>
    <?php
    // One-shot frontend-edit hint: the user reached the dashboard from a public
    // page (via the footer dblclick). Offer a link back to that page so they
    // can keep editing in place. Consumed once — gone on the next dashboard load.
    $loginSourceUrl = $_SESSION['login_source_url'] ?? '';
    unset($_SESSION['login_source_url']);
    ?>
    <?php if ($loginSourceUrl !== ''): ?>
    <div class="info-banner" id="frontendEditBanner">
        <div class="info-banner__inner">
            <strong class="info-banner__title"><?php echo rjIcon('eye'); ?> <?php echo t('banner.frontend_edit_title'); ?></strong>
            <span class="info-banner__body">
                <?php echo t('banner.frontend_edit_text'); ?>
                <a href="<?php echo htmlspecialchars($loginSourceUrl); ?>" class="info-banner__cta"><?php echo t('banner.frontend_edit_cta'); ?> &rarr;</a>
            </span>
            <button type="button" class="info-banner__close" aria-label="<?php echo t('close'); ?>" onclick="document.getElementById('frontendEditBanner').remove();">&times;</button>
        </div>
    </div>
    <?php endif; ?>

    <!-- Content Tab -->
    <div class="admin-container" id="contentTab" style="display: none;">
        <!-- Mobile Page Selector (hidden on desktop) -->
        <div class="mobile-selectors" id="mobileSelectors">
            <select id="langSelectMobile" class="topbar-select" onchange="syncSelect('langSelect', this.value)">
                <?php foreach ($siteLanguages as $code => $name): ?>
                <option value="<?php echo htmlspecialchars($code); ?>"><?php echo htmlspecialchars($name); ?></option>
                <?php endforeach; ?>
            </select>
            <select id="pageSelectMobile" class="topbar-select">
                <!-- Synced via JS -->
            </select>
            <button class="btn btn-primary btn-sm" onclick="loadContent()"><?php echo t('btn.load'); ?></button>
        </div>

        <!-- Page List -->
        <div class="page-list-container" id="pageListContainer">
            <div class="page-list-header">
                <div class="page-list-header-left">
                    <h2><?php echo t('pages.title'); ?></h2>
                </div>
                <div class="page-list-header-actions">
                    <label class="page-list-search" for="pageListSearch">
                        <span class="sr-only"><?php echo t('pages.search_title'); ?></span>
                        <input
                            type="search"
                            id="pageListSearch"
                            class="page-list-search-input"
                            placeholder="Seitentitel suchen..."
                            autocomplete="off"
                            oninput="handlePageListSearch(this.value)"
                        >
                    </label>
                    <select id="pageListLang" class="topbar-select" onchange="renderPageListForLang(this.value)">
                        <?php foreach ($siteLanguages as $code => $name): ?>
                        <option value="<?php echo htmlspecialchars($code); ?>"<?php if ($code === SITE_LANG_DEFAULT) echo ' selected'; ?>><?php echo htmlspecialchars($name); ?></option>
                        <?php endforeach; ?>
                    </select>
                    <button class="btn btn-secondary btn-sm page-list-trash-btn" onclick="showTrash()" id="trashToggle">
                        <?php echo rjIcon('trash', 14); ?>
                        <?php echo t('pages.trash'); ?>
                    </button>
                    <button class="btn btn-primary btn-sm" onclick="showNewPageModal()"><?php echo t('pages.new_page'); ?></button>
                </div>
            </div>
            <div class="admin-list-footer admin-list-footer--top" id="pageListFooterTop"></div>
            <div class="page-list-table-wrap">
                <table class="page-list-table" id="pageListTable">
                    <thead>
                        <tr>
                            <th class="page-list-col-title"><?php echo t('pages.col_title'); ?></th>
                            <th class="page-list-col-date"><?php echo t('pages.col_date'); ?></th>
                            <!-- Language columns inserted via JS -->
                        </tr>
                    </thead>
                    <tbody id="pageListBody">
                        <!-- Rows inserted via JS -->
                    </tbody>
                </table>
            </div>
            <div class="admin-list-footer" id="pageListFooter"></div>
        </div>

        <!-- Trash -->
        <div class="page-list-container" id="trashContainer" style="display: none;">
            <div class="page-list-header">
                <div class="page-list-header-left">
                    <h2><?php echo t('trash.title'); ?></h2>
                </div>
                <div class="page-list-header-actions">
                    <button class="btn btn-secondary btn-sm" onclick="showPageList()">
                        <?php echo rjIcon('back', 14); ?>
                        <?php echo t('pages.back_to_pages'); ?>
                    </button>
                    <button class="btn btn-danger btn-sm" onclick="emptyTrash()" id="emptyTrashBtn" style="display:none;"><?php echo t('trash.empty_trash'); ?></button>
                </div>
            </div>
            <div class="admin-list-footer admin-list-footer--top" id="trashListFooterTop"></div>
            <div class="page-list-table-wrap">
                <table class="page-list-table" id="trashTable">
                    <thead>
                        <tr>
                            <th class="page-list-col-title"><?php echo t('pages.col_title'); ?></th>
                            <th><?php echo t('trash.col_page'); ?></th>
                            <th class="page-list-col-date"><?php echo t('trash.col_deleted'); ?></th>
                            <th class="page-list-col-actions"><?php echo t('trash.col_actions'); ?></th>
                        </tr>
                    </thead>
                    <tbody id="trashBody">
                    </tbody>
                </table>
            </div>
            <div class="admin-list-footer" id="trashListFooter"></div>
            <p class="trash-empty-msg" id="trashEmptyMsg" style="display:none;"><?php echo t('trash.empty'); ?></p>
        </div>

        <!-- Editor -->
        <div class="editor-container" id="editorContainer" style="display: none;">
            <div class="editor-back">
                <a href="#" class="editor-back-link" onclick="showPageList(); return false;">
                    <?php echo rjIcon('back'); ?>
                    <?php echo t('pages.all_pages'); ?>
                </a>
            </div>
            <div class="editor-header">
                <div class="editor-header-left">
                    <h2 id="editorTitle"><?php echo t('editor.title'); ?></h2>
                    <span id="editorSeoHealth" class="editor-seo-health"></span>
                    <button class="btn btn-secondary btn-sm" id="toggleAllBtn" onclick="toggleAllGroups()" style="display:none;"><?php echo t('editor.expand_all'); ?></button>
                </div>
                <div class="editor-header-right">
                    <span class="last-modified" id="lastModified"></span>
                    <div class="editor-undo-redo">
                        <button class="btn btn-secondary btn-sm" id="undoBtn" onclick="editorUndo()" title="<?php echo t('editor.undo'); ?>" disabled><?php echo rjIcon('undo', 14); ?></button>
                        <button class="btn btn-secondary btn-sm" id="redoBtn" onclick="editorRedo()" title="<?php echo t('editor.redo'); ?>" disabled><?php echo rjIcon('redo', 14); ?></button>
                    </div>
                    <button class="btn btn-primary btn-sm" onclick="saveContent()"><?php echo t('btn.save'); ?></button>
                    <a class="btn btn-secondary btn-sm" id="editorViewBtn" href="#" title="<?php echo t('pages.view'); ?>"><?php echo rjIcon('eye', 14); ?></a>
                    <button class="btn btn-secondary btn-sm editor-trash-btn" id="editorTrashBtn" onclick="trashCurrentPage()" title="<?php echo t('editor.move_to_trash'); ?>"><?php echo rjIcon('trash', 14); ?></button>
                </div>
            </div>

            <div id="sectionsContainer">
                <!-- Sections inserted via JS -->
            </div>

            <div style="margin-top: 20px;">
                <button class="btn btn-primary" onclick="saveContent()"><?php echo t('btn.save'); ?></button>
            </div>
        </div>

        <!-- Backups -->
        <div class="backup-container" id="backupContainer" style="display: none;">
            <h3><?php echo t('backups.title'); ?></h3>
            <div class="backup-list" id="backupList">
                <!-- Backups inserted via JS -->
            </div>
        </div>
    </div>

    <!-- Events Tab — list view -->
    <div class="admin-container" id="eventsTab" style="display: none;">
        <div class="page-list-container" id="eventsListView">
            <div class="page-list-header">
                <div class="page-list-header-left">
                    <h2><?php echo t('events.title'); ?></h2>
                    <span class="last-modified" id="eventsLastModified"></span>
                </div>
                <div class="page-list-header-actions">
                    <button class="btn btn-secondary btn-sm page-list-trash-btn" onclick="showEventsTrash()">
                        <?php echo rjIcon('trash', 14); ?>
                        <?php echo t('pages.trash'); ?>
                    </button>
                    <button class="btn btn-primary btn-sm" onclick="addNewEvent()"><?php echo t('events.new_event'); ?></button>
                </div>
            </div>
            <div class="admin-list-footer admin-list-footer--top" id="eventsListFooterTop"></div>
            <div class="page-list-table-wrap">
                <table class="page-list-table" id="eventsListTable">
                    <thead>
                        <tr>
                            <th class="page-list-col-title"><?php echo t('pages.col_title'); ?></th>
                            <th class="page-list-col-date"><?php echo t('events.col_date'); ?></th>
                            <th><?php echo t('events.col_location'); ?></th>
                            <th class="page-list-col-date"><?php echo t('events.col_status'); ?></th>
                        </tr>
                    </thead>
                    <tbody id="eventsListBody">
                        <!-- Rows inserted via JS -->
                    </tbody>
                </table>
            </div>
            <div class="admin-list-footer" id="eventsListFooter"></div>
        </div>

        <!-- Events Tab — trash view -->
        <div class="page-list-container" id="eventsTrashView" style="display: none;">
            <div class="page-list-header">
                <div class="page-list-header-left">
                    <h2><?php echo t('trash.title'); ?></h2>
                    <button class="btn btn-secondary btn-sm" onclick="closeEventsTrash()">
                        <?php echo rjIcon('back', 14); ?>
                        <?php echo t('events.back_to_events'); ?>
                    </button>
                    <button class="btn btn-danger btn-sm" onclick="emptyEventsTrash()" id="emptyEventsTrashBtn" style="display:none;"><?php echo t('trash.empty_trash'); ?></button>
                </div>
            </div>
            <div class="admin-list-footer admin-list-footer--top" id="eventsTrashFooterTop"></div>
            <div class="page-list-table-wrap">
                <table class="page-list-table" id="eventsTrashTable">
                    <thead>
                        <tr>
                            <th class="page-list-col-title"><?php echo t('pages.col_title'); ?></th>
                            <th class="page-list-col-date"><?php echo t('events.col_date'); ?></th>
                            <th class="page-list-col-date"><?php echo t('trash.col_deleted'); ?></th>
                            <th class="page-list-col-actions"><?php echo t('trash.col_actions'); ?></th>
                        </tr>
                    </thead>
                    <tbody id="eventsTrashBody">
                    </tbody>
                </table>
            </div>
            <div class="admin-list-footer" id="eventsTrashFooter"></div>
            <p class="trash-empty-msg" id="eventsTrashEmptyMsg" style="display:none;"><?php echo t('trash.empty'); ?></p>
        </div>

        <!-- Events Tab — single-event editor view -->
        <div class="editor-container" id="eventsEditorView" style="display: none;">
            <div class="editor-header">
                <div class="editor-header-left">
                    <button class="btn btn-secondary btn-sm" onclick="closeEventEditor()" title="<?php echo t('btn.back'); ?>">
                        <?php echo rjIcon('back', 16); ?>
                        <span><?php echo t('btn.back'); ?></span>
                    </button>
                    <h2 id="eventEditorTitle"></h2>
                </div>
                <div class="editor-header-right">
                    <button class="btn btn-secondary btn-sm" id="eventEditorDeleteBtn" onclick="deleteCurrentEvent()" title="<?php echo t('editor.move_to_trash'); ?>">
                        <?php echo rjIcon('trash', 14); ?>
                    </button>
                    <button class="btn btn-secondary btn-sm" onclick="closeEventEditor()"><?php echo t('btn.cancel'); ?></button>
                    <button class="btn btn-primary btn-sm" onclick="saveCurrentEvent()"><?php echo t('btn.save'); ?></button>
                </div>
            </div>
            <div id="eventEditorBody">
                <!-- Editor fields inserted via JS -->
            </div>
        </div>
    </div>

    <!-- News Tab -->
    <div class="admin-container" id="newsTab" style="display: none;">
        <!-- News List -->
        <div class="page-list-container" id="newsListContainer">
            <div class="page-list-header">
                <div class="page-list-header-left">
                    <h2><?php echo t('news.title'); ?></h2>
                </div>
                <div class="page-list-header-actions">
                    <button class="btn btn-primary btn-sm" onclick="addNewPost()"><?php echo t('news.new_post'); ?></button>
                </div>
            </div>
            <div class="admin-list-footer admin-list-footer--top" id="newsListFooterTop"></div>
            <div class="page-list-table-wrap">
                <table class="page-list-table" id="newsListTable">
                    <thead>
                        <tr>
                            <th class="page-list-col-title"><?php echo t('pages.col_title'); ?></th>
                            <th class="page-list-col-date"><?php echo t('news.post_date'); ?></th>
                            <?php
                            $langCodes = array_keys($siteLanguages);
                            $otherNewsLangs = array_filter($langCodes, function($c) { return $c !== SITE_LANG_DEFAULT; });
                            foreach ($otherNewsLangs as $code): ?>
                            <th class="page-list-col-lang"><?php echo htmlspecialchars($siteLanguages[$code]); ?></th>
                            <?php endforeach; ?>
                        </tr>
                    </thead>
                    <tbody id="newsListBody">
                        <!-- Rows inserted via JS -->
                    </tbody>
                </table>
            </div>
            <div class="admin-list-footer" id="newsListFooter"></div>
        </div>

        <!-- News Post Editor -->
        <div class="editor-container" id="newsEditorContainer" style="display: none;">
            <div class="editor-back">
                <a href="#" class="editor-back-link" onclick="cancelPostEditor(); return false;">
                    <?php echo rjIcon('back'); ?>
                    <?php echo t('news.all_posts'); ?>
                </a>
            </div>
            <div class="editor-header">
                <div class="editor-header-left">
                    <h2 id="newsEditorTitle"><?php echo t('news.new_post'); ?></h2>
                </div>
                <div class="editor-header-right">
                    <span class="last-modified" id="newsLastModified"></span>
                    <button class="btn btn-primary btn-sm" onclick="savePost()"><?php echo t('btn.save'); ?></button>
                    <a class="btn btn-secondary btn-sm" id="newsViewBtn" href="#" style="display:none;" title="<?php echo t('news.view'); ?>"><?php echo rjIcon('eye', 14); ?></a>
                    <button class="btn btn-secondary btn-sm editor-trash-btn" id="newsTrashBtn" onclick="deleteCurrentPost()" style="display:none;" title="<?php echo t('news.delete'); ?>"><?php echo rjIcon('trash', 14); ?></button>
                </div>
            </div>
            <div id="newsEditorForm">
                <!-- Editor form inserted via JS -->
            </div>
        </div>
    </div>

    <!-- Mails Tab -->
    <div class="admin-container" id="mailsTab" style="display: none;">
        <!-- List view -->
        <div class="page-list-container" id="mailsListView">
            <div class="info-banner info-banner--warning mail-config-banner" id="mailConfigBanner" hidden>
                <div class="info-banner__inner">
                    <span class="info-banner__icon"><?php echo rjIcon('alert'); ?></span>
                    <span class="info-banner__content">
                        <strong class="info-banner__title"><span id="mailConfigBannerTitle"></span></strong>
                        <span class="info-banner__body" id="mailConfigBannerText"></span>
                    </span>
                    <button type="button" class="info-banner__cta info-banner__cta-button" onclick="openEmailSettings()"><?php echo t('mails.open_email_settings'); ?> &rarr;</button>
                </div>
            </div>
            <div class="info-banner info-banner--warning mail-config-banner" id="mailStorageBanner" hidden>
                <div class="info-banner__inner">
                    <span class="info-banner__icon"><?php echo rjIcon('alert'); ?></span>
                    <span class="info-banner__content">
                        <strong class="info-banner__title"><span id="mailStorageBannerTitle"></span></strong>
                        <span class="info-banner__body" id="mailStorageBannerText"></span>
                    </span>
                    <button type="button" class="info-banner__cta info-banner__cta-button" onclick="openFormsSettings()"><?php echo t('mails.open_forms_settings'); ?> &rarr;</button>
                </div>
            </div>
            <div class="page-list-header page-list-header--mails">
                <div class="page-list-header-left">
                    <div class="page-list-title-stack">
                        <h2><?php echo t('mails.title'); ?></h2>
                        <p><?php echo t('mails.source_hint'); ?></p>
                    </div>
                </div>
                <div class="page-list-header-actions">
                    <select id="mailFormFilter" class="topbar-select mail-form-filter" onchange="setMailFormFilter(this.value)" aria-label="<?php echo htmlspecialchars(t('mails.filter_form'), ENT_QUOTES, 'UTF-8'); ?>">
                        <option value=""><?php echo t('mails.all_forms'); ?></option>
                    </select>
                    <button class="btn btn-secondary btn-sm" onclick="loadMails()"><?php echo t('btn.refresh'); ?></button>
                    <button class="btn btn-secondary btn-sm" onclick="markAllMailsRead()"><?php echo t('mails.mark_all_read'); ?></button>
                    <button class="btn btn-secondary btn-sm" id="deleteReadMailsBtn" onclick="deleteReadMails()" disabled><?php echo t('mails.delete_read'); ?></button>
                </div>
            </div>
            <div class="admin-list-footer admin-list-footer--top" id="mailsListFooterTop"></div>
            <div class="page-list-table-wrap">
                <table class="page-list-table" id="mailsListTable">
                    <thead>
                        <tr>
                            <th class="mail-col-flag page-list-sortable" data-mail-sort="read" onclick="sortMails('read')" title="<?php echo t('mails.sort_read'); ?>">
                                <button type="button" class="mail-header-sort" tabindex="-1" aria-label="<?php echo t('mails.sort_read'); ?>"><span class="page-list-sort-icon"></span></button>
                            </th>
                            <th class="mail-col-flag page-list-sortable" data-mail-sort="starred" onclick="sortMails('starred')" title="<?php echo t('mails.sort_starred'); ?>">
                                <button type="button" class="mail-header-sort" tabindex="-1" aria-label="<?php echo t('mails.sort_starred'); ?>">☆<span class="page-list-sort-icon"></span></button>
                            </th>
                            <th class="page-list-sortable" data-mail-sort="form" onclick="sortMails('form')"><?php echo t('mails.col_form'); ?> <span class="page-list-sort-icon"></span></th>
                            <th class="page-list-col-title page-list-sortable" data-mail-sort="from" onclick="sortMails('from')"><?php echo t('mails.col_from'); ?> <span class="page-list-sort-icon"></span></th>
                            <th class="page-list-sortable" data-mail-sort="subject" onclick="sortMails('subject')"><?php echo t('mails.col_subject'); ?> <span class="page-list-sort-icon"></span></th>
                            <th class="page-list-col-date page-list-sortable" data-mail-sort="received" onclick="sortMails('received')"><?php echo t('mails.col_received'); ?> <span class="page-list-sort-icon"></span></th>
                        </tr>
                    </thead>
                    <tbody id="mailsList">
                        <!-- Mails inserted via JS -->
                    </tbody>
                </table>
            </div>
            <div class="admin-list-footer" id="mailsListFooter"></div>
        </div>

        <!-- Detail view -->
        <div class="editor-container" id="mailDetailView" style="display: none;">
            <div class="editor-header">
                <div class="editor-header-left">
                    <button class="btn btn-secondary btn-sm" onclick="closeMailDetail()" title="<?php echo t('btn.back'); ?>">
                        <?php echo rjIcon('back', 16); ?>
                        <span><?php echo t('btn.back'); ?></span>
                    </button>
                    <h2 id="mailDetailTitle"></h2>
                </div>
                <div class="editor-header-right">
                    <button class="btn btn-danger btn-sm" id="mailDeleteBtn">
                        <?php echo rjIcon('trash', 14); ?>
                        <span><?php echo t('btn.delete'); ?></span>
                    </button>
                </div>
            </div>
            <div class="mail-detail-content" id="mailDetailContent">
                <!-- Detail fields inserted via JS -->
            </div>
        </div>
    </div>

    <?php if ($isAdminUser): ?>
    <!-- Media Library Tab -->
    <div class="admin-container" id="mediaTab" style="display: none;">
        <div class="page-list-container media-library-page">
            <div class="page-list-header">
                <div class="page-list-header-left">
                    <h2><?php echo t('nav.media_library'); ?></h2>
                </div>
            </div>
            <div id="mediaLibraryMount" class="media-library-mount"></div>
        </div>
    </div>
    <?php endif; ?>

    <!-- Dashboard Home Tab -->
    <div class="admin-container" id="homeTab">
        <div class="dashboard-home">
            <div class="page-list-header">
                <div class="page-list-header-left">
                    <h2><?php echo t('dashboard_home.title'); ?></h2>
                </div>
            </div>

            <div class="dashboard-status-strip" id="dashboardStatusStrip" aria-label="<?php echo htmlspecialchars(t('dashboard_home.site_status'), ENT_QUOTES, 'UTF-8'); ?>"></div>

            <?php if ($aiDashboardVisible): ?>
            <section class="dashboard-section dashboard-section--ai" id="dashboardAiSection" data-ai-module-enabled="<?php echo $aiFeaturesEnabled ? 'true' : 'false'; ?>">
                <div class="dashboard-section-header">
                    <div>
                        <h3><?php echo t('dashboard_home.ai_tools'); ?></h3>
                        <p id="dashboardAiStatus" class="dashboard-status-text"></p>
                    </div>
                    <div class="dashboard-section-actions">
                        <span class="ai-usage-summary" id="aiUsageSummary" hidden></span>
                        <?php if ($isAdminUser): ?>
                        <?php if ($aiFeaturesEnabled): ?>
                        <button type="button" class="btn btn-secondary btn-sm" onclick="switchTab('settings', {settingsTab: 'ai'});"><?php echo t('ai.open_settings'); ?></button>
                        <?php else: ?>
                        <button type="button" class="btn btn-secondary btn-sm" onclick="switchTab('settings', {settingsTab: 'modules'});"><?php echo t('settings.modules_nav'); ?></button>
                        <?php endif; ?>
                        <?php endif; ?>
                    </div>
                </div>

                <div class="info-banner info-banner--warning info-banner--contained ai-limit-banner" id="aiLimitBanner" data-ai-limit-banner="dashboard" hidden></div>

                <div class="info-banner info-banner--warning info-banner--contained" id="aiUnavailableBanner">
                    <div class="info-banner__inner">
                        <strong class="info-banner__title"><?php echo rjIcon('alert'); ?> <?php echo t('ai.not_configured_title'); ?></strong>
                        <span class="info-banner__body">
                            <span id="aiUnavailableText"><?php echo t('ai.not_configured_text'); ?></span>
                            <?php if ($isAdminUser): ?>
                            <?php if ($aiFeaturesEnabled): ?>
                            <button type="button" class="info-banner__cta info-banner__cta-button" onclick="switchTab('settings', {settingsTab: 'ai'});"><?php echo t('ai.open_settings'); ?> &rarr;</button>
                            <?php else: ?>
                            <button type="button" class="info-banner__cta info-banner__cta-button" onclick="switchTab('settings', {settingsTab: 'modules'});"><?php echo t('settings.modules_nav'); ?> &rarr;</button>
                            <?php endif; ?>
                            <?php endif; ?>
                        </span>
                        <button type="button" class="info-banner__close" id="aiUnavailableDismiss" aria-label="<?php echo htmlspecialchars(t('ai.dismiss_notice'), ENT_QUOTES, 'UTF-8'); ?>">&times;</button>
                    </div>
                </div>

                <?php if ($aiFeaturesEnabled): ?>
                <section class="ai-image-jobs-panel" id="aiImageJobsPanel" hidden>
                    <div class="ai-image-jobs-panel__copy">
                        <h4><?php echo t('ai.image_jobs_title'); ?></h4>
                        <p><span class="rj-spinner" id="aiImageJobsSpinner" aria-hidden="true" hidden></span><span id="aiImageJobsStatus"><?php echo t('ai.image_jobs_idle'); ?></span></p>
                    </div>
                    <div class="ai-image-jobs-panel__actions">
                        <span class="ai-image-jobs-panel__meta" id="aiImageJobsMeta" hidden></span>
                        <button type="button" class="btn btn-secondary btn-sm" id="aiImageJobsCheck">
                            <?php echo rjIcon('refresh', 14); ?>
                            <span><?php echo t('ai.image_jobs_check'); ?></span>
                        </button>
                    </div>
                </section>
                <div class="ai-grid" id="dashboardAiTools" hidden>
                    <section class="ai-card ai-card--assistant" id="aiAssistantCard" data-ai-feature="backendAssistant" hidden>
                        <h3><?php echo t('ai.assistant'); ?> <span class="ai-card__badge" id="aiAssistantBadge" hidden><?php echo t('agent.mode_classic'); ?></span></h3>
                        <?php /* The assistant chat (Agent | Classic) sits here on the home tab; without it the classic chat below is shown. */ ?>
                        <div class="ai-assistant-embed" id="aiAssistantEmbed" hidden></div>
                        <div class="ai-chat-log" id="aiChatLog" aria-live="polite"></div>
                        <form id="aiChatForm" class="ai-form">
                            <textarea id="aiChatPrompt" rows="4" placeholder="<?php echo htmlspecialchars(t('ai.assistant_placeholder'), ENT_QUOTES, 'UTF-8'); ?>" disabled></textarea>
                            <div class="ai-chat-actions">
                                <span class="ai-chat-shortcut-hint" data-mac-text="<?php echo htmlspecialchars(t('ai.chat_shortcuts_mac'), ENT_QUOTES, 'UTF-8'); ?>" data-other-text="<?php echo htmlspecialchars(t('ai.chat_shortcuts_ctrl'), ENT_QUOTES, 'UTF-8'); ?>"><?php echo t('ai.chat_shortcuts'); ?></span>
                                <span class="ai-running-indicator" id="aiChatIndicator" hidden><?php echo t('ai.answering'); ?></span>
                                <button type="submit" class="btn btn-primary" onclick="if(document.getElementById('aiChatPrompt')?.value.trim())document.getElementById('aiChatIndicator').hidden=false;" disabled><?php echo t('ai.send'); ?></button>
                            </div>
                        </form>
                    </section>

                    <section class="ai-card ai-card--tools" id="aiToolsCard" hidden>
                        <div class="ai-tool-tabs" role="tablist" aria-label="<?php echo htmlspecialchars(t('dashboard_home.ai_tools'), ENT_QUOTES, 'UTF-8'); ?>">
                            <button type="button" class="ai-tool-tab" data-ai-tool-tab="image" data-ai-feature="imageGeneration" onclick="switchAiToolTab('image')" role="tab" aria-selected="false" hidden><?php echo t('ai.image_generator'); ?></button>
                            <button type="button" class="ai-tool-tab" data-ai-tool-tab="text" data-ai-feature="seoTextGeneration" onclick="switchAiToolTab('text')" role="tab" aria-selected="false" hidden><?php echo t('ai.text_generator'); ?></button>
                            <?php if ($isAdminUser): ?>
                            <button type="button" class="ai-tool-tab" data-ai-tool-tab="audit" data-ai-feature="seoTextGeneration" onclick="switchAiToolTab('audit')" role="tab" aria-selected="false" hidden><?php echo t('ai.audit_tab'); ?></button>
                            <?php endif; ?>
                        </div>

                        <div class="ai-tool-panel" id="aiTextToolPanel" data-ai-tool-panel="text" data-ai-feature="seoTextGeneration" role="tabpanel" hidden>
                            <form id="aiTextForm" class="ai-form">
                                <textarea id="aiTextPrompt" rows="6" placeholder="<?php echo htmlspecialchars(t('ai.text_placeholder'), ENT_QUOTES, 'UTF-8'); ?>" disabled></textarea>
                                <div class="form-row-inline">
                                    <div class="form-group">
                                        <label for="aiTextMaxTokens"><?php echo t('ai.max_output_tokens'); ?></label>
                                        <input type="number" id="aiTextMaxTokens" min="64" max="32000" value="700" disabled>
                                    </div>
                                    <div class="form-group ai-form-action">
                                        <button type="submit" class="btn btn-primary" disabled><?php echo t('ai.generate_text'); ?></button>
                                    </div>
                                </div>
                            </form>
                            <textarea id="aiTextResult" class="ai-result" rows="8" readonly></textarea>
                        </div>

                        <?php if ($isAdminUser): ?>
                        <div class="ai-tool-panel" id="aiAuditToolPanel" data-ai-tool-panel="audit" data-ai-feature="seoTextGeneration" role="tabpanel" hidden>
                            <p class="form-hint"><?php echo t('ai.audit_hint'); ?></p>
                            <div class="ai-form">
                                <button type="button" class="btn btn-primary" id="aiAuditRun"><?php echo t('ai.audit_run'); ?></button>
                            </div>
                            <div id="aiAuditResults" class="ai-audit-results" aria-live="polite"></div>
                        </div>
                        <?php endif; ?>

                        <div class="ai-tool-panel" id="aiImageToolPanel" data-ai-tool-panel="image" data-ai-feature="imageGeneration" role="tabpanel" hidden>
                            <form id="aiImageForm" class="ai-form">
                                <div class="ai-image-column ai-image-column--main">
                                    <div class="form-group ai-image-prompt-group">
                                        <label for="aiImagePrompt"><?php echo t('ai.image_prompt'); ?></label>
                                        <textarea id="aiImagePrompt" rows="4" placeholder="<?php echo htmlspecialchars(t('ai.image_placeholder'), ENT_QUOTES, 'UTF-8'); ?>" disabled></textarea>
                                    </div>
                                    <div class="ai-image-command-row">
                                        <div class="ai-reference-control">
                                            <input type="file" id="aiImageReference" accept="image/png,image/jpeg,image/webp" multiple hidden disabled>
                                            <button type="button" class="btn btn-secondary btn-sm" id="aiImageReferenceUpload" disabled><?php echo t('ai.image_reference_upload'); ?></button>
                                            <button type="button" class="btn btn-secondary btn-sm" id="aiImageReferenceLibrary" disabled><?php echo t('ai.image_reference_library'); ?></button>
                                            <span class="ai-reference-name" id="aiImageReferenceName"><?php echo t('ai.image_reference_none'); ?></span>
                                            <button type="button" class="btn btn-secondary btn-sm ai-reference-clear" id="aiImageReferenceClear" hidden><?php echo t('btn.clear'); ?></button>
                                        </div>
                                        <button type="button" class="btn btn-secondary btn-sm" id="aiImproveImagePrompt" disabled><?php echo t('ai.improve_prompt'); ?></button>
                                    </div>
                                    <div class="ai-reference-list" id="aiImageReferenceList" hidden></div>
                                    <div class="ai-image-model-row ai-image-filename-group">
                                        <div class="form-group">
                                            <label for="aiImageFilenameHint"><?php echo t('ai.image_filename'); ?></label>
                                            <div class="ai-image-filename-row">
                                                <input type="text" id="aiImageFilenameHint" class="topbar-select" maxlength="90" placeholder="<?php echo htmlspecialchars(t('ai.image_filename_placeholder'), ENT_QUOTES, 'UTF-8'); ?>" disabled>
                                                <button type="button" class="btn btn-secondary btn-sm" id="aiSuggestImageFilename" disabled><?php echo t('ai.image_filename_suggest'); ?></button>
                                            </div>
                                            <small class="form-hint"><?php echo t('ai.image_filename_hint'); ?></small>
                                        </div>
                                    </div>
                                    <div class="ai-image-options-grid ai-image-options-grid--output">
                                        <div class="form-group">
                                            <label for="aiImageFormat"><?php echo t('ai.image_format'); ?></label>
                                            <select id="aiImageFormat" class="topbar-select" disabled>
                                                <option value="png">PNG</option>
                                                <option value="jpeg">JPEG</option>
                                                <option value="webp" selected>WebP</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="aiImageCompression"><?php echo t('ai.image_compression'); ?></label>
                                            <div class="fill-slider" id="aiImageCompressionSlider">
                                                <div class="fill-slider__fill" id="aiImageCompressionFill"></div>
                                                <span class="fill-slider__value" id="aiImageCompressionValue">70%</span>
                                                <input type="range" id="aiImageCompression" min="0" max="100" value="70" class="fill-slider__input" aria-label="<?php echo htmlspecialchars(t('ai.image_compression'), ENT_QUOTES, 'UTF-8'); ?>" disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ai-image-column ai-image-column--settings">
                                    <div class="ai-image-model-row ai-image-model-picker-row">
                                        <div class="form-group">
                                            <label for="aiImageModelPicker"><?php echo t('ai.image_model'); ?></label>
                                            <select id="aiImageModelPicker" class="topbar-select" disabled></select>
                                        </div>
                                    </div>
                                    <div class="ai-image-options-grid ai-image-options-grid--primary">
                                        <div class="form-group">
                                            <label for="aiImageSize"><?php echo t('ai.image_size'); ?></label>
                                            <div class="ai-ratio-select ai-size-picker" id="aiImageSizePicker">
                                                <input type="hidden" id="aiImageSize" value="auto" disabled>
                                                <input type="hidden" id="aiImageRatio" value="auto" disabled>
                                                <button type="button" class="ai-size-trigger" id="aiImageSizeTrigger" disabled aria-haspopup="listbox" aria-expanded="false">
                                                    <span class="ai-ratio-icon" id="aiImageRatioIcon" aria-hidden="true"></span>
                                                    <span class="ai-size-trigger-label" id="aiImageSizeLabel"><?php echo t('ai.image_size_auto'); ?></span>
                                                </button>
                                                <div class="ai-size-menu" id="aiImageSizeMenu" role="listbox" hidden></div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="aiImageScale"><?php echo t('ai.image_scale'); ?></label>
                                            <select id="aiImageScale" class="topbar-select" disabled>
                                                <option value="1024">1K</option>
                                                <option value="2048" selected>2K</option>
                                                <option value="3072">3K</option>
                                                <option value="3840">4K</option>
                                            </select>
                                        </div>
                                    </div>
                                    <p class="ai-image-size-note" id="aiImageSizeNote"></p>
                                    <div class="ai-image-options-grid ai-image-options-grid--secondary">
                                        <div class="form-group">
                                            <label for="aiImageQuality"><?php echo t('ai.image_quality'); ?></label>
                                            <select id="aiImageQuality" class="topbar-select" disabled>
                                                <option value="auto"><?php echo t('ai.image_auto'); ?></option>
                                                <option value="low"><?php echo t('ai.image_quality_low'); ?></option>
                                                <option value="medium"><?php echo t('ai.image_quality_medium'); ?></option>
                                                <option value="high"><?php echo t('ai.image_quality_high'); ?></option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="aiImageModeration"><?php echo t('ai.image_moderation'); ?></label>
                                            <select id="aiImageModeration" class="topbar-select" disabled>
                                                <option value="auto"><?php echo t('ai.image_moderation_standard'); ?></option>
                                                <option value="low"><?php echo t('ai.image_moderation_low'); ?></option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="ai-form-actions ai-image-generate-row">
                                        <div class="ai-image-count-control">
                                            <label for="aiImageCount"><?php echo t('ai.image_count'); ?></label>
                                            <div class="ai-count-stepper">
                                                <input type="number" id="aiImageCount" min="1" max="10" value="1" disabled>
                                                <div class="ai-count-stepper-buttons">
                                                    <button type="button" class="ai-count-step" id="aiImageCountUp" aria-label="<?php echo htmlspecialchars(t('ai.image_count_increase'), ENT_QUOTES, 'UTF-8'); ?>" disabled>+</button>
                                                    <button type="button" class="ai-count-step" id="aiImageCountDown" aria-label="<?php echo htmlspecialchars(t('ai.image_count_decrease'), ENT_QUOTES, 'UTF-8'); ?>" disabled>-</button>
                                                </div>
                                            </div>
                                        </div>
                                        <button type="submit" class="btn btn-primary" id="aiGenerateImageButton" disabled><?php echo t('ai.generate_image'); ?></button>
                                    </div>
                                    <p class="ai-image-model-note" id="aiImageModelNote" hidden><?php echo t('ai.image_model_missing_note'); ?></p>
                                </div>
                            </form>
                            <div class="ai-image-result" id="aiImageResult"></div>
                            <section class="ai-image-history" id="aiImageHistory" hidden>
                                <div class="ai-image-history__header">
                                    <div>
                                        <h4><?php echo t('ai.image_history_title'); ?></h4>
                                        <p><?php echo t('ai.image_history_hint'); ?></p>
                                    </div>
                                    <button type="button" class="btn btn-secondary btn-sm" id="aiImageHistoryClear"><?php echo t('ai.image_history_clear'); ?></button>
                                </div>
                                <div class="ai-image-history-list" id="aiImageHistoryList"></div>
                                <button type="button" class="btn btn-secondary btn-sm ai-image-history-more" id="aiImageHistoryLoadMore" hidden><?php echo t('ai.image_history_load_more'); ?></button>
                            </section>
                        </div>
                    </section>
                </div>
                <?php endif; ?>
            </section>
            <?php endif; ?>

            <section class="dashboard-section dashboard-section--analytics">
                <div class="dashboard-section-header">
                    <div>
                        <h3><?php echo t('dashboard_home.analytics'); ?></h3>
                        <p class="dashboard-status-text"><?php echo t('dashboard_home.analytics_hint'); ?></p>
                    </div>
                    <div class="dashboard-section-actions dashboard-section-actions--stacked">
                        <div class="dashboard-range-tabs" role="tablist" aria-label="<?php echo htmlspecialchars(t('dashboard_home.analytics_range'), ENT_QUOTES, 'UTF-8'); ?>">
                            <button type="button" class="dashboard-range-tab active" data-analytics-period="days" data-analytics-count="30" onclick="setDashboardAnalyticsRange('days', 30)"><?php echo t('dashboard_home.range_days'); ?></button>
                            <button type="button" class="dashboard-range-tab" data-analytics-period="months" data-analytics-count="12" onclick="setDashboardAnalyticsRange('months', 12)"><?php echo t('dashboard_home.range_months'); ?></button>
                            <button type="button" class="dashboard-range-tab" data-analytics-period="years" data-analytics-count="0" onclick="setDashboardAnalyticsRange('years', 0)"><?php echo t('dashboard_home.range_years'); ?></button>
                        </div>
                        <div class="dashboard-content-pills" aria-label="<?php echo htmlspecialchars(t('dashboard_home.content_overview'), ENT_QUOTES, 'UTF-8'); ?>">
                            <span><?php echo t('dashboard_home.pages'); ?> <strong id="dashboardPageCount">0</strong></span>
                            <?php if (!empty($dashboardModules['news'])): ?>
                            <span><?php echo t('dashboard_home.news'); ?> <strong id="dashboardNewsCount">0</strong></span>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>

                <div class="dashboard-stat-grid dashboard-stat-grid--analytics">
                    <section class="dashboard-stat-card">
                        <span><?php echo t('dashboard_home.page_views_today'); ?></span>
                        <strong id="dashboardViewsToday">0</strong>
                    </section>
                    <section class="dashboard-stat-card">
                        <span id="dashboardViewsPeriodLabel"><?php echo t('dashboard_home.page_views_30d'); ?></span>
                        <strong id="dashboardViewsPeriod">0</strong>
                    </section>
                    <section class="dashboard-stat-card">
                        <span id="dashboardVisitorsPeriodLabel"><?php echo t('dashboard_home.visitors_30d'); ?></span>
                        <strong id="dashboardVisitorsPeriod">0</strong>
                    </section>
                    <section class="dashboard-stat-card">
                        <span id="dashboardVisitsPeriodLabel"><?php echo t('dashboard_home.visits_30d'); ?></span>
                        <strong id="dashboardVisitsPeriod">0</strong>
                    </section>
                    <section class="dashboard-stat-card">
                        <span><?php echo t('dashboard_home.bots_filtered'); ?></span>
                        <strong id="dashboardBotCount">0</strong>
                    </section>
                </div>

                <section class="dashboard-panel dashboard-chart-panel">
                    <div class="dashboard-panel-header">
                        <h3><?php echo t('dashboard_home.traffic_curve'); ?></h3>
                        <span id="dashboardChartRangeLabel"><?php echo t('dashboard_home.page_views_30d'); ?></span>
                    </div>
                    <div class="dashboard-chart" id="dashboardTrafficChart" aria-label="<?php echo htmlspecialchars(t('dashboard_home.traffic_curve'), ENT_QUOTES, 'UTF-8'); ?>"></div>
                </section>

                <section class="dashboard-panel dashboard-hour-panel">
                    <div class="dashboard-panel-header">
                        <h3><?php echo t('dashboard_home.hourly_distribution'); ?></h3>
                        <span><?php echo t('dashboard_home.today'); ?></span>
                    </div>
                    <div class="dashboard-hour-chart" id="dashboardHourlyChart" aria-label="<?php echo htmlspecialchars(t('dashboard_home.hourly_distribution'), ENT_QUOTES, 'UTF-8'); ?>"></div>
                </section>

                <div class="dashboard-home-grid dashboard-home-grid--analytics">
                    <section class="dashboard-panel">
                        <h3><?php echo t('dashboard_home.top_pages'); ?></h3>
                        <div class="dashboard-top-pages" id="dashboardTopPages"></div>
                    </section>
                    <section class="dashboard-panel">
                        <h3><?php echo t('dashboard_home.referrers'); ?></h3>
                        <div class="dashboard-top-pages" id="dashboardReferrers"></div>
                    </section>
                </div>

                <details class="dashboard-details">
                    <summary><?php echo t('dashboard_home.analytics_details'); ?></summary>
                    <div class="dashboard-home-grid dashboard-home-grid--details">
                        <section class="dashboard-panel">
                            <h3><?php echo t('dashboard_home.devices'); ?></h3>
                            <div class="dashboard-top-pages" id="dashboardDevices"></div>
                        </section>
                        <section class="dashboard-panel">
                            <h3><?php echo t('dashboard_home.browsers_os'); ?></h3>
                            <div class="dashboard-split-lists">
                                <div id="dashboardBrowsers"></div>
                                <div id="dashboardOs"></div>
                            </div>
                        </section>
                    </div>
                </details>
            </section>
        </div>
    </div>

    <?php if ($isAdminUser): ?>
    <!-- Icon Manager Tab -->
    <div class="admin-container" id="iconsTab" style="display: none;">
        <div class="page-list-container">
            <div class="page-list-header">
                <div class="page-list-header-left">
                    <h2><?php echo t('icons.title'); ?></h2>
                </div>
                <div class="page-list-header-actions">
                    <button class="btn btn-secondary btn-sm" id="iconManagerRefreshBtn" onclick="loadIconManager()"><?php echo t('btn.refresh'); ?></button>
                    <button class="btn btn-secondary btn-sm" onclick="openIconifyImportModal()"><?php echo t('icons.import_icon'); ?></button>
                    <button class="btn btn-primary btn-sm" onclick="openIconManagerModal()"><?php echo t('icons.add_icon'); ?></button>
                </div>
            </div>
            <div class="icon-manager-toolbar">
                <label class="modal-label"><?php echo t('icons.filter'); ?>
                    <input type="search" id="iconManagerSearch" class="modal-input" placeholder="<?php echo htmlspecialchars(t('icons.filter_placeholder'), ENT_QUOTES, 'UTF-8'); ?>">
                </label>
                <label class="modal-label"><?php echo t('icons.sort'); ?>
                    <select id="iconManagerSort" class="modal-input">
                        <option value="alpha"><?php echo t('icons.sort_alpha'); ?></option>
                        <option value="newest"><?php echo t('icons.sort_newest'); ?></option>
                        <option value="oldest"><?php echo t('icons.sort_oldest'); ?></option>
                    </select>
                </label>
            </div>
            <p class="icon-manager-path" id="iconManagerPath"></p>
            <div class="admin-list-footer admin-list-footer--top admin-list-footer--grid" id="iconManagerFooterTop"></div>
            <div class="icon-manager-grid" id="iconManagerGrid">
                <!-- Icons inserted via JS -->
            </div>
            <div class="admin-list-footer admin-list-footer--grid" id="iconManagerFooter"></div>
            <p class="trash-empty-msg" id="iconManagerEmpty" style="display:none;"><?php echo t('icons.empty'); ?></p>
        </div>
    </div>
    <?php endif; ?>

    <!-- Settings Tab -->
    <div class="admin-container" id="settingsTab" style="display: none;">
        <div class="settings-layout">
        <label class="settings-mobile-navigation" for="settingsMobileNav"><?php echo t('settings.title'); ?><select id="settingsMobileNav"></select></label>
        <nav class="settings-tabs" aria-label="<?php echo htmlspecialchars(t('settings.title'), ENT_QUOTES, 'UTF-8'); ?>">
            <?php if ($isAdminUser): ?>
            <section class="settings-nav-group">
                <h3><?php echo t('settings.group_site'); ?></h3>
                <button class="settings-tab-btn active" data-settings-tab="branding"><?php echo t('settings.branding'); ?></button>
                <button class="settings-tab-btn" data-settings-tab="theme"><?php echo t('settings.dashboard_design'); ?></button>
                <button class="settings-tab-btn" data-settings-tab="menus"><?php echo t('settings.menus'); ?></button>
                <button class="settings-tab-btn" data-settings-tab="modules"><?php echo t('settings.modules_nav'); ?></button>
                <button class="settings-tab-btn" data-settings-tab="language"><?php echo t('settings.language'); ?></button>
            </section>
            <section class="settings-nav-group">
                <h3><?php echo t('settings.group_features'); ?></h3>
                <button class="settings-tab-btn" data-settings-tab="access"><?php echo t('settings.access'); ?></button>
                <button class="settings-tab-btn" data-settings-tab="email"><?php echo t('settings.email'); ?></button>
                <button class="settings-tab-btn" data-settings-tab="privacy"><?php echo t('settings.privacy'); ?></button>
                <button class="settings-tab-btn" data-settings-tab="forms"><?php echo t('forms.title'); ?></button>
                <?php if ($aiFeaturesEnabled): ?>
                <button class="settings-tab-btn" data-settings-tab="ai"><?php echo t('ai.settings'); ?></button>
                <?php endif; ?>
            </section>
            <section class="settings-nav-group">
                <h3><?php echo t('settings.group_users'); ?></h3>
                <button class="settings-tab-btn" data-settings-tab="users"><?php echo t('settings.users'); ?></button>
                <button class="settings-tab-btn" data-settings-tab="my-account"><?php echo t('settings.my_account'); ?></button>
                <button class="settings-tab-btn" data-settings-tab="login"><?php echo t('settings.login'); ?></button>
            </section>
            <section class="settings-nav-group">
                <h3><?php echo t('settings.group_system'); ?></h3>
                <button class="settings-tab-btn" type="button" data-settings-action="backup"><?php echo t('settings.backup'); ?></button>
                <button class="settings-tab-btn settings-tab-btn--danger" data-settings-tab="danger"><?php echo t('settings.danger_zone'); ?></button>
            </section>
            <?php else: ?>
            <section class="settings-nav-group">
                <h3><?php echo t('settings.group_users'); ?></h3>
                <button class="settings-tab-btn active" data-settings-tab="my-account"><?php echo t('settings.my_account'); ?></button>
            </section>
            <?php endif; ?>
        </nav>
        <div class="settings-panels">

            <?php if ($isAdminUser): ?>
            <!-- Branding Panel -->
            <div class="settings-panel active" id="settingsPanel-branding">
                <h2><?php echo t('settings.branding'); ?></h2>
                <p class="settings-description"><?php echo t('settings.branding_desc'); ?></p>
                <form id="brandingForm" class="settings-form">
                    <fieldset class="settings-section settings-section--branding-main">
                        <legend><?php echo t('settings.site_identity'); ?></legend>
                        <div class="branding-main-grid">
                            <div class="branding-main-column branding-main-column--identity">
                                <div class="branding-identity-grid">
                                    <div class="form-group">
                                        <label for="settingsName"><?php echo t('settings.site_name'); ?></label>
                                        <small class="form-hint branding-site-name-hint"><?php echo t('settings.site_name_hint'); ?></small>
                                        <input type="text" id="settingsName" value="" placeholder="<?php echo t('settings.site_name_placeholder'); ?>" maxlength="100">
                                    </div>
                                    <div class="form-group">
                                        <label for="settingsFavicon"><?php echo t('settings.favicon'); ?></label>
                                        <small class="form-hint branding-favicon-hint"><?php echo t('settings.favicon_hint'); ?></small>
                                        <div class="logo-preview-group">
                                            <div class="logo-preview" id="faviconPreview">
                                                <img src="<?php echo htmlspecialchars($_dashFavicon); ?>" alt="<?php echo t('settings.favicon'); ?>" id="faviconPreviewImg">
                                            </div>
                                            <div class="logo-controls">
                                                <div class="logo-path-input">
                                                    <span class="input-with-clear">
                                                        <input type="text" id="settingsFavicon" value="<?php echo htmlspecialchars($_dashFavicon); ?>" placeholder="<?php echo htmlspecialchars($_defaultFavicon); ?>">
                                                        <button type="button" class="input-clear-btn" data-clear-target="settingsFavicon" aria-label="<?php echo t('btn.clear'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                                    </span>
                                                    <button type="button" class="btn btn-secondary btn-sm" id="browseFaviconBtn"><?php echo t('btn.browse'); ?></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="settingsFaviconPng"><?php echo t('settings.favicon_png'); ?></label>
                                        <small class="form-hint branding-favicon-hint"><?php echo t('settings.favicon_png_hint'); ?></small>
                                        <div class="logo-preview-group">
                                            <div class="logo-preview" id="faviconPngPreview">
                                                <img src="" alt="<?php echo t('settings.favicon_png'); ?>" id="faviconPngPreviewImg">
                                            </div>
                                            <div class="logo-controls">
                                                <div class="logo-path-input">
                                                    <span class="input-with-clear">
                                                        <input type="text" id="settingsFaviconPng" value="<?php echo htmlspecialchars($siteSettings['favicon_png'] ?? ''); ?>" placeholder="/assets/images/favicon.png">
                                                        <button type="button" class="input-clear-btn" data-clear-target="settingsFaviconPng" aria-label="<?php echo t('btn.clear'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                                    </span>
                                                    <button type="button" class="btn btn-secondary btn-sm" id="browseFaviconPngBtn"><?php echo t('btn.browse'); ?></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="branding-main-column branding-main-column--public">
                                <div class="frontend-logos-block">
                                    <h4 class="frontend-logos-block__title"><?php echo t('settings.frontend_logos'); ?></h4>
                                    <small class="form-hint frontend-logos-block__hint"><?php echo t('settings.frontend_logos_hint'); ?></small>
                                    <div class="form-group-row">
                                        <div class="form-group">
                                            <label for="settingsLogo"><?php echo t('settings.logo_light'); ?></label>
                                            <div class="logo-preview-group">
                                                <div class="logo-preview" id="logoPreview">
                                                    <img src="" alt="<?php echo t('settings.logo_light'); ?>" id="logoPreviewImg">
                                                </div>
                                                <div class="logo-controls">
                                                    <div class="logo-path-input">
                                                        <span class="input-with-clear">
                                                            <input type="text" id="settingsLogo" value="" placeholder="/assets/images/logo.png">
                                                            <button type="button" class="input-clear-btn" data-clear-target="settingsLogo" aria-label="<?php echo t('btn.clear'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                                        </span>
                                                        <button type="button" class="btn btn-secondary btn-sm" id="browseLogoBtn"><?php echo t('btn.browse'); ?></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="settingsLogoDark"><?php echo t('settings.logo_dark'); ?></label>
                                            <div class="logo-preview-group">
                                                <div class="logo-preview logo-preview--dark" id="logoDarkPreview">
                                                    <img src="" alt="<?php echo t('settings.logo_dark'); ?>" id="logoDarkPreviewImg">
                                                </div>
                                                <div class="logo-controls">
                                                    <div class="logo-path-input">
                                                        <span class="input-with-clear">
                                                            <input type="text" id="settingsLogoDark" value="" placeholder="/assets/images/logo-dark.png">
                                                            <button type="button" class="input-clear-btn" data-clear-target="settingsLogoDark" aria-label="<?php echo t('btn.clear'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                                        </span>
                                                        <button type="button" class="btn btn-secondary btn-sm" id="browseLogoDarkBtn"><?php echo t('btn.browse'); ?></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group" id="logoDisplayGroup">
                                    <label><?php echo t('settings.header_display'); ?></label>
                                    <small class="form-hint"><?php echo t('settings.header_display_hint'); ?></small>
                                    <div class="radio-group">
                                        <label class="radio-option"><input type="radio" name="settingsLogoDisplay" value="favicon"> <span><?php echo t('settings.logo_display_favicon'); ?></span></label>
                                        <label class="radio-option"><input type="radio" name="settingsLogoDisplay" value="text"> <span><?php echo t('settings.logo_display_text'); ?></span></label>
                                        <label class="radio-option"><input type="radio" name="settingsLogoDisplay" value="both" checked> <span><?php echo t('settings.logo_display_both'); ?></span></label>
                                    </div>
                                </div>
                                <div class="form-group" id="logoSizeGroup">
                                    <label><?php echo t('settings.logo_size'); ?></label>
                                    <small class="form-hint"><?php echo t('settings.logo_size_hint'); ?></small>
                                    <div class="radio-group radio-group--segmented">
                                        <label class="radio-option"><input type="radio" name="settingsLogoSize" value="small"> <span><?php echo t('settings.logo_size_small'); ?></span></label>
                                        <label class="radio-option"><input type="radio" name="settingsLogoSize" value="medium" checked> <span><?php echo t('settings.logo_size_medium'); ?></span></label>
                                        <label class="radio-option"><input type="radio" name="settingsLogoSize" value="large"> <span><?php echo t('settings.logo_size_large'); ?></span></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="settingsDefaultOgImage"><?php echo t('settings.default_og_image'); ?></label>
                                    <small class="form-hint"><?php echo t('settings.default_og_image_hint'); ?></small>
                                    <div class="logo-preview-group logo-preview-group--with-hint">
                                        <div class="logo-preview logo-preview--wide" id="defaultOgPreview">
                                            <img src="" alt="<?php echo t('settings.default_og_image'); ?>" id="defaultOgPreviewImg">
                                        </div>
                                        <div class="logo-controls">
                                            <div class="logo-path-input">
                                                <span class="input-with-clear">
                                                    <input type="text" id="settingsDefaultOgImage" value="" placeholder="/assets/images/og-image.jpg">
                                                    <button type="button" class="input-clear-btn" data-clear-target="settingsDefaultOgImage" aria-label="<?php echo t('btn.clear'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                                </span>
                                                <button type="button" class="btn btn-secondary btn-sm" id="browseDefaultOgBtn"><?php echo t('btn.browse'); ?></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                    <fieldset class="settings-section">
                        <legend><?php echo t('settings.search_engines'); ?></legend>
                        <div class="form-group">
                            <label class="checkbox-label"><input type="checkbox" id="settingsNoindexSite"> <span><?php echo t('settings.noindex_site'); ?></span></label>
                            <small class="form-hint"><?php echo t('settings.noindex_site_hint'); ?></small>
                        </div>
                        <div class="form-group">
                            <label for="settingsSiteUrl"><?php echo t('settings.site_url'); ?></label>
                            <small class="form-hint"><?php echo t('settings.site_url_hint'); ?></small>
                            <input type="text" id="settingsSiteUrl" value="" placeholder="https://www.example.com">
                        </div>
                    </fieldset>
                    <fieldset class="settings-section">
                        <legend><?php echo t('settings.admin_interface'); ?></legend>
                        <div class="form-group">
                            <label for="settingsAdminLogo"><?php echo t('settings.admin_logo'); ?></label>
                            <small class="form-hint branding-favicon-hint"><?php echo t('settings.admin_logo_hint'); ?></small>
                            <div class="logo-preview-group">
                                <div class="logo-preview" id="adminLogoPreview">
                                    <img src="" alt="<?php echo t('settings.admin_logo'); ?>" id="adminLogoPreviewImg">
                                </div>
                                <div class="logo-controls">
                                    <div class="logo-path-input">
                                        <span class="input-with-clear">
                                            <input type="text" id="settingsAdminLogo" value="" placeholder="/assets/images/admin-logo.svg">
                                            <button type="button" class="input-clear-btn" data-clear-target="settingsAdminLogo" aria-label="<?php echo t('btn.clear'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                        </span>
                                        <button type="button" class="btn btn-secondary btn-sm" id="browseAdminLogoBtn"><?php echo t('btn.browse'); ?></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="toggle-label">
                                <span><?php echo t('settings.show_branding'); ?></span>
                                <div class="toggle-switch">
                                    <input type="checkbox" id="settingsShowBranding" checked>
                                    <span class="toggle-slider"></span>
                                </div>
                            </label>
                            <small class="form-hint"><?php echo t('settings.branding_hint'); ?></small>
                        </div>
                    </fieldset>
                    <div class="settings-actions branding-form-actions">
                        <button type="button" class="btn btn-secondary" id="resetBrandingBtn">&#x21BA; <?php echo t('settings.reset_branding'); ?></button>
                        <button type="submit" class="btn btn-primary" id="saveBrandingBtn"><?php echo t('settings.save_branding'); ?></button>
                    </div>
                </form>
            </div>

            <!-- Theme Panel -->
            <div class="settings-panel" id="settingsPanel-theme">
                <h2><?php echo t('settings.theme'); ?></h2>
                <p class="settings-description"><?php echo t('settings.theme_desc'); ?></p>
                <form id="themeForm" class="settings-form">
                    <fieldset class="settings-section">
                        <legend><?php echo t('settings.appearance'); ?></legend>

                        <div class="form-group">
                            <label id="settingsThemePresetLabel"><?php echo t('settings.theme_preset'); ?></label>
                            <div class="preset-grid" role="radiogroup" aria-labelledby="settingsThemePresetLabel">
                                <?php foreach (['soft', 'classic', 'paper', 'studio', 'console', 'pop'] as $_preset): ?>
                                <button type="button" class="preset-card" role="radio" aria-checked="false" data-preset="<?php echo $_preset; ?>">
                                    <span class="preset-card__preview" aria-hidden="true"><span class="preset-card__stage"><span></span><span></span><span></span></span></span>
                                    <span class="preset-card__name"><?php echo t('settings.preset_' . $_preset); ?></span>
                                    <span class="preset-card__desc"><?php echo t('settings.preset_' . $_preset . '_desc'); ?></span>
                                </button>
                                <?php endforeach; ?>
                            </div>
                            <input type="hidden" id="settingsThemePreset" value="soft">
                            <small class="form-hint"><?php echo t('settings.theme_preset_hint'); ?></small>
                        </div>

                        <div class="form-group">
                            <label id="settingsAdminThemeLabel"><?php echo t('settings.theme_mode'); ?></label>
                            <div class="theme-selector" role="radiogroup" aria-labelledby="settingsAdminThemeLabel">
                                <button type="button" class="theme-option selected" data-theme="light">
                                    <span class="theme-swatch theme-swatch--light"></span>
                                    <span><?php echo t('settings.theme_light'); ?></span>
                                </button>
                                <button type="button" class="theme-option" data-theme="dark">
                                    <span class="theme-swatch theme-swatch--dark"></span>
                                    <span><?php echo t('settings.theme_dark'); ?></span>
                                </button>
                                <button type="button" class="theme-option" data-theme="system">
                                    <span class="theme-swatch theme-swatch--system"></span>
                                    <span><?php echo t('settings.theme_system'); ?></span>
                                </button>
                            </div>
                            <input type="hidden" id="settingsAdminTheme" value="light">
                        </div>

                        <div class="form-group">
                            <label for="settingsPrimaryColor"><?php echo t('settings.base_color'); ?></label>
                            <div class="color-input-group">
                                <input type="color" id="settingsPrimaryColorPicker" value="#3858e9" class="color-picker">
                                <input type="text" id="settingsPrimaryColor" value="#3858e9" pattern="^#[0-9a-fA-F]{6}$" maxlength="7" class="color-hex-input">
                            </div>
                            <small class="form-hint"><?php echo t('settings.base_color_hint'); ?></small>
                            <small class="theme-contrast-feedback" data-contrast-for="primaryColor"></small>
                        </div>

                        <div class="form-group">
                            <label for="settingsFont"><?php echo t('settings.font'); ?></label>
                            <select id="settingsFont" class="access-select">
                                <option value="system"><?php echo t('settings.font_system'); ?></option>
                                <option value="inter"><?php echo t('settings.font_inter'); ?></option>
                                <option value="plex"><?php echo t('settings.font_plex'); ?></option>
                                <option value="atkinson"><?php echo t('settings.font_atkinson'); ?></option>
                                <option value="public"><?php echo t('settings.font_public'); ?></option>
                                <option value="geist-mono"><?php echo t('settings.font_geist_mono'); ?></option>
                            </select>
                            <small class="form-hint"><?php echo t('settings.font_hint'); ?></small>
                        </div>

                        <div class="form-group">
                            <label id="settingsDensityLabel"><?php echo t('settings.density'); ?></label>
                            <div class="segmented" role="radiogroup" aria-labelledby="settingsDensityLabel">
                                <label><input type="radio" name="settingsDensity" value="auto" checked><span><?php echo t('settings.density_auto'); ?></span></label>
                                <label><input type="radio" name="settingsDensity" value="compact"><span><?php echo t('settings.density_compact'); ?></span></label>
                                <label><input type="radio" name="settingsDensity" value="comfortable"><span><?php echo t('settings.density_comfortable'); ?></span></label>
                            </div>
                            <small class="form-hint"><?php echo t('settings.density_hint'); ?></small>
                        </div>

                        <div class="form-group">
                            <label id="settingsFontSizeLabel"><?php echo t('settings.font_size'); ?></label>
                            <div class="segmented" role="radiogroup" aria-labelledby="settingsFontSizeLabel">
                                <label><input type="radio" name="settingsFontSize" value="small"><span><?php echo t('settings.font_size_small'); ?></span></label>
                                <label><input type="radio" name="settingsFontSize" value="default" checked><span><?php echo t('settings.font_size_default'); ?></span></label>
                                <label><input type="radio" name="settingsFontSize" value="large"><span><?php echo t('settings.font_size_large'); ?></span></label>
                            </div>
                            <small class="form-hint"><?php echo t('settings.font_size_hint'); ?></small>
                        </div>
                    </fieldset>

                    <details class="settings-advanced" id="themeAdvanced">
                        <summary><?php echo t('settings.advanced'); ?></summary>
                        <div class="settings-advanced__grid">
                        <div class="settings-advanced__colors">

                        <div class="form-group">
                            <label for="settingsAccentColor"><?php echo t('settings.accent_color'); ?></label>
                            <div class="color-input-group" data-auto-field="accentColor">
                                <input type="color" id="settingsAccentColorPicker" value="#3858e9" class="color-picker">
                                <input type="text" id="settingsAccentColor" value="#3858e9" pattern="^#[0-9a-fA-F]{6}$" maxlength="7" class="color-hex-input">
                                <span class="auto-badge" data-auto-for="accentColor" hidden><?php echo t('settings.auto_badge'); ?></span>
                                <button type="button" class="auto-reset-btn" data-auto-reset="accentColor" title="<?php echo htmlspecialchars(t('settings.reset_to_auto')); ?>" aria-label="<?php echo htmlspecialchars(t('settings.reset_to_auto')); ?>">&#x21BA;</button>
                            </div>
                            <small class="form-hint"><?php echo t('settings.accent_color_hint'); ?></small>
                            <small class="theme-contrast-feedback" data-contrast-for="accentColor"></small>
                        </div>

                        <div class="form-group">
                            <label for="settingsSidebarBg"><?php echo t('settings.sidebar_bg_light'); ?></label>
                            <div class="color-input-group" data-auto-field="sidebarBg">
                                <input type="color" id="settingsSidebarBgPicker" value="#e4ecfd" class="color-picker">
                                <input type="text" id="settingsSidebarBg" value="#e4ecfd" pattern="^#[0-9a-fA-F]{6}$" maxlength="7" class="color-hex-input">
                                <span class="auto-badge" data-auto-for="sidebarBg" hidden><?php echo t('settings.auto_badge'); ?></span>
                                <button type="button" class="auto-reset-btn" data-auto-reset="sidebarBg" title="<?php echo htmlspecialchars(t('settings.reset_to_auto')); ?>" aria-label="<?php echo htmlspecialchars(t('settings.reset_to_auto')); ?>">&#x21BA;</button>
                            </div>
                            <small class="form-hint"><?php echo t('settings.sidebar_bg_hint'); ?></small>
                            <small class="theme-contrast-feedback" data-contrast-for="sidebarBg"></small>
                        </div>

                        <div class="form-group">
                            <label for="settingsDarkSidebarBg"><?php echo t('settings.sidebar_bg_dark'); ?></label>
                            <div class="color-input-group" data-auto-field="darkSidebarBg">
                                <input type="color" id="settingsDarkSidebarBgPicker" value="#0e1420" class="color-picker">
                                <input type="text" id="settingsDarkSidebarBg" value="#0e1420" pattern="^#[0-9a-fA-F]{6}$" maxlength="7" class="color-hex-input">
                                <span class="auto-badge" data-auto-for="darkSidebarBg" hidden><?php echo t('settings.auto_badge'); ?></span>
                                <button type="button" class="auto-reset-btn" data-auto-reset="darkSidebarBg" title="<?php echo htmlspecialchars(t('settings.reset_to_auto')); ?>" aria-label="<?php echo htmlspecialchars(t('settings.reset_to_auto')); ?>">&#x21BA;</button>
                            </div>
                            <small class="theme-contrast-feedback" data-contrast-for="darkSidebarBg"></small>
                        </div>

                        <?php foreach ([['dangerColor', '#dc2626', 'danger_color'], ['warningColor', '#d97706', 'warning_color'], ['successColor', '#3858e9', 'success_color']] as [$_semField, $_semDefault, $_semLabel]): $_semId = 'settings' . ucfirst($_semField); ?>
                        <div class="form-group">
                            <label for="<?php echo $_semId; ?>"><?php echo t('settings.' . $_semLabel); ?></label>
                            <div class="color-input-group" data-auto-field="<?php echo $_semField; ?>">
                                <input type="color" id="<?php echo $_semId; ?>Picker" value="<?php echo $_semDefault; ?>" class="color-picker">
                                <input type="text" id="<?php echo $_semId; ?>" value="<?php echo $_semDefault; ?>" pattern="^#[0-9a-fA-F]{6}$" maxlength="7" class="color-hex-input">
                                <span class="auto-badge" data-auto-for="<?php echo $_semField; ?>" hidden><?php echo t('settings.auto_badge'); ?></span>
                                <button type="button" class="auto-reset-btn" data-auto-reset="<?php echo $_semField; ?>" title="<?php echo htmlspecialchars(t('settings.reset_to_auto')); ?>" aria-label="<?php echo htmlspecialchars(t('settings.reset_to_auto')); ?>">&#x21BA;</button>
                            </div>
                            <?php if ($_semField === 'dangerColor'): ?><small class="form-hint"><?php echo t('settings.semantic_colors_hint'); ?></small><?php endif; ?>
                            <small class="theme-contrast-feedback" data-contrast-for="<?php echo $_semField; ?>"></small>
                        </div>
                        <?php endforeach; ?>

                        </div>
                        <div class="settings-advanced__buttons">

                        <div class="form-group">
                            <label for="settingsButtonRadius"><?php echo t('settings.button_radius'); ?></label>
                            <div class="range-input-group">
                                <input type="range" id="settingsButtonRadius" min="0" max="24" value="6" class="range-input">
                                <span class="range-value" id="settingsButtonRadiusValue">6px</span>
                            </div>
                            <small class="form-hint"><?php echo t('settings.button_radius_hint'); ?></small>
                        </div>

                        <div class="form-group">
                            <label class="toggle-label">
                                <span><?php echo t('settings.button_glow'); ?></span>
                                <div class="toggle-switch">
                                    <input type="checkbox" id="settingsButtonGlow" checked>
                                    <span class="toggle-slider"></span>
                                </div>
                            </label>
                            <small class="form-hint"><?php echo t('settings.button_glow_hint'); ?></small>
                        </div>

                        <div class="form-group">
                            <label><?php echo t('settings.button_style'); ?></label>
                            <div class="btn-style-preview" id="btnStylePreview">
                                <button type="button" class="btn-preview-primary" id="previewBtnPrimary"><?php echo t('settings.preview_primary'); ?></button>
                                <button type="button" class="btn-preview-secondary" id="previewBtnSecondary"><?php echo t('settings.preview_secondary'); ?></button>
                            </div>
                        </div>

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

                    <fieldset class="settings-section settings-section--compact">
                        <legend><?php echo t('settings.list_pagination'); ?></legend>
                        <p class="settings-description settings-description--compact"><?php echo t('settings.list_pagination_desc'); ?></p>
                        <div class="form-group-row form-group-row--pagination">
                            <div class="form-group">
                                <label for="settingsItemsPerPage"><?php echo t('settings.items_per_page'); ?></label>
                                <input type="number" id="settingsItemsPerPage" min="10" max="500" step="5" value="50" inputmode="numeric">
                                <small class="form-hint"><?php echo t('settings.items_per_page_hint'); ?></small>
                            </div>
                            <div class="form-group">
                                <label for="settingsIconItemsPerPage"><?php echo t('settings.icon_items_per_page'); ?></label>
                                <input type="number" id="settingsIconItemsPerPage" min="10" max="500" step="5" value="50" inputmode="numeric">
                                <small class="form-hint"><?php echo t('settings.icon_items_per_page_hint'); ?></small>
                            </div>
                            <div class="form-group">
                                <label for="settingsMediaItemsPerPage"><?php echo t('settings.media_items_per_page'); ?></label>
                                <input type="number" id="settingsMediaItemsPerPage" min="10" max="500" step="5" value="25" inputmode="numeric">
                                <small class="form-hint"><?php echo t('settings.media_items_per_page_hint'); ?></small>
                            </div>
                        </div>
                    </fieldset>
                    <div class="settings-actions theme-form-actions">
                        <button type="button" class="btn btn-secondary" id="resetThemeBtn">&#x21BA; <?php echo t('settings.reset_colors'); ?></button>
                        <button type="submit" class="btn btn-primary" id="saveThemeBtn"><?php echo t('settings.save_theme'); ?></button>
                    </div>
                </form>
            </div>

            <!-- Language Panel -->
            <div class="settings-panel" id="settingsPanel-language">
                <h2><?php echo t('settings.language'); ?></h2>
                <p class="settings-description"><?php echo t('settings.admin_language_hint'); ?></p>
                <form id="languageForm" class="settings-form">
                    <div class="form-group">
                        <label for="settingsAdminLanguage"><?php echo t('settings.admin_language'); ?></label>
                        <select id="settingsAdminLanguage" class="topbar-select" style="width: auto; min-width: 200px;">
                            <option value=""><?php echo t('settings.admin_language_default', ['lang' => (isset($SITE_LANGUAGES[SITE_LANG_DEFAULT]) ? $SITE_LANGUAGES[SITE_LANG_DEFAULT] : SITE_LANG_DEFAULT)]); ?></option>
                            <?php foreach (tAvailableLanguages() as $code => $name): ?>
                            <option value="<?php echo htmlspecialchars($code); ?>"><?php echo htmlspecialchars($name); ?></option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="settingsAiLabelArtwork"><?php echo t('settings.ai_label_artwork'); ?></label>
                        <select id="settingsAiLabelArtwork" class="topbar-select" style="width: auto; min-width: 200px;">
                            <option value="en"><?php echo t('settings.ai_label_artwork_en'); ?></option>
                            <option value="page"><?php echo t('settings.ai_label_artwork_page'); ?></option>
                        </select>
                        <small class="form-hint"><?php echo t('settings.ai_label_artwork_hint'); ?></small>
                    </div>
                    <div class="settings-actions">
                        <button type="submit" class="btn btn-primary" id="saveLanguageBtn"><?php echo t('settings.save_language'); ?></button>
                    </div>
                </form>
            </div>

            <!-- Login Panel -->
            <div class="settings-panel" id="settingsPanel-login">
                <h2><?php echo t('settings.login'); ?></h2>
                <p class="settings-description"><?php echo t('settings.frontend_login_redirect_hint'); ?></p>
                <form id="loginForm" class="settings-form">
                    <div class="form-group">
                        <span class="form-group-label"><?php echo t('settings.frontend_login_redirect'); ?></span>
                        <div class="radio-group">
                            <label class="radio-option">
                                <input type="radio" name="frontendLoginRedirect" value="auto" id="frontendLoginRedirectAuto">
                                <span><?php echo t('settings.frontend_login_redirect_auto'); ?></span>
                            </label>
                            <label class="radio-option">
                                <input type="radio" name="frontendLoginRedirect" value="dashboard" id="frontendLoginRedirectDashboard">
                                <span><?php echo t('settings.frontend_login_redirect_dashboard'); ?></span>
                            </label>
                        </div>
                    </div>
                    <fieldset class="settings-section settings-section--compact settings-section--visual">
                        <legend><?php echo t('settings.login_visual'); ?></legend>
                        <div class="settings-visual-grid">
                            <div class="form-group">
                                <label for="loginBrandAsset"><?php echo t('settings.visual_brand_asset'); ?></label>
                                <select id="loginBrandAsset" class="topbar-select access-select">
                                    <option value="none"><?php echo t('settings.visual_brand_none'); ?></option>
                                    <option value="favicon"><?php echo t('settings.visual_brand_favicon'); ?></option>
                                    <option value="logo"><?php echo t('settings.visual_brand_logo'); ?></option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="loginImageLayout"><?php echo t('settings.visual_image_layout'); ?></label>
                                <select id="loginImageLayout" class="topbar-select access-select">
                                    <option value="none"><?php echo t('settings.visual_image_none'); ?></option>
                                    <option value="left"><?php echo t('settings.visual_image_left'); ?></option>
                                    <option value="right"><?php echo t('settings.visual_image_right'); ?></option>
                                    <option value="background"><?php echo t('settings.visual_image_background'); ?></option>
                                </select>
                            </div>
                            <div class="form-group visual-overlay-color-group" id="loginOverlayColorGroup" hidden>
                                <label for="loginOverlayColor"><?php echo t('settings.visual_overlay_color'); ?></label>
                                <div class="visual-color-opacity-row">
                                    <input type="color" id="loginOverlayColor" value="#ffffff">
                                    <div class="range-input-group visual-opacity-control">
                                        <input type="range" id="loginOverlayOpacity" class="range-input" min="0" max="100" value="86">
                                        <span class="range-value" id="loginOverlayOpacityValue">86%</span>
                                    </div>
                                </div>
                                <small class="form-hint"><?php echo t('settings.visual_overlay_color_hint'); ?></small>
                            </div>
                            <div class="form-group">
                                <label for="loginBoxStyle"><?php echo t('settings.visual_login_box'); ?></label>
                                <select id="loginBoxStyle" class="topbar-select access-select">
                                    <option value="card"><?php echo t('settings.visual_login_box_card'); ?></option>
                                    <option value="plain"><?php echo t('settings.visual_login_box_plain'); ?></option>
                                </select>
                            </div>
                            <div class="form-group visual-box-color-group" id="loginBoxColorGroup">
                                <label for="loginBoxColor"><?php echo t('settings.visual_box_color'); ?></label>
                                <div class="color-input-group">
                                    <input type="color" id="loginBoxColorPicker" value="#ffffff" class="color-picker">
                                    <input type="text" id="loginBoxColor" value="#ffffff" class="color-hex-input" maxlength="7" pattern="#[0-9a-fA-F]{6}">
                                </div>
                                <small class="form-hint"><?php echo t('settings.visual_box_color_hint'); ?></small>
                            </div>
                            <div class="form-group visual-box-color-group">
                                <label for="loginBoxTextColor"><?php echo t('settings.visual_box_text_color'); ?></label>
                                <div class="color-input-group">
                                    <input type="color" id="loginBoxTextColorPicker" value="#111827" class="color-picker">
                                    <input type="text" id="loginBoxTextColor" value="#111827" class="color-hex-input" maxlength="7" pattern="#[0-9a-fA-F]{6}">
                                </div>
                                <small class="form-hint"><?php echo t('settings.visual_box_text_color_hint'); ?></small>
                            </div>
                            <div class="form-group access-wide">
                                <label for="loginImage"><?php echo t('settings.visual_image'); ?></label>
                                <div class="logo-path-input">
                                    <span class="input-with-clear">
                                        <input type="text" id="loginImage" placeholder="/assets/images/login.jpg">
                                        <button type="button" class="input-clear-btn" data-clear-target="loginImage" aria-label="<?php echo t('btn.clear'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                    </span>
                                    <button type="button" class="btn btn-secondary btn-sm" id="browseLoginImageBtn"><?php echo t('btn.browse'); ?></button>
                                </div>
                                <small class="form-hint"><?php echo t('settings.visual_image_hint'); ?></small>
                            </div>
                        </div>
                    </fieldset>
                    <div class="settings-actions">
                        <button type="submit" class="btn btn-primary" id="saveLoginBtn"><?php echo t('settings.save_login'); ?></button>
                    </div>
                </form>
            </div>

            <!-- Access Panel -->
            <div class="settings-panel" id="settingsPanel-access">
                <h2><?php echo t('settings.access'); ?></h2>
                <p class="settings-description"><?php echo t('settings.access_desc'); ?></p>
                <form id="accessForm" class="settings-form">
                    <fieldset class="settings-section settings-section--compact settings-section--maintenance">
                        <legend><?php echo t('settings.maintenance'); ?></legend>
                        <div class="access-maintenance-grid">
                        <div class="form-group access-toggle-row">
                            <label class="toggle-label">
                                <span><?php echo t('settings.maintenance_enabled'); ?></span>
                                <div class="toggle-switch">
                                    <input type="checkbox" id="maintenanceEnabled">
                                    <span class="toggle-slider"></span>
                                </div>
                            </label>
                        </div>
                        <div class="form-group">
                            <label for="maintenanceMode"><?php echo t('settings.maintenance_mode'); ?></label>
                            <select id="maintenanceMode" class="topbar-select access-select">
                                <option value="maintenance"><?php echo t('settings.maintenance_mode_maintenance'); ?></option>
                                <option value="offline"><?php echo t('settings.maintenance_mode_offline'); ?></option>
                                <option value="launch"><?php echo t('settings.maintenance_mode_launch'); ?></option>
                            </select>
                        </div>
                        <div class="form-group access-wide">
                            <label for="maintenanceTitle"><?php echo t('settings.maintenance_title'); ?></label>
                            <input type="text" id="maintenanceTitle" maxlength="160">
                        </div>
                        <div class="form-group access-wide">
                            <label for="maintenanceText"><?php echo t('settings.maintenance_text'); ?></label>
                            <textarea id="maintenanceText" rows="3"></textarea>
                        </div>
                            <div class="form-group">
                                <label for="maintenanceUntil"><?php echo t('settings.maintenance_until'); ?></label>
                                <input type="datetime-local" id="maintenanceUntil">
                            </div>
                            <div class="form-group access-toggle-row access-toggle-row--inline">
                                <label class="toggle-label">
                                    <span><?php echo t('settings.maintenance_countdown'); ?></span>
                                    <div class="toggle-switch">
                                        <input type="checkbox" id="maintenanceCountdown">
                                        <span class="toggle-slider"></span>
                                    </div>
                                </label>
                            </div>
                            <div class="form-group">
                                <label for="maintenanceImageLayout"><?php echo t('settings.visual_image_layout'); ?></label>
                                <select id="maintenanceImageLayout" class="topbar-select access-select">
                                    <option value="none"><?php echo t('settings.visual_image_none'); ?></option>
                                    <option value="left"><?php echo t('settings.visual_image_left'); ?></option>
                                    <option value="right"><?php echo t('settings.visual_image_right'); ?></option>
                                    <option value="background"><?php echo t('settings.visual_image_background'); ?></option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="maintenanceBrandAsset"><?php echo t('settings.visual_brand_asset'); ?></label>
                                <select id="maintenanceBrandAsset" class="topbar-select access-select">
                                    <option value="none"><?php echo t('settings.visual_brand_none'); ?></option>
                                    <option value="favicon"><?php echo t('settings.visual_brand_favicon'); ?></option>
                                    <option value="logo"><?php echo t('settings.visual_brand_logo'); ?></option>
                                </select>
                            </div>
                            <div class="form-group visual-overlay-color-group" id="maintenanceOverlayColorGroup" hidden>
                                <label for="maintenanceOverlayColor"><?php echo t('settings.visual_overlay_color'); ?></label>
                                <div class="visual-color-opacity-row">
                                    <input type="color" id="maintenanceOverlayColor" value="#ffffff">
                                    <div class="range-input-group visual-opacity-control">
                                        <input type="range" id="maintenanceOverlayOpacity" class="range-input" min="0" max="100" value="88">
                                        <span class="range-value" id="maintenanceOverlayOpacityValue">88%</span>
                                    </div>
                                </div>
                                <small class="form-hint"><?php echo t('settings.visual_overlay_color_hint'); ?></small>
                            </div>
                            <div class="form-group access-wide">
                                <label for="maintenanceImage"><?php echo t('settings.visual_image'); ?></label>
                                <div class="logo-path-input">
                                    <span class="input-with-clear">
                                        <input type="text" id="maintenanceImage" placeholder="/assets/images/maintenance.jpg">
                                        <button type="button" class="input-clear-btn" data-clear-target="maintenanceImage" aria-label="<?php echo t('btn.clear'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                    </span>
                                    <button type="button" class="btn btn-secondary btn-sm" id="browseMaintenanceImageBtn"><?php echo t('btn.browse'); ?></button>
                                </div>
                                <small class="form-hint"><?php echo t('settings.visual_image_hint'); ?></small>
                            </div>
                        </div>
                    </fieldset>
                    <fieldset class="settings-section settings-section--compact">
                        <legend><?php echo t('settings.access_bypass'); ?></legend>
                        <p class="settings-description settings-description--compact"><?php echo t('settings.access_bypass_desc'); ?></p>
                        <div class="bypass-links" id="bypassLinks"></div>
                        <div class="bypass-links__actions">
                            <button type="button" class="btn btn-secondary btn-sm" id="bypassAddBtn">+ <?php echo t('settings.access_bypass_add'); ?></button>
                        </div>
                        <template id="bypassRowTemplate">
                            <div class="bypass-row">
                                <div class="form-group bypass-row__param">
                                    <label><?php echo t('settings.access_bypass_param'); ?></label>
                                    <input type="text" class="bypass-row__param-input" placeholder="preview" maxlength="40" autocomplete="off" spellcheck="false">
                                </div>
                                <div class="form-group bypass-row__key">
                                    <label><?php echo t('settings.access_bypass_key'); ?></label>
                                    <input type="text" class="bypass-row__key-input" maxlength="120" autocomplete="off" spellcheck="false">
                                </div>
                                <button type="button" class="btn-icon bypass-row__remove" title="<?php echo htmlspecialchars(t('settings.access_bypass_remove'), ENT_QUOTES, 'UTF-8'); ?>" aria-label="<?php echo htmlspecialchars(t('settings.access_bypass_remove'), ENT_QUOTES, 'UTF-8'); ?>"><?php echo rjIcon('trash', 16); ?></button>
                                <p class="access-bypass-link bypass-row__link"><span><?php echo t('settings.access_bypass_link'); ?></span> <code aria-live="polite"></code></p>
                            </div>
                        </template>
                    </fieldset>
                    <div class="settings-actions">
                        <button type="submit" class="btn btn-primary" id="saveAccessBtn"><?php echo t('settings.save_access'); ?></button>
                    </div>
                </form>
            </div>

            <!-- Privacy Panel -->
            <div class="settings-panel" id="settingsPanel-privacy">
                <h2><?php echo t('settings.privacy'); ?></h2>
                <p class="settings-description"><?php echo t('settings.privacy_desc'); ?></p>
                <form id="privacyForm" class="settings-form">
                    <fieldset class="settings-section settings-section--compact">
                        <legend><?php echo t('settings.privacy'); ?></legend>
                        <div class="form-group access-toggle-row">
                            <label class="toggle-label">
                                <span><?php echo t('settings.email_obfuscation'); ?></span>
                                <div class="toggle-switch">
                                    <input type="checkbox" id="emailObfuscation">
                                    <span class="toggle-slider"></span>
                                </div>
                            </label>
                            <small class="form-hint"><?php echo t('settings.email_obfuscation_hint'); ?></small>
                        </div>
                        <div class="form-group access-toggle-row">
                            <label class="toggle-label">
                                <span><?php echo t('settings.remember_public_theme'); ?></span>
                                <div class="toggle-switch">
                                    <input type="checkbox" id="rememberPublicTheme" checked>
                                    <span class="toggle-slider"></span>
                                </div>
                            </label>
                            <small class="form-hint"><?php echo t('settings.remember_public_theme_hint'); ?></small>
                        </div>
                        <div class="form-group"><label class="toggle-label"><span><?php echo t('analytics.enabled'); ?></span><span class="toggle-switch"><input type="checkbox" id="analyticsEnabled" checked><span class="toggle-slider"></span></span></label><small class="form-hint"><?php echo t('analytics.hint'); ?></small></div>
                    </fieldset>
                    <div class="settings-actions">
                        <button type="submit" class="btn btn-primary" id="savePrivacyBtn"><?php echo t('settings.save_privacy'); ?></button>
                    </div>
                </form>
            </div>

            <!-- Email Panel -->
            <div class="settings-panel" id="settingsPanel-email">
                <h2><?php echo t('settings.email'); ?></h2>
                <p class="settings-description"><?php echo t('settings.email_desc'); ?></p>
                <form id="emailForm" class="settings-form">

                    <div class="form-group">
                        <label for="settingsEmailMethod"><?php echo t('settings.email_method'); ?></label>
                        <select id="settingsEmailMethod" class="topbar-select" style="width: auto; min-width: 200px;">
                            <option value="inactive"><?php echo t('settings.email_inactive'); ?></option>
                            <option value="smtp">SMTP</option>
                            <option value="sendmail">PHP mail() / Sendmail</option>
                        </select>
                    </div>

                    <div class="settings-hint-box" id="sendmailHint" style="display: none;">
                        <p><?php echo t('settings.sendmail_hint'); ?></p>
                    </div>

                    <div class="settings-hint-box" id="emailInactiveHint" style="display: none;">
                        <p><?php echo t('settings.email_inactive_hint'); ?></p>
                    </div>

                    <div class="form-group">
                        <label for="settingsRecipientEmail"><?php echo t('settings.recipient_email'); ?></label>
                        <input type="text" id="settingsRecipientEmail" placeholder="info@example.com, team@example.com">
                        <small class="form-hint"><?php echo t('settings.recipient_email_hint'); ?></small>
                    </div>

                    <div class="form-group">
                        <label for="settingsBccEmail"><?php echo t('settings.bcc_email'); ?></label>
                        <input type="text" id="settingsBccEmail" placeholder="archive@example.com, backup@example.com">
                        <small class="form-hint"><?php echo t('settings.bcc_email_hint'); ?></small>
                    </div>

                    <div class="form-group">
                        <label for="settingsFromEmail"><?php echo t('settings.from_email'); ?></label>
                        <input type="email" id="settingsFromEmail" placeholder="noreply@example.com">
                        <small class="form-hint"><?php echo t('settings.from_email_hint'); ?></small>
                    </div>

                    <div class="form-group">
                        <label for="settingsFromName"><?php echo t('settings.from_name'); ?></label>
                        <input type="text" id="settingsFromName" placeholder="My Website">
                    </div>

                    <div id="smtpFields" class="smtp-grid">
                        <hr class="settings-divider">
                        <h3 class="settings-subheading"><?php echo t('settings.smtp_settings'); ?></h3>

                        <div class="form-group smtp-grid__host">
                            <label for="settingsSmtpHost"><?php echo t('settings.smtp_host'); ?></label>
                            <input type="text" id="settingsSmtpHost" placeholder="mail.example.com">
                        </div>

                        <div class="form-row-inline smtp-grid__port-row">
                            <div class="form-group">
                                <label for="settingsSmtpPort"><?php echo t('settings.smtp_port'); ?></label>
                                <input type="number" id="settingsSmtpPort" value="587" min="1" max="65535">
                            </div>
                            <div class="form-group">
                                <label for="settingsSmtpEncryption"><?php echo t('settings.smtp_encryption'); ?></label>
                                <select id="settingsSmtpEncryption" class="topbar-select">
                                    <option value="tls">STARTTLS (587)</option>
                                    <option value="ssl">SSL/TLS (465)</option>
                                    <option value="none"><?php echo t('settings.smtp_encryption_none'); ?></option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group smtp-grid__user">
                            <label for="settingsSmtpUsername"><?php echo t('settings.smtp_username'); ?></label>
                            <input type="text" id="settingsSmtpUsername" placeholder="user@example.com" autocomplete="off">
                        </div>

                        <div class="form-group smtp-grid__pass">
                            <label for="settingsSmtpPassword"><?php echo t('settings.smtp_password'); ?></label>
                            <input type="password" id="settingsSmtpPassword" placeholder="<?php echo t('settings.smtp_password_placeholder'); ?>" autocomplete="new-password">
                            <small class="form-hint"><?php echo t('settings.smtp_password_hint'); ?></small>
                        </div>
                    </div>

                    <div class="settings-actions settings-actions-row">
                        <button type="submit" class="btn btn-primary" id="saveEmailBtn"><?php echo t('settings.save_email'); ?></button>
                        <button type="button" class="btn btn-secondary" id="testEmailBtn">
                            <?php echo t('settings.test_email'); ?>
                        </button>
                    </div>

                    <div id="emailTestResult" class="settings-test-result" style="display: none;"></div>
                </form>
            </div>

            <!-- Forms Panel -->
            <div class="settings-panel" id="settingsPanel-forms">
                <h2><?php echo t('forms.title'); ?></h2>
                <p class="settings-description"><?php echo t('forms.desc'); ?></p>

                <div class="forms-admin-layout">
                    <aside class="forms-admin-list">
                        <div class="forms-admin-list__head">
                            <div class="form-group forms-admin-select-group">
                                <label for="formsAdminSelect"><?php echo t('forms.select_form'); ?></label>
                                <select id="formsAdminSelect" class="topbar-select"></select>
                            </div>
                            <button type="button" class="btn btn-secondary btn-sm" id="newFormBtn"><?php echo t('forms.new'); ?></button>
                        </div>
                        <p id="formsAdminMeta" class="forms-admin-meta"></p>
                    </aside>

                    <form id="formsAdminForm" class="settings-form forms-admin-editor">
                        <fieldset class="settings-section">
                            <legend><?php echo t('forms.base_data'); ?></legend>
                            <div class="form-row-inline">
                                <div class="form-group">
                                    <label for="formEditorId"><?php echo t('forms.form_id'); ?></label>
                                    <input type="text" id="formEditorId" autocomplete="off">
                                    <small class="form-hint"><?php echo t('forms.form_id_hint'); ?></small>
                                </div>
                                <div class="form-group">
                                    <label for="formEditorLabel"><?php echo t('forms.label'); ?></label>
                                    <input type="text" id="formEditorLabel">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="formEditorDescription"><?php echo t('forms.description'); ?></label>
                                <textarea id="formEditorDescription" rows="3"></textarea>
                            </div>
                            <div class="forms-admin-switches">
                                <label class="checkbox-label"><input type="checkbox" id="formEditorEnabled"> <?php echo t('forms.enabled'); ?></label>
                                <label class="checkbox-label"><input type="checkbox" id="formEditorStore"> <?php echo t('forms.store'); ?></label>
                                <label class="checkbox-label"><input type="checkbox" id="formEditorEmail"> <?php echo t('forms.email'); ?></label>
                            </div>
                            <div class="form-row-inline">
                                <div class="form-group">
                                    <label for="formEditorSubject"><?php echo t('forms.subject'); ?></label>
                                    <input type="text" id="formEditorSubject" placeholder="{form}: {name}">
                                </div>
                                <div class="form-group">
                                    <label for="formEditorSuccess"><?php echo t('forms.success_text'); ?></label>
                                    <input type="text" id="formEditorSuccess">
                                </div>
                            </div>
                        </fieldset>

                        <fieldset class="settings-section">
                            <legend><?php echo t('forms.fields'); ?></legend>
                            <div class="forms-fields-toolbar">
                                <button type="button" class="btn btn-secondary btn-sm" id="addFormFieldBtn"><?php echo t('forms.add_field'); ?></button>
                            </div>
                            <div class="forms-fields-table-wrap">
                                <table class="users-table forms-fields-table">
                                    <thead>
                                        <tr>
                                            <th><?php echo t('forms.type'); ?></th>
                                            <th><?php echo t('forms.key'); ?></th>
                                            <th><?php echo t('forms.label'); ?></th>
                                            <th><?php echo t('forms.placeholder'); ?></th>
                                            <th><?php echo t('forms.width'); ?></th>
                                            <th><?php echo t('forms.required'); ?></th>
                                            <th><?php echo t('forms.options'); ?></th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody id="formFieldsBody"></tbody>
                                </table>
                            </div>
                            <small class="form-hint"><?php echo t('forms.options_hint'); ?></small>
                        </fieldset>

                        <div class="settings-actions settings-actions-row">
                            <button type="submit" class="btn btn-primary" id="saveFormBtn"><?php echo t('forms.save'); ?></button>
                            <div id="formsAdminResult" class="settings-test-result" style="display:none;"></div>
                        </div>
                    </form>
                </div>
            </div>

            <!-- AI Settings Panel -->
            <?php if ($aiFeaturesEnabled): ?>
            <div class="settings-panel" id="settingsPanel-ai">
                <h2><?php echo t('ai.settings'); ?></h2>
                <p class="settings-description"><?php echo t('ai.settings_desc'); ?></p>
                <form id="aiSettingsForm" class="settings-form">
                    <div class="ai-status-box" id="aiProviderStatus"></div>

                    <fieldset class="settings-section">
                        <legend><?php echo t('ai.provider'); ?></legend>
                        <div class="ai-settings-compact">
                        <div class="form-group ai-enable-row">
                            <label class="toggle-label">
                                <span><?php echo t('ai.enable_ai'); ?></span>
                                <div class="toggle-switch">
                                    <input type="checkbox" id="aiEnabled">
                                    <span class="toggle-slider"></span>
                                </div>
                            </label>
                        </div>
                            <div class="form-group">
                                <label for="aiProvider"><?php echo t('ai.provider'); ?></label>
                                <select id="aiProvider" class="topbar-select">
                                    <option value="openai-compatible"><?php echo t('ai.openai_compatible'); ?></option>
                                    <option value="openrouter"><?php echo t('ai.openrouter'); ?></option>
                                    <option value="anthropic"><?php echo t('ai.anthropic'); ?></option>
                                    <option value="kie"><?php echo t('ai.kie'); ?></option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="aiBaseUrl"><?php echo t('ai.base_url'); ?></label>
                                <input type="url" id="aiBaseUrl" placeholder="https://api.openai.com/v1">
                            </div>
                            <div class="form-group">
                                <label for="aiApiKey"><?php echo t('ai.api_key'); ?></label>
                                <div class="secret-field">
                                    <input type="password" id="aiApiKey" autocomplete="new-password">
                                    <button type="button" class="input-clear-btn secret-field__remove" id="aiRemoveApiKey" data-secret-target="provider" title="<?php echo t('ai.clear_api_key'); ?>" aria-label="<?php echo t('ai.clear_api_key'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                </div>
                                <small class="form-hint" id="aiApiKeyHint"></small>
                            </div>
                            <div class="form-group" id="aiOrganizationGroup">
                                <label for="aiOrganization"><?php echo t('ai.organization'); ?></label>
                                <input type="text" id="aiOrganization" maxlength="120" autocomplete="off">
                                <small class="form-hint"><?php echo t('ai.organization_hint'); ?></small>
                            </div>
                        </div>
                        <div class="form-group ai-local-toggle">
                            <label class="toggle-label">
                                <span><?php echo t('ai.allow_local_provider'); ?></span>
                                <div class="toggle-switch">
                                    <input type="checkbox" id="aiAllowLocalProvider">
                                    <span class="toggle-slider"></span>
                                </div>
                            </label>
                            <small class="form-hint"><?php echo t('ai.allow_local_provider_hint'); ?></small>
                        </div>
                    </fieldset>

                    <fieldset class="settings-section" id="aiUsagePanel" hidden>
                        <legend><?php echo t('ai.usage_panel'); ?></legend>
                        <div class="ai-usage-stats" id="aiUsagePanelBody"></div>
                    </fieldset>

                    <fieldset class="settings-section">
                        <legend><?php echo t('ai.models'); ?></legend>
                        <p class="form-hint ai-section-hint" id="aiModelsHint" aria-live="polite"></p>
                        <div class="ai-model-columns">
                            <div class="ai-model-col" id="aiModelCol_chat">
                                <h3 class="ai-model-col__title"><?php echo t('ai.model_group_chat'); ?></h3>
                                <p class="form-hint ai-model-col__hint"><?php echo t('ai.model_group_chat_hint'); ?></p>
                                <div class="form-group">
                                    <label for="aiChatModel"><?php echo t('ai.model_label'); ?></label>
                                    <div class="rj-combobox" data-model-combobox>
                                        <input type="text" id="aiChatModel" placeholder="" role="combobox" aria-autocomplete="list" aria-expanded="false" autocomplete="off" spellcheck="false">
                                        <button type="button" class="input-clear-btn rj-combobox__clear" data-clear-target="aiChatModel" aria-label="<?php echo t('btn.clear'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                        <button type="button" class="rj-combobox__toggle" aria-label="<?php echo t('ai.model_list_open'); ?>" tabindex="-1"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M6 9l6 6 6-6"/></svg></button>
                                        <div class="rj-combobox__list" role="listbox" hidden></div>
                                    </div>
                                </div>
                                <div class="form-group" id="aiChatEffortGroup">
                                    <label for="aiChatEffort"><?php echo t('ai.reasoning_effort'); ?></label>
                                    <select id="aiChatEffort" class="topbar-select" data-purpose="chat"></select>
                                    <small class="form-hint" id="aiChatEffortHint" aria-live="polite"></small>
                                </div>
                            </div>
                            <div class="ai-model-col" id="aiModelCol_text">
                                <h3 class="ai-model-col__title"><?php echo t('ai.model_group_text'); ?></h3>
                                <p class="form-hint ai-model-col__hint"><?php echo t('ai.model_group_text_hint'); ?></p>
                                <div class="form-group">
                                    <label for="aiTextModel"><?php echo t('ai.model_label'); ?></label>
                                    <div class="rj-combobox" data-model-combobox>
                                        <input type="text" id="aiTextModel" placeholder="" role="combobox" aria-autocomplete="list" aria-expanded="false" autocomplete="off" spellcheck="false">
                                        <button type="button" class="input-clear-btn rj-combobox__clear" data-clear-target="aiTextModel" aria-label="<?php echo t('btn.clear'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                        <button type="button" class="rj-combobox__toggle" aria-label="<?php echo t('ai.model_list_open'); ?>" tabindex="-1"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M6 9l6 6 6-6"/></svg></button>
                                        <div class="rj-combobox__list" role="listbox" hidden></div>
                                    </div>
                                </div>
                                <div class="form-group" id="aiTextEffortGroup">
                                    <label for="aiTextEffort"><?php echo t('ai.reasoning_effort'); ?></label>
                                    <select id="aiTextEffort" class="topbar-select" data-purpose="text"></select>
                                    <small class="form-hint" id="aiTextEffortHint" aria-live="polite"></small>
                                </div>
                            </div>
                            <input type="hidden" id="aiImageModel" value="gpt-image-2">
                        </div>
                        <p class="form-hint ai-section-hint"><?php echo t('ai.reasoning_hint'); ?></p>
                    </fieldset>

                    <fieldset class="settings-section" id="aiImageServiceSection">
                        <legend><?php echo t('ai.images_section'); ?></legend>
                        <p class="form-hint ai-section-hint"><?php echo t('ai.images_section_hint'); ?></p>
                        <div class="info-banner info-banner--warning info-banner--contained" id="aiImageServiceNotice" aria-live="polite" hidden></div>
                        <div class="ai-settings-compact">
                            <div class="form-group">
                                <label for="aiImageService"><?php echo t('ai.image_service'); ?></label>
                                <select id="aiImageService" class="topbar-select">
                                    <option value="inherit"><?php echo t('ai.image_service_inherit'); ?></option>
                                    <option value="openai-compatible"><?php echo t('ai.image_service_openai'); ?></option>
                                    <option value="openrouter"><?php echo t('ai.image_service_openrouter'); ?></option>
                                    <option value="kie"><?php echo t('ai.image_service_kie'); ?></option>
                                    <option value="fal"><?php echo t('ai.image_service_fal'); ?></option>
                                    <option value="comet"><?php echo t('ai.image_service_comet'); ?></option>
                                    <option value="custom"><?php echo t('ai.image_service_custom'); ?></option>
                                </select>
                                <small class="form-hint" id="aiImageServiceHint"></small>
                            </div>
                            <div class="form-group" id="aiImageServiceModelGroup" hidden>
                                <label for="aiImageServiceModel"><?php echo t('ai.image_model'); ?></label>
                                <div class="rj-combobox" data-model-combobox data-image-combobox>
                                    <input type="text" id="aiImageServiceModel" placeholder="" role="combobox" aria-autocomplete="list" aria-expanded="false" autocomplete="off" spellcheck="false">
                                    <button type="button" class="input-clear-btn rj-combobox__clear" data-clear-target="aiImageServiceModel" aria-label="<?php echo t('btn.clear'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                    <button type="button" class="rj-combobox__toggle" aria-label="<?php echo t('ai.model_list_open'); ?>" tabindex="-1"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M6 9l6 6 6-6"/></svg></button>
                                    <div class="rj-combobox__list" role="listbox" hidden></div>
                                </div>
                                <small class="form-hint" id="aiImageServiceModelHint"></small>
                            </div>
                            <div class="form-group" id="aiImageServiceKeyGroup" hidden>
                                <label for="aiImageApiKey"><?php echo t('ai.api_key'); ?></label>
                                <div class="secret-field">
                                    <input type="password" id="aiImageApiKey" autocomplete="new-password">
                                    <button type="button" class="input-clear-btn secret-field__remove" id="aiRemoveImageApiKey" data-secret-target="image" title="<?php echo t('ai.clear_api_key'); ?>" aria-label="<?php echo t('ai.clear_api_key'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                </div>
                                <small class="form-hint" id="aiImageApiKeyHint"></small>
                            </div>
                        </div>
                        <div id="aiImageCustomGroup" hidden>
                            <div class="form-group">
                                <label for="aiImageCustomBaseUrl"><?php echo t('ai.image_service_custom_base_url'); ?></label>
                                <input type="url" id="aiImageCustomBaseUrl" placeholder="https://api.example.com/v1" autocomplete="off">
                                <small class="form-hint"><?php echo t('ai.image_service_custom_base_url_hint'); ?></small>
                            </div>
                            <div class="form-row-inline">
                                <div class="form-group">
                                    <label for="aiImageCustomSizeMode"><?php echo t('ai.image_service_size_mode'); ?></label>
                                    <select id="aiImageCustomSizeMode" class="topbar-select">
                                        <option value="size"><?php echo t('ai.image_service_size_mode_size'); ?></option>
                                        <option value="aspect_ratio"><?php echo t('ai.image_service_size_mode_aspect'); ?></option>
                                        <option value="none"><?php echo t('ai.image_service_size_mode_none'); ?></option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="aiImageCustomAuth"><?php echo t('ai.image_service_auth_style'); ?></label>
                                    <select id="aiImageCustomAuth" class="topbar-select">
                                        <option value="bearer">Authorization: Bearer</option>
                                        <option value="x-api-key">x-api-key</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group" id="aiImageExtraGroup" hidden>
                            <label for="aiImageCustomParams"><?php echo t('ai.image_service_extra_params'); ?></label>
                            <textarea id="aiImageCustomParams" rows="3" spellcheck="false" placeholder='{"param": "value"}'></textarea>
                            <small class="form-hint"><?php echo t('ai.image_service_extra_params_hint'); ?></small>
                        </div>
                    </fieldset>

                    <fieldset class="settings-section">
                        <legend><?php echo t('ai.features'); ?></legend>
                        <div class="form-group access-toggle-row ai-feature-toggle-grid">
                            <label class="toggle-label"><span><?php echo t('ai.feature_assistant'); ?></span><div class="toggle-switch"><input type="checkbox" id="aiFeatureAssistant"><span class="toggle-slider"></span></div></label>
                            <label class="toggle-label"><span><?php echo t('ai.feature_seo'); ?></span><div class="toggle-switch"><input type="checkbox" id="aiFeatureSeo"><span class="toggle-slider"></span></div></label>
                            <label class="toggle-label"><span><?php echo t('ai.feature_images'); ?></span><div class="toggle-switch"><input type="checkbox" id="aiFeatureImages"><span class="toggle-slider"></span></div></label>
                            <label class="toggle-label"><span><?php echo t('ai.assistant_surface_visual_editor'); ?></span><div class="toggle-switch"><input type="checkbox" id="aiAssistantSurfaceVisualEditor"><span class="toggle-slider"></span></div></label>
                            <label class="toggle-label"><span><?php echo t('ai.assistant_surface_dashboard'); ?></span><div class="toggle-switch"><input type="checkbox" id="aiAssistantSurfaceDashboard"><span class="toggle-slider"></span></div></label>
                            <label class="toggle-label"><span><?php echo t('ai.assistant_force_english'); ?></span><div class="toggle-switch"><input type="checkbox" id="aiAssistantForceEnglish"><span class="toggle-slider"></span></div></label>
                        </div>
                    </fieldset>

                    <fieldset class="settings-section">
                        <legend><?php echo t('ai.limits'); ?></legend>
                        <p class="form-hint ai-section-hint"><?php echo t('ai.limits_hint'); ?></p>
                        <div class="info-banner info-banner--warning info-banner--contained ai-limit-banner" id="aiLimitBannerSettings" data-ai-limit-banner="settings" hidden></div>
                        <div class="form-row-inline">
                            <div class="form-group"><label for="aiMonthlyBudget"><?php echo t('ai.monthly_budget'); ?></label><input type="number" id="aiMonthlyBudget" min="0" value="1000"></div>
                            <div class="form-group"><label for="aiDailyRequests"><?php echo t('ai.daily_requests'); ?></label><input type="number" id="aiDailyRequests" min="0" value="300"></div>
                            <div class="form-group"><label for="aiDailyTextRequests"><?php echo t('ai.daily_text_requests'); ?></label><input type="number" id="aiDailyTextRequests" min="0" value="250"></div>
                            <div class="form-group"><label for="aiDailyImageRequests"><?php echo t('ai.daily_image_requests'); ?></label><input type="number" id="aiDailyImageRequests" min="0" value="10"></div>
                        </div>
                        <div class="form-row-inline">
                            <div class="form-group"><label for="aiMaxInputTokens"><?php echo t('ai.max_input_tokens'); ?></label><input type="number" id="aiMaxInputTokens" min="100" value="64000"><small class="form-hint"><?php echo t('ai.max_input_tokens_hint'); ?></small></div>
                            <div class="form-group"><label for="aiMaxOutputTokens"><?php echo t('ai.max_output_tokens'); ?></label><input type="number" id="aiMaxOutputTokens" min="16" value="16000"><small class="form-hint"><?php echo t('ai.max_output_tokens_hint'); ?></small></div>
                            <div class="form-group"><label for="aiRequestTimeout"><?php echo t('ai.request_timeout'); ?></label><input type="number" id="aiRequestTimeout" min="5" max="600" value="300"><small class="form-hint"><?php echo t('ai.request_timeout_hint'); ?></small></div>
                        </div>
                    </fieldset>

                    <fieldset class="settings-section" id="aiPricingSection">
                        <legend><?php echo t('ai.pricing'); ?></legend>
                        <p class="form-hint ai-section-hint"><?php echo t('ai.pricing_hint'); ?></p>
                        <div class="info-banner info-banner--warning info-banner--contained" id="aiUnpricedNotice" hidden><?php echo t('ai.price_unknown_notice'); ?></div>
                        <div class="ai-price-row" id="aiPriceRow_chat" hidden>
                            <h3 class="ai-model-col__title" data-price-title><?php echo t('ai.model_group_chat'); ?></h3>
                            <p class="form-hint ai-price-status" data-price-status aria-live="polite"></p>
                            <div class="form-row-inline">
                                <div class="form-group"><label for="aiPriceIn_chat"><?php echo t('ai.price_input'); ?></label><input type="number" id="aiPriceIn_chat" min="0" step="any" inputmode="decimal"></div>
                                <div class="form-group"><label for="aiPriceOut_chat"><?php echo t('ai.price_output'); ?></label><input type="number" id="aiPriceOut_chat" min="0" step="any" inputmode="decimal"></div>
                                <div class="form-group"><label for="aiPriceCur_chat"><?php echo t('ai.price_currency'); ?></label><select id="aiPriceCur_chat" class="topbar-select"><option value="USD">USD</option><option value="EUR">EUR</option></select></div>
                            </div>
                            <button type="button" class="btn btn-secondary btn-sm" id="aiPriceRemove_chat" hidden><?php echo t('ai.price_remove'); ?></button>
                        </div>
                        <div class="ai-price-row" id="aiPriceRow_text" hidden>
                            <h3 class="ai-model-col__title" data-price-title><?php echo t('ai.model_group_text'); ?></h3>
                            <p class="form-hint ai-price-status" data-price-status aria-live="polite"></p>
                            <div class="form-row-inline">
                                <div class="form-group"><label for="aiPriceIn_text"><?php echo t('ai.price_input'); ?></label><input type="number" id="aiPriceIn_text" min="0" step="any" inputmode="decimal"></div>
                                <div class="form-group"><label for="aiPriceOut_text"><?php echo t('ai.price_output'); ?></label><input type="number" id="aiPriceOut_text" min="0" step="any" inputmode="decimal"></div>
                                <div class="form-group"><label for="aiPriceCur_text"><?php echo t('ai.price_currency'); ?></label><select id="aiPriceCur_text" class="topbar-select"><option value="USD">USD</option><option value="EUR">EUR</option></select></div>
                            </div>
                            <button type="button" class="btn btn-secondary btn-sm" id="aiPriceRemove_text" hidden><?php echo t('ai.price_remove'); ?></button>
                        </div>
                        <div class="ai-price-row" id="aiPriceRow_image" hidden>
                            <h3 class="ai-model-col__title" data-price-title><?php echo t('ai.image_price_model'); ?></h3>
                            <p class="form-hint ai-price-status" data-price-status aria-live="polite"></p>
                            <div class="form-row-inline">
                                <div class="form-group"><label for="aiPriceImage"><?php echo t('ai.image_price_per_image'); ?></label><input type="number" id="aiPriceImage" min="0" step="any" inputmode="decimal"></div>
                                <div class="form-group"><label for="aiPriceCur_image"><?php echo t('ai.price_currency'); ?></label><select id="aiPriceCur_image" class="topbar-select"><option value="USD">USD</option><option value="EUR">EUR</option></select></div>
                            </div>
                            <details class="ai-agent-details" id="aiPriceImageDetails">
                                <summary><?php echo t('ai.image_price_tables'); ?></summary>
                                <p class="form-hint"><?php echo t('ai.image_price_tables_hint'); ?></p>
                                <div class="form-row-inline">
                                    <?php foreach (['1K', '2K', '4K'] as $_step): ?>
                                    <div class="form-group"><label for="aiPriceRes_<?php echo $_step; ?>"><?php echo $_step; ?></label><input type="number" id="aiPriceRes_<?php echo $_step; ?>" min="0" step="any" inputmode="decimal"></div>
                                    <?php endforeach; ?>
                                </div>
                                <div class="form-row-inline">
                                    <div class="form-group"><label for="aiPriceQual_low"><?php echo t('ai.image_quality_low'); ?></label><input type="number" id="aiPriceQual_low" min="0" step="any" inputmode="decimal"></div>
                                    <div class="form-group"><label for="aiPriceQual_medium"><?php echo t('ai.image_quality_medium'); ?></label><input type="number" id="aiPriceQual_medium" min="0" step="any" inputmode="decimal"></div>
                                    <div class="form-group"><label for="aiPriceQual_high"><?php echo t('ai.image_quality_high'); ?></label><input type="number" id="aiPriceQual_high" min="0" step="any" inputmode="decimal"></div>
                                </div>
                            </details>
                            <button type="button" class="btn btn-secondary btn-sm" id="aiPriceRemove_image" hidden><?php echo t('ai.price_remove'); ?></button>
                        </div>
                        <div class="form-row-inline ai-fx-row">
                            <div class="form-group">
                                <label for="aiFxRate"><?php echo t('ai.fx_custom'); ?></label>
                                <input type="number" id="aiFxRate" min="0" step="any" inputmode="decimal">
                                <small class="form-hint" id="aiFxHint"></small>
                            </div>
                            <div class="form-group"><label for="aiImagePrice"><?php echo t('ai.image_price'); ?></label><input type="number" id="aiImagePrice" min="0" value="5"></div>
                        </div>
                    </fieldset>

                    <fieldset class="settings-section" id="aiAgentSection">
                        <legend><?php echo t('ai.agent_title'); ?></legend>
                        <p class="form-hint ai-section-hint"><?php echo t('ai.agent_hint'); ?></p>
                        <div class="ai-status-box" id="aiAgentStatus" hidden></div>
                        <div class="form-group ai-enable-row">
                            <label class="toggle-label"><span><?php echo t('ai.agent_enable'); ?></span><div class="toggle-switch"><input type="checkbox" id="aiAgentEnabled"><span class="toggle-slider"></span></div></label>
                        </div>
                        <div class="form-group ai-enable-row">
                            <label class="toggle-label"><span><?php echo t('ai.agent_classic_mode'); ?></span><div class="toggle-switch"><input type="checkbox" id="aiAgentClassicMode"><span class="toggle-slider"></span></div></label>
                            <small class="form-hint"><?php echo t('ai.agent_classic_mode_hint'); ?></small>
                        </div>

                        <details class="ai-agent-details">
                        <summary><?php echo t('ai.agent_limits'); ?></summary>
                        <div class="form-row-inline">
                            <div class="form-group"><label for="aiAgentRunsPerHour"><?php echo t('ai.agent_runs_per_hour'); ?></label><input type="number" id="aiAgentRunsPerHour" min="1" max="200" value="10"></div>
                            <div class="form-group"><label for="aiAgentMaxTurns"><?php echo t('ai.agent_max_turns'); ?></label><input type="number" id="aiAgentMaxTurns" min="1" max="40" value="14"></div>
                            <div class="form-group"><label for="aiAgentMaxToolCalls"><?php echo t('ai.agent_max_tool_calls'); ?></label><input type="number" id="aiAgentMaxToolCalls" min="1" max="200" value="40"></div>
                        </div>
                        <div class="form-row-inline">
                            <div class="form-group"><label for="aiAgentMaxCost"><?php echo t('ai.agent_max_cost'); ?></label><input type="number" id="aiAgentMaxCost" min="1" max="10000" value="100"></div>
                            <div class="form-group"><label for="aiAgentMaxRuntime"><?php echo t('ai.agent_max_runtime'); ?></label><input type="number" id="aiAgentMaxRuntime" min="1" max="60" value="15"></div>
                            <div class="form-group"><label for="aiAgentUploads"><?php echo t('ai.agent_uploads'); ?></label><input type="number" id="aiAgentUploads" min="1" max="100" value="10"></div>
                        </div>
                        <div class="form-group"><button type="button" class="btn btn-secondary btn-sm" id="aiAgentRecommendedLimits"><?php echo t('ai.agent_recommended_limits'); ?></button><small class="form-hint"><?php echo t('ai.agent_recommended_limits_hint'); ?></small></div>
                        </details>

                        <details class="ai-agent-details">
                        <summary><?php echo t('ai.agent_roles'); ?></summary>
                        <p class="form-hint"><?php echo t('ai.agent_roles_hint'); ?></p>
                        <div class="form-group access-toggle-row ai-feature-toggle-grid">
                            <?php foreach (['publish', 'stockImages', 'uploadImages', 'generateImages', 'research', 'structural', 'createPages', 'createNews', 'createEvents', 'editSharedContent'] as $_agentRight): ?>
                            <label class="toggle-label"><span><?php echo t('ai.agent_right_' . $_agentRight); ?></span><div class="toggle-switch"><input type="checkbox" id="aiAgentRight_<?php echo $_agentRight; ?>" data-agent-right="<?php echo $_agentRight; ?>"><span class="toggle-slider"></span></div></label>
                            <?php endforeach; ?>
                        </div>

                        </details>

                        <details class="ai-agent-details">
                        <summary><?php echo t('ai.agent_images'); ?></summary>
                        <div class="form-row-inline">
                            <div class="form-group">
                                <label for="aiAgentMediaFolder"><?php echo t('ai.agent_media_folder'); ?></label>
                                <input type="text" id="aiAgentMediaFolder" maxlength="40" pattern="[a-z0-9_\-]{1,40}" placeholder="agent">
                                <small class="form-hint"><?php echo t('ai.agent_media_folder_hint'); ?></small>
                            </div>
                            <div class="form-group">
                                <label for="aiPexelsApiKey"><?php echo t('ai.agent_pexels_key'); ?></label>
                                <div class="secret-field">
                                    <input type="password" id="aiPexelsApiKey" autocomplete="new-password">
                                    <button type="button" class="input-clear-btn secret-field__remove" id="aiRemovePexelsApiKey" data-secret-target="pexels" title="<?php echo t('ai.agent_clear_key'); ?>" aria-label="<?php echo t('ai.agent_clear_key'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                                </div>
                                <small class="form-hint" id="aiPexelsApiKeyHint"></small>
                            </div>
                        </div>
                        <div class="form-group"><label class="toggle-label"><span><?php echo t('ai.agent_credit_in_news'); ?></span><div class="toggle-switch"><input type="checkbox" id="aiAgentCreditInNews"><span class="toggle-slider"></span></div></label></div>

                        </details>

                        <details class="ai-agent-details">
                        <summary><?php echo t('ai.agent_research'); ?></summary>
                        <p class="form-hint"><?php echo t('ai.agent_research_hint'); ?></p>
                        <div class="form-group">
                            <label for="aiBraveApiKey"><?php echo t('ai.agent_brave_key'); ?></label>
                            <div class="secret-field">
                                <input type="password" id="aiBraveApiKey" autocomplete="new-password">
                                <button type="button" class="input-clear-btn secret-field__remove" id="aiRemoveBraveApiKey" data-secret-target="brave" title="<?php echo t('ai.agent_clear_key'); ?>" aria-label="<?php echo t('ai.agent_clear_key'); ?>" hidden><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg></button>
                            </div>
                            <small class="form-hint" id="aiBraveApiKeyHint"></small>
                        </div>
                        <div class="form-row-inline">
                            <div class="form-group"><label for="aiAgentAllowDomains"><?php echo t('ai.agent_allow_domains'); ?></label><textarea id="aiAgentAllowDomains" rows="3" spellcheck="false" placeholder="example.org"></textarea></div>
                            <div class="form-group"><label for="aiAgentDenyDomains"><?php echo t('ai.agent_deny_domains'); ?></label><textarea id="aiAgentDenyDomains" rows="3" spellcheck="false" placeholder="example.com"></textarea></div>
                        </div>
                        <div class="form-group access-toggle-row ai-feature-toggle-grid">
                            <label class="toggle-label"><span><?php echo t('ai.agent_respect_robots'); ?></span><div class="toggle-switch"><input type="checkbox" id="aiAgentRespectRobots"><span class="toggle-slider"></span></div></label>
                            <label class="toggle-label"><span><?php echo t('ai.agent_sources_in_news'); ?></span><div class="toggle-switch"><input type="checkbox" id="aiAgentSourcesInNews"><span class="toggle-slider"></span></div></label>
                        </div>

                        </details>

                        <div class="form-group">
                            <button type="button" class="btn btn-secondary btn-sm" id="aiAgentClearCache"><?php echo t('ai.agent_clear_cache'); ?></button>
                            <small class="form-hint"><?php echo t('ai.agent_cache_hint'); ?></small>
                        </div>
                    </fieldset>

                    <div class="settings-actions settings-actions-row">
                        <button type="submit" class="btn btn-primary" id="saveAiSettingsBtn"><?php echo t('ai.save_settings'); ?></button>
                        <button type="button" class="btn btn-secondary" id="testAiBtn"><?php echo t('ai.test_connection'); ?></button>
                    </div>
                    <div id="aiSettingsResult" class="settings-test-result" style="display: none;"></div>
                </form>
            </div>
            <?php endif; ?>

            <!-- Users Panel -->
            <div class="settings-panel" id="settingsPanel-users">
                <h2><?php echo t('settings.users'); ?></h2>
                <p class="settings-description"><?php echo t('settings.users_desc'); ?></p>

                <div class="users-toolbar">
                    <button type="button" class="btn btn-primary" id="addUserBtn">+ <?php echo t('settings.add_user'); ?></button>
                </div>

                <div class="page-list-table-wrap users-table-wrap">
                    <table class="page-list-table users-table users-table--admin" id="usersTable">
                        <thead>
                            <tr>
                                <th><?php echo t('settings.user_username'); ?></th>
                                <th><?php echo t('settings.user_email'); ?></th>
                                <th><?php echo t('settings.user_role'); ?></th>
                                <th><?php echo t('settings.user_last_login'); ?></th>
                                <th><?php echo t('settings.user_actions'); ?></th>
                            </tr>
                        </thead>
                        <tbody id="usersTableBody">
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- Menus Panel -->
            <div class="settings-panel" id="settingsPanel-menus">
                <h2><?php echo t('settings.menus'); ?></h2>
                <p class="settings-description"><?php echo t('settings.menus_desc'); ?></p>

                <div class="form-group">
                    <label for="menuOrderSelect"><?php echo t('settings.menu_select'); ?></label>
                    <select id="menuOrderSelect" class="form-control" style="max-width: 300px;">
                        <?php
                        require_once __DIR__ . '/../includes/menu-helpers.php';
                        $defaultLang = defined('SITE_LANG_DEFAULT') ? SITE_LANG_DEFAULT : 'en';
                        foreach (getRegisteredMenuIds() as $mid):
                            $mlabel = getMenuLabel($mid, $adminLang ?? $defaultLang);
                        ?>
                        <option value="<?php echo htmlspecialchars($mid); ?>"><?php echo htmlspecialchars($mlabel); ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>

                <div id="menuOrderList" class="menu-order-list"></div>
                <div id="menuOrderEmpty" class="menu-order-empty" style="display:none;">
                    <p><?php echo t('settings.menu_order_empty'); ?></p>
                </div>

                <div class="settings-actions">
                    <button type="button" class="btn btn-primary" id="saveMenuOrderBtn" disabled><?php echo t('settings.save_menus'); ?></button>
                </div>

            </div>

            <!-- Dashboard Modules Panel -->
            <div class="settings-panel" id="settingsPanel-modules">
                <h2><?php echo t('settings.modules'); ?></h2>
                <p class="settings-description"><?php echo t('settings.modules_desc'); ?></p>
                <form id="moduleForm" class="settings-form">
                    <fieldset class="settings-section settings-section--compact">
                        <legend><?php echo t('settings.modules'); ?></legend>
                        <div class="settings-toggle-grid settings-toggle-grid--modules">
                            <div class="form-group access-toggle-row access-toggle-row--module">
                                <label class="toggle-label">
                                    <span><?php echo t('settings.module_news'); ?></span>
                                    <div class="toggle-switch">
                                        <input type="checkbox" id="moduleNews" checked>
                                        <span class="toggle-slider"></span>
                                    </div>
                                </label>
                            </div>
                            <div class="form-group access-toggle-row access-toggle-row--module">
                                <label class="toggle-label">
                                    <span><?php echo t('settings.module_events'); ?></span>
                                    <div class="toggle-switch">
                                        <input type="checkbox" id="moduleEvents" checked>
                                        <span class="toggle-slider"></span>
                                    </div>
                                </label>
                            </div>
                            <div class="form-group access-toggle-row access-toggle-row--module">
                                <label class="toggle-label">
                                    <span><?php echo t('settings.module_messages'); ?></span>
                                    <div class="toggle-switch">
                                        <input type="checkbox" id="moduleMessages" checked>
                                        <span class="toggle-slider"></span>
                                    </div>
                                </label>
                            </div>
                            <div class="form-group access-toggle-row access-toggle-row--module">
                                <label class="toggle-label">
                                    <span><?php echo t('settings.module_icon_manager'); ?></span>
                                    <div class="toggle-switch">
                                        <input type="checkbox" id="moduleIconManager" checked>
                                        <span class="toggle-slider"></span>
                                    </div>
                                </label>
                            </div>
                            <div class="form-group access-toggle-row access-toggle-row--module">
                                <label class="toggle-label">
                                    <span><?php echo t('settings.module_ai'); ?></span>
                                    <div class="toggle-switch">
                                        <input type="checkbox" id="moduleAi" checked>
                                        <span class="toggle-slider"></span>
                                    </div>
                                </label>
                            </div>
                        </div>
                        <small class="form-hint"><?php echo t('settings.modules_hint'); ?></small>
                    </fieldset>
                    <fieldset class="settings-section settings-section--compact">
                        <legend><?php echo t('settings.media_section'); ?></legend>
                        <div class="form-row-inline">
                            <div class="form-group">
                                <label for="settingsMediaMaxUpload"><?php echo t('settings.media_max_upload'); ?></label>
                                <input type="number" id="settingsMediaMaxUpload" min="1" max="200" step="1" value="20" inputmode="numeric">
                                <small class="form-hint"><?php echo t('settings.media_max_upload_hint'); ?></small>
                            </div>
                            <div class="form-group">
                                <label for="settingsMediaWebMaxSide"><?php echo t('settings.media_web_max_side'); ?></label>
                                <input type="number" id="settingsMediaWebMaxSide" min="800" max="6000" step="100" value="2000" inputmode="numeric">
                            </div>
                            <div class="form-group">
                                <label for="settingsMediaWebQuality"><?php echo t('settings.media_web_quality'); ?></label>
                                <input type="number" id="settingsMediaWebQuality" min="50" max="95" step="1" value="82" inputmode="numeric">
                            </div>
                        </div>
                        <div class="form-group access-toggle-row access-toggle-row--module">
                            <label class="toggle-label">
                                <span><?php echo t('settings.media_web_version'); ?></span>
                                <div class="toggle-switch">
                                    <input type="checkbox" id="settingsMediaWebVersion" checked>
                                    <span class="toggle-slider"></span>
                                </div>
                            </label>
                            <small class="form-hint"><?php echo t('settings.media_web_version_hint'); ?></small>
                        </div>
                    </fieldset>
                    <div class="settings-actions">
                        <button type="submit" class="btn btn-primary" id="saveModulesBtn"><?php echo t('settings.save_modules'); ?></button>
                    </div>
                </form>
            </div>
            <?php endif; ?>

            <!-- My Account Panel -->
            <div class="settings-panel<?php echo !$isAdminUser ? ' active' : ''; ?>" id="settingsPanel-my-account">
                <h2><?php echo t('settings.change_password'); ?></h2>
                <form id="changePasswordForm" class="change-password-form">
                    <div class="form-group">
                        <label for="currentPassword"><?php echo t('settings.current_password'); ?></label>
                        <input type="password" id="currentPassword" name="current_password" required autocomplete="current-password">
                    </div>
                    <div class="form-group">
                        <label for="newPassword"><?php echo t('settings.new_password'); ?></label>
                        <input type="password" id="newPassword" name="new_password" required autocomplete="new-password">
                    </div>
                    <div class="form-group">
                        <label for="newPasswordConfirm"><?php echo t('settings.confirm_password'); ?></label>
                        <input type="password" id="newPasswordConfirm" name="new_password_confirm" required autocomplete="new-password">
                    </div>
                    <div class="password-requirements" id="pwReqs">
                        <small><?php echo t('settings.pw_requirements'); ?></small>
                        <ul>
                            <li class="requirement" data-req="length"><?php echo t('settings.pw_length'); ?></li>
                            <li class="requirement" data-req="upper"><?php echo t('settings.pw_upper'); ?></li>
                            <li class="requirement" data-req="lower"><?php echo t('settings.pw_lower'); ?></li>
                            <li class="requirement" data-req="digit"><?php echo t('settings.pw_digit'); ?></li>
                            <li class="requirement" data-req="special"><?php echo t('settings.pw_special'); ?></li>
                            <li class="requirement" data-req="match"><?php echo t('settings.pw_match'); ?></li>
                        </ul>
                    </div>
                    <div class="settings-actions">
                        <button type="submit" class="btn btn-primary" id="changePwBtn"><?php echo t('settings.change_password'); ?></button>
                    </div>
                </form>
            </div>

            <?php if ($isAdminUser): ?>
            <!-- Danger Zone Panel -->
            <div class="settings-panel" id="settingsPanel-danger">
                <h2 class="danger-zone-title"><?php echo t('settings.danger_zone'); ?></h2>
                <p class="settings-description"><?php echo t('settings.danger_zone_desc'); ?></p>

                <div class="danger-zone-card">
                    <div class="danger-zone-card__header">
                        <h3><?php echo t('settings.total_reset'); ?></h3>
                        <p><?php echo t('settings.total_reset_desc'); ?></p>
                    </div>
                    <div class="danger-zone-card__warning">
                        <strong>⚠ <?php echo t('settings.total_reset_warning'); ?></strong>
                    </div>
                    <div class="danger-zone-card__action">
                        <label for="totalResetConfirm"><?php echo t('settings.total_reset_confirm_label'); ?></label>
                        <input type="text" id="totalResetConfirm" placeholder="<?php echo t('settings.total_reset_confirm_placeholder'); ?>" autocomplete="off" spellcheck="false">
                        <button type="button" class="btn btn-danger" id="totalResetBtn" disabled><?php echo t('settings.total_reset_btn'); ?></button>
                    </div>
                </div>
            </div>
            <?php endif; ?>

        </div><!-- /.settings-panels -->
        </div><!-- /.settings-layout -->
    </div>

    <!-- Backup Tab -->
    <div class="admin-container" id="backupTab" style="display: none;">
        <div class="page-list-header">
            <div class="page-list-header-left">
                <h2><?php echo t('settings.backup'); ?></h2>
                <p class="page-description"><?php echo t('settings.backup_desc'); ?></p>
            </div>
        </div>

        <div class="backup-manual-grid">
            <div class="backup-site-card">
                <div class="backup-site-card__info">
                    <h3><?php echo t('settings.backup_site'); ?></h3>
                    <p><?php echo t('settings.backup_site_desc'); ?></p>
                </div>
                <div class="backup-site-card__action">
                    <button type="button" class="btn btn-primary" id="createSiteBackupBtn">
                        <?php echo rjIcon('download', 16); ?>
                        <span><?php echo t('settings.backup_create'); ?></span>
                    </button>
                    <div class="backup-progress" id="backupProgress" style="display: none;">
                        <div class="backup-progress__spinner"></div>
                        <span id="backupProgressText"><?php echo t('settings.backup_creating'); ?></span>
                    </div>
                </div>
            </div>

            <!-- Restore from Backup -->
            <div class="backup-site-card">
                <div class="backup-site-card__info">
                    <h3><?php echo t('settings.restore_title'); ?></h3>
                    <p><?php echo t('settings.restore_desc'); ?></p>
                </div>
                <div class="backup-site-card__action">
                    <div class="restore-upload-area" id="restoreUploadArea">
                        <input type="file" id="restoreFileInput" accept=".zip" style="display: none;">
                        <button type="button" class="btn btn-secondary" id="restoreSelectBtn">
                            <?php echo rjIcon('upload', 16); ?>
                            <span><?php echo t('settings.restore_select_file'); ?></span>
                        </button>
                        <span class="restore-filename" id="restoreFilename" style="display: none;"></span>
                    </div>

                    <div class="restore-mode-block" id="restoreModeSelector" style="display: none;">
                        <p class="restore-mode-heading"><?php echo t('settings.restore_mode_prompt'); ?></p>
                        <div class="restore-mode-selector">
                            <label class="restore-mode-option">
                                <input type="radio" name="restore_mode" value="content" checked>
                                <div class="restore-mode-card">
                                    <div class="restore-mode-card__header">
                                        <strong><?php echo t('settings.restore_content'); ?></strong>
                                        <span class="restore-mode-indicator" aria-hidden="true"></span>
                                    </div>
                                    <span><?php echo t('settings.restore_content_desc'); ?></span>
                                </div>
                            </label>
                            <label class="restore-mode-option">
                                <input type="radio" name="restore_mode" value="full">
                                <div class="restore-mode-card">
                                    <div class="restore-mode-card__header">
                                        <strong><?php echo t('settings.restore_full'); ?></strong>
                                        <span class="restore-mode-indicator" aria-hidden="true"></span>
                                    </div>
                                    <span><?php echo t('settings.restore_full_desc'); ?></span>
                                </div>
                            </label>
                        </div>
                    </div>

                    <div class="restore-actions" id="restoreActions" style="display: none;">
                        <button type="button" class="btn btn-danger" id="restoreBtn">
                            <?php echo rjIcon('upload', 16); ?>
                            <span><?php echo t('settings.restore_btn'); ?></span>
                        </button>
                        <div class="backup-progress" id="restoreProgress" style="display: none;">
                            <div class="backup-progress__spinner"></div>
                            <span id="restoreProgressText"><?php echo t('settings.restore_uploading'); ?></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Backup list -->
        <div class="scheduled-list">
            <div class="scheduled-list__header">
                <h4><?php echo t('settings.backup_list_title'); ?></h4>
                <div class="scheduled-storage" id="scheduledStorage">
                    <strong><?php echo t('settings.storage_summary'); ?>:</strong>
                    <span id="scheduledStorageCount">—</span>
                    <span class="scheduled-storage__dates" id="scheduledStorageDates"></span>
                </div>
            </div>
            <table class="scheduled-list__table" id="scheduledList">
                <thead>
                    <tr>
                        <th><?php echo t('settings.backup_list_col_date'); ?></th>
                        <th><?php echo t('settings.backup_list_col_tier'); ?></th>
                        <th><?php echo t('settings.backup_list_col_size'); ?></th>
                        <th><?php echo t('settings.backup_list_col_actions'); ?></th>
                    </tr>
                </thead>
                <tbody id="scheduledListBody">
                    <tr><td colspan="4" class="scheduled-list__empty"><?php echo t('settings.backup_list_empty'); ?></td></tr>
                </tbody>
            </table>
        </div>

        <!-- Automated / scheduled backups -->
        <div class="backup-site-card backup-scheduled">
            <div class="backup-site-card__info">
                <h3><?php echo t('settings.scheduled_backups'); ?></h3>
                <p><?php echo t('settings.scheduled_backups_desc'); ?></p>
            </div>

            <!-- Settings form -->
            <form id="scheduledBackupForm" class="scheduled-form">
                <label class="toggle-label scheduled-form__toggle">
                    <span><?php echo t('settings.scheduled_enabled'); ?></span>
                    <div class="toggle-switch">
                        <input type="checkbox" id="scheduledEnabled" name="enabled">
                        <span class="toggle-slider"></span>
                    </div>
                </label>
                <p class="scheduled-form__hint"><?php echo t('settings.scheduled_enabled_hint'); ?></p>

                <div class="scheduled-form__mode">
                    <label><?php echo t('settings.cron_mode'); ?></label>
                    <div class="radio-group radio-group--segmented">
                        <label class="radio-option">
                            <input type="radio" name="scheduledCronMode" value="server" checked>
                            <span><?php echo t('settings.cron_mode_server'); ?></span>
                        </label>
                        <label class="radio-option">
                            <input type="radio" name="scheduledCronMode" value="web">
                            <span><?php echo t('settings.cron_mode_web'); ?></span>
                        </label>
                    </div>
                    <p class="scheduled-form__hint"><?php echo t('settings.cron_mode_hint'); ?></p>
                </div>

                <fieldset class="scheduled-form__fieldset">
                    <legend><?php echo t('settings.retention_title'); ?></legend>
                    <p class="scheduled-form__hint"><?php echo t('settings.retention_hint'); ?></p>
                    <div class="scheduled-form__grid">
                        <label>
                            <span><?php echo t('settings.retention_daily'); ?></span>
                            <input type="number" id="retentionDaily" name="retention_daily" min="0" max="365" step="1">
                        </label>
                        <label>
                            <span><?php echo t('settings.retention_weekly'); ?></span>
                            <input type="number" id="retentionWeekly" name="retention_weekly" min="0" max="52" step="1">
                        </label>
                        <label>
                            <span><?php echo t('settings.retention_monthly'); ?></span>
                            <input type="number" id="retentionMonthly" name="retention_monthly" min="0" max="60" step="1">
                        </label>
                        <label>
                            <span><?php echo t('settings.retention_yearly'); ?></span>
                            <input type="number" id="retentionYearly" name="retention_yearly" min="0" max="20" step="1">
                        </label>
                    </div>
                </fieldset>

                <!-- Status banner: last run + warning if cron stalled -->
                <div class="scheduled-status" id="scheduledStatus" data-state="loading">
                    <div class="scheduled-status__row">
                        <strong><?php echo t('settings.last_run'); ?>:</strong>
                        <span id="scheduledLastRun">—</span>
                    </div>
                    <div class="scheduled-status__message" id="scheduledStatusMessage"></div>
                </div>

                <div class="scheduled-form__side">
                    <label class="scheduled-form__limit">
                        <span><strong><?php echo t('settings.storage_limit'); ?></strong></span>
                        <input type="number" id="storageLimitMb" name="storage_limit_mb" min="0" step="1">
                    </label>
                    <p class="scheduled-form__hint"><?php echo t('settings.storage_limit_hint'); ?></p>
                </div>

                <div class="scheduled-form__actions">
                    <button type="submit" class="btn btn-primary" id="scheduledSaveBtn">
                        <?php echo t('settings.backup_settings_save'); ?>
                    </button>
                </div>
            </form>

            <div class="backup-remote">
                <div class="backup-remote__header">
                    <div>
                        <h4><?php echo t('settings.remote_backups'); ?></h4>
                        <p><?php echo t('settings.remote_backups_hint'); ?></p>
                        <p class="backup-remote__beta-note"><?php echo t('settings.remote_oauth_beta_note'); ?></p>
                    </div>
                    <div class="backup-remote__add">
                        <select id="remoteProviderSelect" aria-label="<?php echo t('settings.remote_add_target'); ?>">
                            <option value="dropbox">Dropbox</option>
                            <option value="google_drive">Google Drive</option>
                            <option value="onedrive">Microsoft OneDrive</option>
                            <option value="sftp">SFTP / SCP</option>
                            <option value="ftp">FTP / FTPS</option>
                            <option value="s3">S3-Compatible</option>
                            <option value="webdav">WebDAV</option>
                        </select>
                        <button type="button" class="btn btn-secondary btn-sm" id="remoteAddBtn">
                            <?php echo t('settings.remote_add_target'); ?>
                        </button>
                    </div>
                </div>
                <div class="backup-remote__list" id="remoteTargetList"></div>
            </div>

            <!-- Cron setup help -->
            <details class="scheduled-cron">
                <summary><?php echo t('settings.cron_setup'); ?></summary>
                <p><?php echo t('settings.cron_setup_hint'); ?></p>
                <?php
                    $sitePath = realpath(__DIR__ . '/..') ?: dirname(__DIR__);
                    $backupScriptPath = $sitePath . '/cli/backup.php';
                ?>
                <div class="scheduled-cron__line">
                    <span><?php echo t('settings.cron_script_path'); ?></span>
                    <code id="cronScriptPath"><?php echo htmlspecialchars($backupScriptPath); ?></code>
                    <button type="button" class="btn btn-secondary btn-sm" data-copy-code="cronScriptPath">
                        <?php echo t('settings.cron_copy'); ?>
                    </button>
                </div>
                <div class="scheduled-cron__line">
                    <span><?php echo t('settings.cron_arguments'); ?></span>
                    <code id="cronArguments">--action=run</code>
                    <button type="button" class="btn btn-secondary btn-sm" data-copy-code="cronArguments">
                        <?php echo t('settings.cron_copy'); ?>
                    </button>
                </div>
                <div class="scheduled-cron__line scheduled-cron__line--fallback">
                    <span><?php echo t('settings.cron_shell_command'); ?></span>
                    <code id="cronShellCommand"><?php echo htmlspecialchars('/absolute/path/to/php ' . escapeshellarg($backupScriptPath) . ' --action=run'); ?></code>
                </div>
                <div class="scheduled-cron__line">
                    <span><?php echo t('settings.web_cron_url'); ?></span>
                    <code id="webCronUrl">—</code>
                    <button type="button" class="btn btn-secondary btn-sm" data-copy-code="webCronUrl">
                        <?php echo t('settings.cron_copy'); ?>
                    </button>
                </div>
                <p class="scheduled-cron__hint"><?php echo t('settings.web_cron_hint'); ?></p>
            </details>
        </div>
    </div>

    <?php if ($isAdminUser): ?>
    <div class="admin-container" id="systemTab" style="display: none;">
        <div class="page-list-header">
            <div class="page-list-header-left"><h2><?php echo t('system.title'); ?></h2></div>
            <div class="page-list-header-actions"><button type="button" class="btn btn-secondary btn-sm" onclick="loadSystemStatus()"><?php echo t('btn.refresh'); ?></button></div>
        </div>
        <div id="systemStatusBody" class="system-status-grid" aria-live="polite"></div>
    </div>
    <?php endif; ?>
    </div><!-- /.admin-main -->
    </div><!-- /.admin-body -->

    <!-- Mail detail is now rendered inline within #mailsTab as #mailDetailView -->


    <!-- Confirmation Modal -->
    <div class="modal-overlay" id="modalOverlay" style="display: none;" aria-hidden="true">
        <div class="modal" role="dialog" aria-modal="true" aria-labelledby="modalTitle" aria-describedby="modalText">
            <h3 id="modalTitle"><?php echo t('btn.confirm'); ?></h3>
            <div id="modalText" class="modal-text"></div>
            <div class="modal-actions">
                <button class="btn btn-secondary" onclick="closeModal()"><?php echo t('btn.cancel'); ?></button>
                <button class="btn btn-danger" id="modalConfirm"><?php echo t('btn.confirm'); ?></button>
            </div>
        </div>
    </div>

    <?php if ($isAdminUser): ?>
    <!-- Icon Manager Modal -->
    <div class="modal-overlay" id="iconManagerModalOverlay" style="display: none;">
        <div class="modal modal-large icon-manager-modal">
            <h3 id="iconManagerModalTitle"><?php echo t('icons.edit_icon'); ?></h3>
            <form id="iconManagerForm">
                <input type="hidden" id="iconManagerOldKey" value="">
                <div class="modal-form">
                    <label class="modal-label"><?php echo t('icons.key'); ?>
                        <input type="text" id="iconManagerKey" class="modal-input" required>
                    </label>
                    <p class="form-hint"><?php echo t('icons.key_hint'); ?></p>
                    <label class="modal-label"><?php echo t('icons.label'); ?>
                        <input type="text" id="iconManagerLabel" class="modal-input">
                    </label>
                    <label class="modal-label"><?php echo t('icons.tags'); ?>
                        <input type="text" id="iconManagerTags" class="modal-input" placeholder="media, file, feature">
                    </label>
                    <p class="form-hint"><?php echo t('icons.tags_hint'); ?></p>
                    <label class="modal-label"><?php echo t('icons.viewbox'); ?>
                        <input type="text" id="iconManagerViewBox" class="modal-input" placeholder="0 0 24 24">
                    </label>
                    <div class="icon-manager-svg-field">
                        <label class="modal-label"><?php echo t('icons.svg'); ?>
                            <textarea id="iconManagerSvg" class="modal-input icon-manager-svg-input" required rows="8"></textarea>
                        </label>
                        <div class="icon-manager-svg-tools">
                            <button type="button" class="btn btn-secondary btn-sm" id="iconManagerCleanupBtn"><?php echo t('icons.cleanup'); ?></button>
                            <button type="button" class="btn btn-secondary btn-sm" id="iconManagerCurrentColorBtn"><?php echo t('icons.current_color'); ?></button>
                        </div>
                        <small class="form-hint"><?php echo htmlspecialchars(t('icons.svg_hint'), ENT_QUOTES, 'UTF-8'); ?></small>
                    </div>
                    <div class="icon-manager-preview-box">
                        <span><?php echo t('icons.preview'); ?></span>
                        <svg id="iconManagerPreview" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></svg>
                    </div>
                    <div class="info-banner info-banner--warning icon-manager-rename-warning" id="iconRenameWarning" hidden>
                        <div class="info-banner__inner">
                            <strong class="info-banner__title"><?php echo rjIcon('alert'); ?> <?php echo t('icons.rename_warning_title'); ?></strong>
                            <span class="info-banner__body"><?php echo t('icons.rename_warning'); ?></span>
                        </div>
                    </div>
                </div>
                <div class="modal-actions">
                    <button type="button" class="btn btn-secondary" onclick="closeIconManagerModal()"><?php echo t('btn.cancel'); ?></button>
                    <button type="submit" class="btn btn-primary"><?php echo t('btn.save'); ?></button>
                </div>
            </form>
        </div>
    </div>

    <!-- Iconify Import Modal -->
    <div class="modal-overlay" id="iconifyImportModalOverlay" style="display: none;">
        <div class="modal modal-large icon-manager-modal">
            <h3><?php echo t('icons.import_icon'); ?></h3>
            <div class="modal-form">
                <div class="iconify-import-controls">
                    <label class="modal-label" id="iconifyImportSetLabel"><?php echo t('icons.icon_set'); ?>
                        <div class="icon-set-picker" id="iconifyImportSetPicker">
                            <button type="button" class="icon-set-picker__btn modal-input" id="iconifyImportSetBtn" aria-haspopup="listbox" aria-expanded="false">
                                <span id="iconifyImportSetLabel2">Lucide</span>
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
                            </button>
                            <ul class="icon-set-picker__list" id="iconifyImportSetList" role="listbox" hidden>
                                <li role="option" data-value="lucide" aria-selected="true">Lucide</li>
                                <li role="option" data-value="tabler">Tabler Icons</li>
                                <li role="option" data-value="heroicons">Heroicons</li>
                                <li role="option" data-value="ph">Phosphor</li>
                                <li role="option" data-value="bi">Bootstrap Icons</li>
                                <li role="option" data-value="iconoir">Iconoir</li>
                                <li role="option" data-value="ion">Ionicons</li>
                                <li role="option" data-value="mynaui">Myna UI</li>
                                <li role="option" data-value="mingcute">MingCute</li>
                                <li role="option" data-value="tdesign">TDesign Icons</li>
                            </ul>
                            <input type="hidden" id="iconifyImportSet" value="lucide">
                        </div>
                    </label>
                    <label class="modal-label"><?php echo t('icons.search'); ?>
                        <input type="search" id="iconifyImportQuery" class="modal-input" placeholder="search, home, calendar">
                    </label>
                    <button type="button" class="btn btn-secondary btn-sm" id="iconifyImportSearchBtn"><?php echo t('icons.search'); ?></button>
                </div>
                <p class="form-hint" id="iconifyImportLicense"><?php echo t('icons.import_license_hint'); ?></p>
                <div class="iconify-import-results" id="iconifyImportResults"></div>
                <p class="trash-empty-msg" id="iconifyImportEmpty" style="display:none;"><?php echo t('icons.import_empty'); ?></p>
            </div>
            <div class="modal-actions">
                <button type="button" class="btn btn-secondary" onclick="closeIconifyImportModal()"><?php echo t('btn.close'); ?></button>
            </div>
        </div>
    </div>

    <!-- User Modal (Add/Edit) -->
    <div class="modal-overlay" id="userModalOverlay" style="display: none;">
        <div class="modal modal-large">
            <h3 id="userModalTitle"><?php echo t('settings.add_user'); ?></h3>
            <form id="userForm">
                <input type="hidden" id="userFormId" value="">
                <div class="modal-form">
                    <label class="modal-label"><?php echo t('settings.user_username'); ?>
                        <input type="text" id="userFormUsername" class="modal-input" required minlength="3">
                    </label>
                    <label class="modal-label"><?php echo t('settings.user_email'); ?>
                        <input type="email" id="userFormEmail" class="modal-input">
                    </label>
                    <label class="modal-label"><?php echo t('settings.user_role'); ?>
                        <select id="userFormRole" class="modal-input">
                            <option value="admin">Admin</option>
                            <option value="editor">Editor</option>
                        </select>
                    </label>
                    <div id="userFormPasswordGroup">
                        <label class="modal-label"><?php echo t('login.password'); ?>
                            <div class="password-field-row">
                                <input type="password" id="userFormPassword" class="modal-input" autocomplete="new-password">
                                <button type="button" class="btn btn-secondary btn-sm" id="userGenPwBtn"><?php echo t('setup.generate'); ?></button>
                            </div>
                        </label>
                        <div class="generated-password" id="userGeneratedPw" style="display: none;">
                            <code id="userGeneratedPwText"></code>
                        </div>
                    </div>
                </div>
                <div class="modal-actions">
                    <button type="button" class="btn btn-secondary" onclick="closeUserModal()"><?php echo t('btn.cancel'); ?></button>
                    <button type="submit" class="btn btn-primary" id="userFormSubmit"><?php echo t('btn.save'); ?></button>
                </div>
            </form>
        </div>
    </div>

    <!-- Reset Password Modal -->
    <div class="modal-overlay" id="resetPwModalOverlay" style="display: none;">
        <div class="modal modal-large">
            <h3 id="resetPwModalTitle"><?php echo t('settings.reset_password'); ?></h3>
            <form id="resetPwForm">
                <input type="hidden" id="resetPwUserId" value="">
                <div class="modal-form">
                    <label class="modal-label"><?php echo t('login.password'); ?>
                        <div class="password-field-row">
                            <input type="password" id="resetPwInput" class="modal-input" required minlength="8" autocomplete="new-password">
                            <button type="button" class="btn btn-secondary btn-sm" id="resetPwGenBtn"><?php echo t('setup.generate'); ?></button>
                        </div>
                    </label>
                    <div class="generated-password" id="resetPwGenerated" style="display: none;">
                        <code id="resetPwGeneratedText"></code>
                    </div>
                    <div class="password-requirements" id="resetPwReqs">
                        <small><?php echo t('settings.pw_requirements'); ?></small>
                        <ul>
                            <li class="requirement" data-req="length"><?php echo t('settings.pw_length'); ?></li>
                            <li class="requirement" data-req="upper"><?php echo t('settings.pw_upper'); ?></li>
                            <li class="requirement" data-req="lower"><?php echo t('settings.pw_lower'); ?></li>
                            <li class="requirement" data-req="digit"><?php echo t('settings.pw_digit'); ?></li>
                            <li class="requirement" data-req="special"><?php echo t('settings.pw_special'); ?></li>
                        </ul>
                    </div>
                </div>
                <div class="modal-actions">
                    <button type="button" class="btn btn-secondary" onclick="closeResetPwModal()"><?php echo t('btn.cancel'); ?></button>
                    <button type="submit" class="btn btn-primary"><?php echo t('btn.save'); ?></button>
                </div>
            </form>
        </div>
    </div>
    <?php endif; ?>

    <link rel="stylesheet" href="../css/revision-client.css?v=<?php echo filemtime(__DIR__ . '/../css/revision-client.css'); ?>">
    <script src="../js/revision-client.js?v=<?php echo filemtime(__DIR__ . '/../js/revision-client.js'); ?>"></script>
    <script src="../js/rj-select.js?v=<?php echo @filemtime(__DIR__ . '/../js/rj-select.js') ?: time(); ?>"></script>
    <script src="../js/image-manager.js?v=<?php echo @filemtime(__DIR__ . '/../js/image-manager.js') ?: time(); ?>"></script>
    <script>
    <?php require __DIR__ . '/dashboard/scripts/bootstrap.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/pages.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/media.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/page-actions.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/navigation.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/icons.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/messages.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/news.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/overview-ai.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/forms.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/settings.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/password.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/backups.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/reset.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/events.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/users-navigation.php'; ?>
    <?php require __DIR__ . '/dashboard/scripts/system.php'; ?>
    </script>
    <?php
    // The agent chats in the dashboard too (js/ai-agent.js plugs into the assistant). Same conditions as on the website:
    // switched on, a provider with tool calling, and a role that may chat with it.
    $_aiDashboardAgentConfig = null;
    if ($_aiDashboardCopilotAvailable && is_file(__DIR__ . '/../includes/ai/agent/agent-config.php')) {
        require_once __DIR__ . '/../includes/ai/agent/agent-config.php';
        $_aiDashboardAgentReason = '';
        if (raijuAgentAvailable($_aiDashboardAgentReason) && raijuAgentCan('chat')) {
            $_aiDashboardAgentConfig = [
                'available' => true,
                'rights' => array_combine(RAIJU_AGENT_RIGHTS, array_map('raijuAgentCan', RAIJU_AGENT_RIGHTS)),
                'classic' => raijuAgentSettings()['classicMode'] !== false,
                'maxUploadFiles' => 6,
                'maxUploadBytes' => function_exists('getMediaConfig') ? (int)(getMediaConfig('image')['maxSize'] ?? 10485760) : 10485760,
            ];
        }
    }
    ?>
    <?php if ($_aiDashboardAgentConfig !== null): ?>
    <script>window.RJ_AI_AGENT = <?php echo json_encode($_aiDashboardAgentConfig, JSON_UNESCAPED_UNICODE | JSON_HEX_TAG); ?>;</script>
    <?php endif; ?>
    <?php if ($_aiDashboardCopilotAvailable && is_file(__DIR__ . '/../js/ai-copilot.js')): ?>
    <script src="../js/ai-copilot.js?v=<?php echo @filemtime(__DIR__ . '/../js/ai-copilot.js') ?: time(); ?>"></script>
    <?php if ($_aiDashboardAgentConfig !== null && is_file(__DIR__ . '/../js/ai-agent.js')): ?>
    <script src="../js/ai-agent.js?v=<?php echo @filemtime(__DIR__ . '/../js/ai-agent.js') ?: time(); ?>"></script>
    <?php endif; ?>
    <?php endif; ?>
</body>
</html>