<!-- ===== University Structure Tab (Departments, Specialties & Profiles) ===== -->
<div class="tab-container">
    <div class="university-structure-tabs" role="tablist" aria-label="Разделы структуры вуза">
        <button type="button" class="university-structure-tab active" id="btn-tab-departments" role="tab" aria-selected="true" aria-controls="tab-content-departments">Кафедры</button>
        <button type="button" class="university-structure-tab" id="btn-tab-specialties" role="tab" aria-selected="false" aria-controls="tab-content-specialties">Специальности</button>
        <button type="button" class="university-structure-tab" id="btn-tab-profiles" role="tab" aria-selected="false" aria-controls="tab-content-profiles">Профили</button>
    </div>

    <!-- Раздел Кафедр -->
    <div id="tab-content-departments" class="university-structure-tab-panel active" role="tabpanel" aria-labelledby="btn-tab-departments">
        <div class="card create-card">
            <h2>Создание кафедры</h2>
            <form id="create-department-form">
                <div class="form-row">
                    <div class="form-group">
                        <label for="dept-name">Название кафедры</label>
                        <input type="text" id="dept-name" placeholder="Например: Кафедра ИБ" required>
                    </div>
                    <div class="form-group">
                        <label for="dept-code">Код кафедры</label>
                        <input type="number" id="dept-code" placeholder="Например: 1" required>
                    </div>
                    <button type="submit" class="btn btn-md btn-primary">Создать</button>
                </div>
                <div class="form-alert" id="create-dept-alert" role="alert"></div>
            </form>
        </div>

        <div class="card">
            <div class="card-header-row">
                <h2>Кафедры</h2>
            </div>
            <div class="table-wrap">
                <table id="departments-table">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Название</th>
                            <th>Код</th>
                            <th>Действия</th>
                        </tr>
                    </thead>
                    <tbody id="departments-tbody">
                        <tr>
                            <td colspan="4" class="loading-row">Загрузка...</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Раздел Специальностей -->
    <div id="tab-content-specialties" class="university-structure-tab-panel" role="tabpanel" aria-labelledby="btn-tab-specialties" hidden>
        <div class="card create-card">
            <h2>Создание специальности</h2>
            <form id="create-specialty-form">
                <div class="form-row">
                    <div class="form-group">
                        <label for="spec-name">Название специальности</label>
                        <input type="text" id="spec-name" placeholder="Например: Программная инженерия" required>
                    </div>
                    <div class="form-group">
                        <label for="spec-code">Код специальности</label>
                        <input type="text" id="spec-code" placeholder="Например: 09.03.04" required>
                    </div>
                    <button type="submit" class="btn btn-md btn-primary">Создать</button>
                </div>
                <div class="form-alert" id="create-spec-alert" role="alert"></div>
            </form>
        </div>

        <div class="card">
            <div class="card-header-row">
                <h2>Специальности</h2>
            </div>
            <div class="table-wrap">
                <table id="specialties-table">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Название</th>
                            <th>Код специальности</th>
                            <th>Действия</th>
                        </tr>
                    </thead>
                    <tbody id="specialties-tbody">
                        <tr>
                            <td colspan="4" class="loading-row">Загрузка...</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Раздел Профилей -->
    <div id="tab-content-profiles" class="university-structure-tab-panel" role="tabpanel" aria-labelledby="btn-tab-profiles" hidden>
        <div class="card create-card">
            <h2 id="main-profile-form-title">Создание профиля</h2>
            <form id="create-profile-tab-form">
                <input type="hidden" id="tab-profile-id">
                <div class="form-row">
                    <div class="form-group" style="flex: 1; min-width: 200px;">
                        <label for="tab-profile-spec">Специальность</label>
                        <select id="tab-profile-spec" required>
                            <option value="">Выберите специальность</option>
                        </select>
                    </div>
                    <div class="form-group" style="flex: 1.5; min-width: 250px;">
                        <label for="tab-profile-name">Название профиля</label>
                        <input type="text" id="tab-profile-name" placeholder="Например: Искусственный интеллект" required>
                    </div>
                    <div class="form-group" style="flex: 2; min-width: 250px;">
                        <label for="tab-profile-description">Описание</label>
                        <input type="text" id="tab-profile-description" placeholder="Необязательно">
                    </div>
                    <div style="display: flex; gap: 0.5rem; align-items: flex-end;">
                        <button type="submit" class="btn btn-md btn-primary" id="btn-tab-save-profile">Создать</button>
                        <button type="button" class="btn btn-md btn-ghost" id="btn-tab-cancel-profile-edit" style="display: none;">Отмена</button>
                    </div>
                </div>
                <div class="form-alert" id="tab-profile-alert" role="alert"></div>
            </form>
        </div>

        <div class="card">
            <div class="card-header-row">
                <h2>Профили обучения</h2>
            </div>
            <div class="table-wrap">
                <table id="profiles-table">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Специальность</th>
                            <th>Название профиля</th>
                            <th>Описание</th>
                            <th>Действия</th>
                        </tr>
                    </thead>
                    <tbody id="profiles-tbody">
                        <tr>
                            <td colspan="5" class="loading-row">Загрузка...</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Модальное окно редактирования кафедры -->
