magistr/frontend/admin/views/departments-data.html

<!-- ===== Departments and Specialties Tab ===== -->
<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-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 class="card create-card">
    <h2>Профили обучения</h2>
    <form id="create-profile-form">
        <div class="form-row">
            <div class="form-group">
                <label for="profile-specialty">Специальность</label>
                <select id="profile-specialty" required>
                    <option value="">Сначала создайте специальность</option>
                </select>
            </div>
            <div class="form-group">
                <label for="profile-name">Название профиля</label>
                <input type="text" id="profile-name" placeholder="Например: Безопасность автоматизированных систем" required>
            </div>
            <div class="form-group">
                <label for="profile-description">Описание</label>
                <input type="text" id="profile-description" placeholder="Необязательно">
            </div>
            <button type="submit" class="btn-primary">Создать профиль</button>
        </div>
        <div class="form-alert" id="create-profile-alert" role="alert"></div>
    </form>
    <div class="table-wrap schedule-inline-table">
        <table id="profiles-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Профиль</th>
                    <th>Описание</th>
                    <th>Действия</th>
                </tr>
            </thead>
            <tbody id="profiles-tbody">
                <tr>
                    <td colspan="4" class="loading-row">Выберите специальность</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

<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-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 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-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-primary">Сохранить</button>
            </div>
            <div class="form-alert" id="edit-spec-alert" role="alert"></div>
        </form>
    </div>
</div>

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