# Реестр обращений абонентов

## Тип решения
Статика: одна страница index.html + style.css + script.js на ванильном JS, с сохранением данных в браузере между открытиями.

## Задача
Сделать реестр обращений абонентов с учётом того, кто обратился, в чём суть проблемы, кто взял в работу, срок, статус и признак просрочки.

## Кто пользуется
Сотрудник, который ведёт обращения абонентов и ежедневно обновляет их статус.

## Что делает прототип (по экранам и кнопкам)
На одном экране отображаются:
- верхняя панель со счётчиками: всего обращений, новые, в работе, выполнены, просрочены;
- строка поиска по ФИО/контакту абонента, сути проблемы, ответственному и статусу;
- кнопки-чипсы фильтра по статусу: «Все», «Новые», «В работе», «Выполнены»;
- таблица всех обращений со столбцами: дата обращения, кто обратился, суть проблемы, кто взял в работу, срок, статус, просрочка;
- кнопка «Добавить обращение»;
- в каждой строке кнопки «Редактировать» и «Удалить».

Форма добавления/редактирования открывается в модальном окне и содержит поля:
- дата обращения;
- кто обратился;
- контакт абонента;
- суть проблемы;
- кто взял в работу;
- срок;
- статус.

Поведение кнопок:
- «Добавить обращение» — открывает пустую форму;
- «Редактировать» — открывает форму с данными выбранной строки;
- «Сохранить» — добавляет или изменяет запись и обновляет таблицу, счётчики и признак просрочки;
- «Удалить» — требует подтверждение, после удаления запись исчезает из таблицы;
- поиск — фильтрует список по введённому тексту;
- чипсы статуса — оставляют только выбранный статус;
- система автоматически показывает просроченные обращения, если срок меньше текущей даты и статус не «Выполнены»;
- кнопка «Выгрузить в Excel (CSV)» — скачивает текущий список с применёнными фильтрами.

При удалении и изменении записи в журнале изменений сохраняется строка вида: когда, что, кто. Журнал также доступен в прототипе отдельным блоком/вкладкой на этой же странице.

## Демо-данные
Заложить 8 записей в казахстанском контексте:
- 2 обращения со статусом «Новые»;
- 3 обращения со статусом «В работе»;
- 2 обращения со статусом «Выполнены»;
- 1 обращение просрочено.

Примеры данных:
- Айгүл Сәтбаева, Алматы, проблема с интернетом, взял в работу Ерлан Нурбаев, срок 28.08.2026, статус «В работе»;
- Данияр Төлегенов, Астана, нет доступа к личному кабинету, взяла в работу Гүлнұр Иманова, срок 27.08.2026, статус «Новые»;
- Нұрсұлтан Қасымов, Шымкент, не проходит оплата, взял в работу Марат Серік, срок 25.08.2026, статус «Выполнены»;
- Асель Жумабаева, Караганда, низкая скорость, взяла в работу Айдана Оразалы, срок 26.08.2026, статус «В работе» и просрочка.

Даты в интерфейсе показывать в формате ДД.ММ.ГГГГ.

## Допущения
- Под «кто обратился» понимается ФИО абонента и его контактный телефон.
- Поле «кто взял в работу» трактуется как ответственный сотрудник.
- Статусы для прототипа: «Новые», «В работе», «Выполнены».
- Срок — календарная дата без времени.
- Просрочка считается автоматически по сравнению срока с текущей датой.

## Чего пока нет
- Авторизация и разграничение прав.
- Интеграции с CRM, 1С и корпоративными базами.
- Общая серверная база между пользователями.
- Уведомления и автоматическая маршрутизация обращений.