<div class="modal-overlay" id="modal-edit-department">
    <div class="modal-content card">
        <h2>Редактирование кафедры</h2>
        <button class="modal-close" id="modal-edit-department-close">&times;</button>
        <form id="edit-department-form">
            <input type="hidden" id="edit-dept-id">
            <div class="form-row">
                <div class="form-group">
                    <label for="edit-dept-name">Название кафедры</label>
                    <input type="text" id="edit-dept-name" required>
                </div>
                <div class="form-group">
                    <label for="edit-dept-code">Код кафедры</label>
                    <input type="number" id="edit-dept-code" required>
                </div>
                <button type="submit" class="btn btn-md btn-primary">Сохранить</button>
            </div>
            <div class="form-alert" id="edit-dept-alert" role="alert"></div>
        </form>
    </div>
</div>

<!-- Модальное окно редактирования специальности -->
<div class="modal-overlay" id="modal-edit-specialty">
    <div class="modal-content card">
        <h2>Редактирование специальности</h2>
        <button class="modal-close" id="modal-edit-specialty-close">&times;</button>
        <form id="edit-specialty-form">
            <input type="hidden" id="edit-spec-id">
            <div class="form-row">
                <div class="form-group">
                    <label for="edit-spec-name">Название специальности</label>
                    <input type="text" id="edit-spec-name" required>
                </div>
                <div class="form-group">
                    <label for="edit-spec-code">Код специальности</label>
                    <input type="text" id="edit-spec-code" required>
                </div>
                <button type="submit" class="btn btn-md btn-primary">Сохранить</button>
            </div>
            <div class="form-alert" id="edit-spec-alert" role="alert"></div>
        </form>
    </div>
</div>

<!-- Модальное окно управления Профилями специальности -->
<div class="modal-overlay" id="modal-manage-profiles">
    <div class="modal-content card" style="max-width: 800px; width: 90%;">
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;">
            <div>
                <h2>Профили обучения</h2>
                <div id="profiles-spec-context" style="color: var(--text-secondary); font-size: 0.9rem; margin-top: 0.25rem;"></div>
            </div>
            <button class="modal-close" id="modal-manage-profiles-close" style="position: static; font-size: 2rem; background: none; border: none; cursor: pointer; color: var(--text-secondary);">&times;</button>
        </div>

        <!-- Форма создания/редактирования профиля -->
        <div class="card create-card" style="margin-bottom: 1.5rem; background: var(--bg-secondary);">
            <h3 id="profile-form-title">Создание профиля</h3>
            <form id="manage-profile-form">
                <input type="hidden" id="manage-profile-id">
                <input type="hidden" id="manage-profile-spec-id">
                <div class="form-row">
                    <div class="form-group">
                        <label for="manage-profile-name">Название профиля</label>
                        <input type="text" id="manage-profile-name" placeholder="Например: Искусственный интеллект" required>
                    </div>
                    <div class="form-group">
                        <label for="manage-profile-description">Описание</label>
                        <input type="text" id="manage-profile-description" placeholder="Необязательно">
                    </div>
                    <div style="display: flex; gap: 0.5rem; align-items: flex-end;">
                        <button type="submit" class="btn btn-md btn-primary" id="btn-save-profile">Создать</button>
                        <button type="button" class="btn btn-md btn-ghost" id="btn-cancel-profile-edit" style="display: none;">Отмена</button>
                    </div>
                </div>
                <div class="form-alert" id="manage-profile-alert" role="alert"></div>
            </form>
        </div>

        <!-- Таблица профилей -->
        <div class="table-wrap">
            <table id="manage-profiles-table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Название</th>
                        <th>Описание</th>
                        <th>Действия</th>
                    </tr>
                </thead>
                <tbody id="manage-profiles-tbody">
                    <tr>
                        <td colspan="4" class="loading-row">Загрузка...</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
