Изменил страницу "Кафедра",добавлена модалка с полями для создания записи в Кафедральный файлик

frontend/admin/views/department.html

@@ -1,5 +1,8 @@
 <div class="card create-card">
-  <h2>Запрос расписания кафедры</h2>
+  <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
+    <h2>Запрос расписания кафедры</h2>
+    <button id="btn-create-schedule" class="btn-primary" style="margin-top: 0;">Создать запись</button>
+  </div>
   <form id="department-schedule-form">
     <div class="form-row">
       <div class="form-group">
@@ -12,14 +15,14 @@
       <div class="form-group">
         <label>Семестр</label>
         <div style="display: flex; gap: 0.2rem;">
-            <label class="btn-checkbox">
-                <input type="radio" name="semesterType" value="autumn" id="sem-autumn" required>
-                <span class="checkbox-btn">Осенний</span>
-            </label>
-            <label class="btn-checkbox">
-                <input type="radio" name="semesterType" value="spring" id="sem-spring" required>
-                <span class="checkbox-btn">Весенний</span>
-            </label>
+          <label class="btn-checkbox">
+            <input type="radio" name="semesterType" value="autumn" id="sem-autumn" required>
+            <span class="checkbox-btn">Осенний</span>
+          </label>
+          <label class="btn-checkbox">
+            <input type="radio" name="semesterType" value="spring" id="sem-spring" required>
+            <span class="checkbox-btn">Весенний</span>
+          </label>
         </div>
       </div>
 
@@ -41,6 +44,143 @@
   </form>
 </div>
 
+<!-- ===== Общий оверлей для обеих модалок ===== -->
+<div class="cs-overlay" id="cs-overlay">
+  <div class="cs-overlay-scroll">
+
+    <!-- Модалка 1: Форма создания записи -->
+    <div class="cs-modal cs-modal-form card" id="modal-create-schedule">
+      <div class="cs-modal-header">
+        <h2>Создать запись (к/ф)</h2>
+        <button class="btn-close-panel" id="modal-create-schedule-close" title="Закрыть (Esc)">&times;</button>
+      </div>
+      <form id="create-schedule-form">
+        <input type="hidden" id="cs-department-id" value="">
+        <div class="form-row"
+          style="align-items: flex-start; gap: 1rem; flex-wrap: wrap; width: 100%; justify-content: space-between;">
+
+          <div class="form-group" style="flex: 1 1 180px;">
+            <label for="cs-period">Учебный год</label>
+            <select id="cs-period" required>
+              <option value="">Выберите...</option>
+              <option value="2024-2025">2024/2025</option>
+              <option value="2025-2026">2025/2026</option>
+              <option value="2026-2027">2026/2027</option>
+            </select>
+          </div>
+
+          <div class="form-group" style="flex: 1 1 180px;">
+            <label>Семестр</label>
+            <div style="display: flex; gap: 0.2rem;">
+              <label class="btn-checkbox">
+                <input type="radio" name="csSemesterType" value="autumn" required>
+                <span class="checkbox-btn">Осенний</span>
+              </label>
+              <label class="btn-checkbox">
+                <input type="radio" name="csSemesterType" value="spring" required>
+                <span class="checkbox-btn">Весенний</span>
+              </label>
+            </div>
+          </div>
+
+          <div class="form-group" style="flex: 1 1 150px;">
+            <label for="cs-semester">Курс/Семестр (номер)</label>
+            <input type="number" id="cs-semester" required min="1" max="12" placeholder="Например: 1">
+          </div>
+
+          <div class="form-group" style="flex: 1 1 180px;">
+            <label for="cs-group">Группа</label>
+            <select id="cs-group" required>
+              <option value="">Загрузка...</option>
+            </select>
+          </div>
+
+          <div class="form-group" style="flex: 1 1 180px;">
+            <label for="cs-subject">Дисциплина</label>
+            <select id="cs-subject" required>
+              <option value="">Загрузка...</option>
+            </select>
+          </div>
+
+          <div class="form-group" style="flex: 1 1 180px;">
+            <label for="cs-lesson-type">Вид занятий</label>
+            <select id="cs-lesson-type" required>
+              <option value="">Выберите тип</option>
+              <option value="1">Лекция</option>
+              <option value="2">Практическая работа</option>
+              <option value="3">Лабораторная работа</option>
+            </select>
+          </div>
+
+          <div class="form-group" style="flex: 1 1 150px;">
+            <label for="cs-hours">Часов (семестр)</label>
+            <input type="number" id="cs-hours" required min="1" max="500" placeholder="Например: 36">
+          </div>
+
+          <div class="form-group" style="flex: 1 1 180px;">
+            <label>Деление на подгруппы</label>
+            <div style="display: flex; gap: 0.5rem; align-items: center; height: 42px;">
+              <label class="btn-checkbox" style="width:100%;">
+                <input type="checkbox" id="cs-division" value="true">
+                <span class="checkbox-btn" style="width:100%; text-align:center;">Есть деление</span>
+              </label>
+            </div>
+          </div>
+
+          <div class="form-group" style="flex: 1 1 250px;">
+            <label for="cs-teacher">Преподаватель</label>
+            <select id="cs-teacher" required>
+              <option value="">Выберите преподавателя</option>
+            </select>
+          </div>
+
+          <div class="form-group" style="flex: 0 0 auto; display:flex; align-items: flex-end;">
+            <button type="submit" class="btn-primary" style="white-space: nowrap;">Добавить в список</button>
+          </div>
+        </div>
+        <div class="form-alert" id="create-schedule-alert" role="alert" style="margin-top: 1rem;"></div>
+      </form>
+    </div>
+
+    <!-- Модалка 2: Таблица подготовленных записей -->
+    <div class="cs-modal cs-modal-table card" id="modal-view-schedules" style="display: none;">
+      <div class="cs-modal-header">
+        <h2>Подготовленные записи</h2>
+        <div style="display:flex; gap: 0.75rem; align-items:center;">
+          <button id="btn-save-schedules" class="btn-primary">Сохранить в БД</button>
+        </div>
+      </div>
+
+      <div class="form-alert" id="save-schedules-alert" role="alert" style="margin-bottom: 1rem;"></div>
+
+      <div class="table-wrap">
+        <table id="prepared-schedules-table">
+          <thead>
+            <tr>
+              <th>Уч. год</th>
+              <th>Семестр</th>
+              <th>№</th>
+              <th>Группа</th>
+              <th>Дисциплина</th>
+              <th>Вид</th>
+              <th>Часы</th>
+              <th>Деление</th>
+              <th>Преподаватель</th>
+              <th>Действие</th>
+            </tr>
+          </thead>
+          <tbody id="prepared-schedules-tbody">
+            <tr>
+              <td colspan="10" class="loading-row">Нет записей</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+
+  </div>
+</div>
+
 <div class="table-wrap" id="schedule-blocks-container">
   <!-- Сгенерированные блоки таблиц будут появляться здесь -->
 </div>