magistr/frontend/admin/views/schedule.html

<div class="card create-card">
    <div class="card-header-row">
        <h2 id="schedule-rule-form-title">Новое правило расписания</h2>
        <button type="button" class="btn-edit-classroom" id="schedule-rule-reset">Очистить форму</button>
    </div>
    <form id="schedule-rule-form" novalidate>
        <input type="hidden" id="schedule-rule-id">
        <div class="form-row">
            <div class="form-group">
                <label for="schedule-rule-subject">Дисциплина</label>
                <select id="schedule-rule-subject" required>
                    <option value="">Загрузка...</option>
                </select>
            </div>
            <div class="form-group">
                <label for="schedule-rule-semester">Семестр</label>
                <select id="schedule-rule-semester" required>
                    <option value="">Загрузка...</option>
                </select>
            </div>
        </div>

        <div class="schedule-hours-panel">
            <label class="schedule-section-label">Часы и недели начала</label>
            <div class="schedule-hours-grid">
                <div class="schedule-hours-row">
                    <div class="schedule-hours-title">Лекции</div>
                    <div class="form-group">
                        <label for="schedule-rule-lecture-hours">Часы</label>
                        <input type="number" id="schedule-rule-lecture-hours" min="0" step="1" value="0" required>
                    </div>
                    <div class="form-group">
                        <label for="schedule-rule-lecture-start-week">Неделя начала</label>
                        <input type="number" id="schedule-rule-lecture-start-week" min="1" step="1" value="1" required>
                    </div>
                </div>
                <div class="schedule-hours-row">
                    <div class="schedule-hours-title">Лабораторные</div>
                    <div class="form-group">
                        <label for="schedule-rule-laboratory-hours">Часы</label>
                        <input type="number" id="schedule-rule-laboratory-hours" min="0" step="1" value="0" required>
                    </div>
                    <div class="form-group">
                        <label for="schedule-rule-laboratory-start-week">Неделя начала</label>
                        <input type="number" id="schedule-rule-laboratory-start-week" min="1" step="1" value="1" required>
                    </div>
                </div>
                <div class="schedule-hours-row">
                    <div class="schedule-hours-title">Практики</div>
                    <div class="form-group">
                        <label for="schedule-rule-practice-hours">Часы</label>
                        <input type="number" id="schedule-rule-practice-hours" min="0" step="1" value="0" required>
                    </div>
                    <div class="form-group">
                        <label for="schedule-rule-practice-start-week">Неделя начала</label>
                        <input type="number" id="schedule-rule-practice-start-week" min="1" step="1" value="1" required>
                    </div>
                </div>
            </div>
        </div>

        <div class="schedule-groups-panel">
            <label class="schedule-section-label">Группы</label>
            <div id="schedule-rule-groups" class="custom-multi-select schedule-group-select">
                <div class="select-box" id="schedule-rule-groups-box" role="button" tabindex="0" aria-expanded="false">
                    <span class="select-text" id="schedule-rule-groups-text">Выберите группы...</span>
                    <svg class="dropdown-icon" width="12" height="8" viewBox="0 0 12 8" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path d="M1 1.5L6 6.5L11 1.5" stroke="#9ca3af" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </div>
                <div class="dropdown-menu" id="schedule-rule-groups-menu">
                    <div id="schedule-rule-group-checkboxes" class="checkbox-group-vertical schedule-group-checkboxes"></div>
                </div>
            </div>
        </div>

        <div class="schedule-slots-panel">
            <div class="card-header-row">
                <h2>Слоты правила</h2>
                <button type="button" class="btn-edit-classroom" id="schedule-slot-add">Добавить слот</button>
            </div>
            <div id="schedule-rule-slots" class="schedule-slots-list"></div>
        </div>

        <div class="form-row schedule-rule-actions">
            <button type="submit" class="btn-primary">Сохранить правило</button>
        </div>
        <div class="form-alert" id="schedule-rule-alert" role="alert"></div>
    </form>
</div>

<div class="card">
    <div class="card-header-row">
        <h2>Правила динамического расписания</h2>
        <button class="btn-primary" id="schedule-refresh">Обновить</button>
    </div>
    <div class="table-wrap">
        <table id="schedule-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Дисциплина</th>
                    <th>Семестр</th>
                    <th>Группы</th>
                    <th>Нагрузка</th>
                    <th>Слоты</th>
                    <th>Действия</th>
                </tr>
            </thead>
            <tbody id="schedule-tbody">
                <tr>
                    <td colspan="7" class="loading-row">Загрузка...</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

<button type="button"
        class="schedule-visual-handle"
        id="schedule-visual-toggle"
        aria-label="Показать визуальное расписание"
        aria-expanded="false">‹</button>

<div class="schedule-visual-backdrop" id="schedule-visual-backdrop" hidden></div>

<aside class="schedule-visual-drawer" id="schedule-visual-drawer" aria-hidden="true">
    <div class="schedule-visual-header">
        <div class="schedule-visual-header-main">
            <div>
                <h2>Визуальное расписание групп</h2>
                <span class="muted" id="schedule-visual-summary">Правила ещё не загружены</span>
            </div>
            <button type="button" class="btn-edit-classroom" id="schedule-visual-close">Свернуть</button>
        </div>
        <div class="schedule-visual-toolbar">
            <div class="schedule-visual-period-grid">
                <div class="form-group">
                    <label for="schedule-visual-year">Учебный год</label>
                    <select id="schedule-visual-year">
                        <option value="">Загрузка...</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="schedule-visual-semester">Семестр</label>
                    <select id="schedule-visual-semester">
                        <option value="">Загрузка...</option>
                    </select>
                </div>
            </div>
            <div class="schedule-visual-filter-head">
                <span>Группы</span>
                <div>
                    <button type="button" class="btn-edit-classroom" id="schedule-visual-use-form">Из формы</button>
                    <button type="button" class="btn-edit-classroom" id="schedule-visual-select-all">Все</button>
                </div>
            </div>
            <div class="schedule-visual-group-filter" id="schedule-visual-group-filter">
                <span class="muted">Группы появятся после загрузки правил</span>
            </div>
        </div>
    </div>
    <div class="schedule-visual-stage" id="schedule-visual-stage">
        <div class="loading-row schedule-visual-state">Загрузка...</div>
    </div>
</aside>