<?php

declare(strict_types=1);

require_once __DIR__ . '/../src/config.php';

header('Content-Type: text/html; charset=utf-8');
header('Cache-Control: no-store, max-age=0');
header('X-Content-Type-Options: nosniff');
?>
<!doctype html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Darex AI</title>
    <link rel="stylesheet" href="assets/settings-wizard.css?v=20260908-4">
    <link rel="stylesheet" href="assets/analytics.css?v=20260918-1">
    <script src="//api.bitrix24.com/api/v1/"></script>
</head>
<body>
    <header class="topbar">
        <div class="brand">
            <div id="brandMark" class="brand-mark">AI</div>
            <div><h1>Darex AI</h1><small id="sectionName">Приложение</small></div>
        </div>
        <div class="topbar-spacer"></div>
        <div id="connection" class="connection">
            <span class="connection-dot"></span><span id="connectionText">Подключение</span>
        </div>
    </header>
    <nav id="appNavigation" class="app-navigation" aria-label="Разделы приложения" hidden>
        <button type="button" data-view="home" class="icon-button" title="Главная" aria-label="Главная"></button>
        <button type="button" data-view="settings" class="secondary">Настройки приложения</button>
        <button type="button" data-view="analytics" class="secondary">Аналитика</button>
    </nav>
    <main id="appHome" class="app-home" hidden>
        <h2 tabindex="-1">Darex AI</h2>
        <div class="app-choices">
            <button type="button" data-view="settings" class="app-choice"><span data-icon="Settings"></span><span>Настройки приложения</span><span data-icon="ArrowRight"></span></button>
            <button type="button" data-view="analytics" class="app-choice"><span data-icon="ChartNoAxesCombined"></span><span>Аналитика</span><span data-icon="ArrowRight"></span></button>
        </div>
    </main>
    <main id="analyticsView" class="analytics-view" hidden>
        <h2 tabindex="-1">Аналитика</h2>
        <form id="analyticsForm" class="analytics-form">
            <div class="field"><label for="analyticsDateFrom">Дата создания сделки, с</label><input id="analyticsDateFrom" class="control" type="date" required></div>
            <div class="field"><label for="analyticsDateTo">Дата создания сделки, по</label><input id="analyticsDateTo" class="control" type="date" required></div>
            <div class="field"><label for="analyticsBenchmark">Эталонный показатель, %</label><input id="analyticsBenchmark" class="control" type="number" min="0" max="100" step="0.1" value="50" required></div>
            <div class="field"><label for="analyticsExpense">Расход, ₽</label><input id="analyticsExpense" class="control" type="number" min="0" max="1000000000" step="0.01" required></div>
            <button id="calculateAnalytics" class="primary" type="submit">Рассчитать</button>
            <button id="cancelAnalytics" class="secondary" type="button" hidden>Отменить</button>
        </form>
        <div id="analyticsError" class="form-error" role="alert" hidden></div>
        <p id="analyticsStatus" role="status" aria-live="polite"></p>
        <progress id="analyticsProgress" max="1" value="0" hidden aria-label="Расчёт аналитики"></progress>
        <div id="analyticsResults" hidden>
            <p id="analyticsScope" class="analytics-scope"></p>
            <div id="analyticsWarnings" class="analytics-warnings"></div>
            <section class="analytics-section"><h3>Основные показатели</h3><div class="analytics-table-scroll" role="region" aria-label="Основные показатели" tabindex="0"><table id="analyticsMain"></table></div></section>
            <section class="analytics-section"><h3>Коммуникация</h3><div class="analytics-table-scroll" role="region" aria-label="Коммуникация" tabindex="0"><table id="analyticsCommunication"></table></div></section>
        </div>
    </main>
    <div id="workspace" class="layout" hidden>
        <aside class="sidebar">
            <p class="sidebar-title">ШАГИ НАСТРОЙКИ</p>
            <nav id="navigation" aria-label="Шаги настройки"></nav>
            <div class="progress-area"><span id="progressText"></span><progress id="progress" value="1" max="8"></progress></div>
        </aside>
        <main class="main">
            <div class="content">
                <div class="page-heading"><div><div id="stepCount" class="eyebrow"></div><h2 id="stepTitle" tabindex="-1"></h2></div><span id="draftStatus" role="status"></span></div>
                <div id="formError" class="form-error" role="alert" hidden></div>
                <form id="settingsForm" novalidate><div id="content"></div></form>
                <section id="review" aria-labelledby="stepTitle" hidden></section>
            </div>
            <footer class="actions"><button id="backButton" type="button" class="secondary">Назад</button><span id="footerStatus" role="status"></span><button id="nextButton" type="button" class="primary">Далее</button><button id="saveButton" type="button" class="primary" hidden disabled>Сохранить изменения</button></footer>
        </main>
    </div>
    <div id="loading" class="loading" role="status"><p id="loadingText">Загрузка настроек...</p><button id="retryButton" type="button" class="secondary" hidden>Повторить</button></div>
    <div id="toast" class="toast hidden" role="status"></div>
    <script src="assets/lucide.min.js?v=1.8.0"></script>
    <script src="assets/analytics.js?v=20260922-prefilter"></script>
    <script src="assets/settings-wizard.js?v=20260918-1"></script>
</body>
</html>
