<section class="schedule-view-shell">
    <div class="card schedule-view-control-card">
        <div class="schedule-view-control-header">
            <div>
                <h2>Расписания</h2>
                <span class="muted" id="schedule-view-period-label">Период не выбран</span>
            </div>
            <button type="button" class="btn btn-md btn-secondary" id="schedule-view-load">Показать</button>
        </div>

        <div class="schedule-view-control-grid">
            <div class="form-group">
                <label for="schedule-view-target">Что смотреть</label>
                <select id="schedule-view-target">
                    <option value="groups">Группа</option>
                    <option value="teachers">Преподаватель</option>
                    <option value="classrooms">Аудитория</option>
                    <option value="departments">Кафедра</option>
                </select>
            </div>

            <div class="form-group schedule-view-entity-field" data-schedule-view-target-field="groups">
                <label for="schedule-view-group">Группа</label>
                <select id="schedule-view-group">
                    <option value="">Все группы</option>
                </select>
            </div>

            <div class="form-group schedule-view-entity-field" data-schedule-view-target-field="teachers" hidden>
                <label for="schedule-view-teacher">Преподаватель</label>
                <select id="schedule-view-teacher">
                    <option value="">Все преподаватели</option>
                </select>
            </div>

            <div class="form-group schedule-view-entity-field" data-schedule-view-target-field="classrooms" hidden>
                <label for="schedule-view-classroom">Аудитория</label>
                <select id="schedule-view-classroom">
                    <option value="">Все аудитории</option>
                </select>
            </div>

            <div class="form-group schedule-view-entity-field" data-schedule-view-target-field="departments" hidden>
                <label for="schedule-view-department">Кафедра</label>
                <select id="schedule-view-department">
                    <option value="">Все кафедры</option>
                </select>
            </div>

            <input type="date" id="schedule-view-date" style="display: none;">
        </div>

        <details class="schedule-view-extra-filters">
            <summary>Дополнительные фильтры</summary>
            <div class="schedule-view-extra-grid">
                <div class="form-group">
                    <label for="schedule-view-subject">Дисциплина</label>
                    <select id="schedule-view-subject">
                        <option value="">Все дисциплины</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="schedule-view-lesson-type">Тип занятия</label>
                    <select id="schedule-view-lesson-type">
                        <option value="">Все типы</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="schedule-view-parity">Неделя</label>
                    <select id="schedule-view-parity">
                        <option value="">Любая</option>
                        <option value="BOTH">Каждая</option>
                        <option value="ODD">Нечётная</option>
                        <option value="EVEN">Чётная</option>
                    </select>
                </div>
            </div>
        </details>

        <div class="form-alert" id="schedule-view-alert" role="alert"></div>
    </div>

    <div class="card schedule-view-results-card">
        <div class="schedule-view-results-header">
            <div>
                <h2>Найденные расписания</h2>
                <span class="muted" id="schedule-view-count">0 занятий</span>
            </div>
            <div class="schedule-view-result-actions">
                <button type="button" class="btn btn-icon-md btn-secondary" id="schedule-view-result-prev" aria-label="Предыдущее расписание">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                        <polyline points="15 18 9 12 15 6"></polyline>
                    </svg>
                </button>
                <span id="schedule-view-active-label">Нет выбранного расписания</span>
                <button type="button" class="btn btn-icon-md btn-secondary" id="schedule-view-result-next" aria-label="Следующее расписание">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                        <polyline points="9 18 15 12 9 6"></polyline>
                    </svg>
                </button>
            </div>
        </div>
        <div class="schedule-view-result-tabs" id="schedule-view-result-tabs"></div>
    </div>

    <div class="card schedule-view-table-card">
        <div class="schedule-view-table-header">
            <div>
                <h2 id="schedule-view-table-title">Расписание</h2>
                <span class="muted" id="schedule-view-table-caption">Выберите параметры и нажмите «Показать»</span>
            </div>
            <div class="schedule-view-day-tabs" id="schedule-view-day-tabs" hidden></div>
        </div>
        <div class="schedule-view-table-stage" id="schedule-view-tables">
            <div class="loading-row schedule-view-state">Загрузка...</div>
        </div>
    </div>
</section>
