# Панель управления

# Панель управления (Dashboard)

Панель управления — это главная страница, которую вы видите сразу после входа в систему. Содержание панели зависит от вашей роли.

## Панель сотрудника / администратора

![Панель сотрудника](images/dashboard/worker_dashboard.png)

### Статистические карточки

В верхнем ряду отображаются три карточки с ключевыми показателями:

| Карточка | Описание |
|----------|----------|
| **Проведённые уроки** | Общее количество проведённых уроков по вашим курсам |
| **Неподписанные заявления** | Количество заявлений, ожидающих подписания |
| **Заполненность групп** | Процент заполнения групп. Наведите курсор, чтобы увидеть абсолютные числа (например, 15/20) |

### Мои курсы

Список курсов, где вы являетесь преподавателем или ассистентом:

1. Для каждого курса показано количество студентов.
2. Используйте **поле поиска** для быстрого нахождения курса по названию.
3. Если курсов больше 6, нажмите **Показать ещё** для отображения полного списка.
4. Доступные действия для каждого курса:
   - **Отметить посещаемость** — перейти к отметке посещения
   - **Студенты** — просмотр списка студентов курса
   - **Курс** — перейти к детальной странице курса

### Ближайшие уроки

Список следующих 3 запланированных уроков с указанием:
- Даты и времени
- Кабинета (если указан)
- Преподавателя

Сегодняшние уроки выделены визуально.

### Дни рождения учеников

Список учеников с днями рождения в ближайшие 14 дней:
- Имя ученика
- Возраст (сколько лет исполняется)
- Дата дня рождения
- Сколько дней осталось

Сегодняшние именинники выделены жёлтым фоном.

### Статус счетов

Круговая диаграмма с финансовой статистикой:
- Выставленные суммы
- Оплаченные суммы
- Просроченные суммы

### Одобрение отпусков

Отображается при наличии модуля HR и права на одобрение отпусков:
- Количество ожидающих одобрения заявок
- Количество работников, находящихся в отпуске сейчас
- Список первых 5 ожидающих заявок с датами и длительностью

![Панель сотрудника — дополнительный вид](images/dashboard/worker_dashboard_2.png)

### Календарь

Справа расположен интерактивный календарь:
1. Навигация по месяцам стрелками.
2. Дни с запланированными уроками отмечены маркерами.
3. **Нажмите на дату**, чтобы открыть модальное окно с расписанием на этот день.

---

## Панель плательщика

### Статистические карточки

| Карточка | Описание |
|----------|----------|
| **Посещённые уроки** | Общее количество посещённых уроков ваших детей |
| **Неподписанные заявления** | Заявления, ожидающие вашей подписи |

### Ближайшие уроки

Список следующих 5 уроков:
- Дата и время
- Название курса
- Кабинет и преподаватель
- Статус посещаемости (если уже отмечена)

Сегодняшние уроки выделены синим бейджем.

### Неоплаченные счета

Список выставленных, но не оплаченных счетов:
- Название курса
- Номер счёта
- Дата оплаты
- Сумма
- Кнопка **Оплатить** — переход на страницу оплаты

Ссылка **Все** ведёт к полному списку счетов.

### Календарь

Интерактивный календарь с маркерами дат уроков. Нажмите на дату для просмотра расписания.

---

## Панель студента

![Панель студента](images/dashboard/student_dashboard.png)

### Статистические карточки

| Карточка | Описание |
|----------|----------|
| **Посещённые уроки** | Количество посещённых уроков |
| **Активные курсы** | Количество курсов, на которые вы записаны |
| **Следующий урок** | Дата, время и название ближайшего урока |

### Назначенные тесты

Список тестов, которые вам назначены и ещё не пройдены:
- Название теста
- Тип теста (бейдж)
- Срок выполнения (если указан) — сортировка по ближайшему сроку
- Количество оставшихся попыток
- Кнопка **Начать тест** (неактивна, если попытки исчерпаны)

Ссылка **Все** ведёт к полному списку тестов.

### Ближайшие уроки

Аналогично панели плательщика: список ближайших уроков с датой, временем, курсом и кабинетом.

### Календарь

Интерактивный календарь с маркерами дат уроков.

---

## Модальное окно расписания

При нажатии на дату в календаре открывается окно с детальным расписанием на выбранный день:
- Список курсов с расписанием на эту дату
- Время, кабинет, преподаватель

Для сотрудников расписание фильтруется по курсам, где вы являетесь преподавателем или ассистентом.

![Модальное окно расписания](images/dashboard/dashboard_schedule.png)

> **Совет:** Виджеты на панели управления могут отличаться в зависимости от вашей роли, прав доступа и включённых модулей в системе.