# Калькулятор аренды оборудования ## Тип решения Статический веб-сайт (index.html + style.css + script.js). ## Задача Расчет стоимости аренды оборудования на основе типа устройства, срока, количества и скидки. ## Кто пользуется Менеджеры по продажам и клиенты для предварительного расчета стоимости. ## Что делает прототип - Отображает форму ввода с полями: выбор типа оборудования (выпадающий список), срок аренды (число месяцев), количество единиц (число), размер скидки (проценты). - Показывает итоговую сумму крупно на экране. - Кнопка «Рассчитать» обновляет итог мгновенно. - Кнопка «Очистить» сбрасывает все поля в ноль. - Список последних 5 расчетов сохраняется и отображается ниже формы. - Данные сохраняются в браузере пользователя и не пропадают после обновления страницы. - Удаление записи из истории происходит только после подтверждения диалоговым окном, с записью факта удаления в системный журнал (визуально). ## Демо-данные В справочнике оборудования предустановлены 3 позиции: «Серверная стойка» (50 000 тг/мес), «Оптический терминал» (2 000 тг/мес), «Wi-Fi роутер» (3 500 тг/мес). В истории расчетов — 2 примера с датами в формате ДД.ММ.ГГГГ. ## Допущения - Базовая стоимость оборудования жестко задана в коде (владелец не предоставил прайс-лист). - Скидка применяется ко всей сумме чека. - НДС не выделяется отдельно. ## Чего пока нет - Интеграции с 1С и CRM. - Личного кабинета и авторизации. - Выгрузки отчета в Excel (для единичного расчета не требуется). ## Дизайн — дизайн-система KT AI Весь интерфейс собирай на дизайн-системе KT AI, которая уже лежит в папке проекта `design-system/`. Перед первой строкой вёрстки прочитай `design.md` и `design-system/AGENTS.md` и следуй им. Подключай файлы ДС относительными путями и в этом порядке: `./design-system/kt-ai-fonts.css`, `./design-system/kt-ai-tokens.css`, `./design-system/kt-ai-components.css`, `./design-system/kt-ai-page.css`. Тема по умолчанию — светлая: ``; не ставь `dark` и не ставь `auto` (auto уходит в тёмную по системной теме). Переключатель темы можно оставить, но открываться страница должна светлой. Цвета, отступы и размеры — только токенами `var(--kt-ai-…)`, иконки — из `design-system/icons/kt-ai-lucide-sprite.svg`. Таблицы, списки, журналы, дашборды и формы собирай из готовых классов ДС (`design-system/COMPONENTS.md`), архетип экрана выбирай по `design-system/docs/ARCHETYPES.md`. Каркас страницы — из `design.md`, с обычными ``. Шаблон `design-system/templates/kt-ai-app-shell.html` целиком не копируй: его скрипты-загрузчики (`data-kt-ai-base-resolver`, `data-kt-ai-boot`) тянут CSS с корня сайта по абсолютному пути `/design-system/…`, а сайт публикуется в подпапке — стили не загрузятся. Подключай только файлы, которые реально лежат в `design-system/` (проверь `ls design-system`): файла `kt-ai-components.js` там нет. Свой стиль не выдумывай, Bootstrap/Tailwind/Material/Google Fonts не подключай, сырые hex-цвета не пиши. Папку `design-system/` закоммить вместе с проектом — иначе опубликованная страница останется без стилей.