70 lines
2.6 KiB
HTML
70 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Запись на открытые уроки</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>День открытых дверей</h1>
|
||
<h1>Выберите урок, на который хотите записаться</h1>
|
||
<div id="authContainer" style="margin-top: 10px;"></div>
|
||
</header>
|
||
|
||
<!-- Модальное окно авторизации -->
|
||
<div id="authModal" class="modal">
|
||
<div class="modal-content">
|
||
<span class="close">×</span>
|
||
<h3>Вход для сотрудников</h3>
|
||
<form id="authForm">
|
||
<label>Логин: <input type="text" id="authUsername" required></label>
|
||
<label>Пароль: <input type="password" id="authPassword" required></label>
|
||
<button type="submit">Войти</button>
|
||
<div id="authError" class="error" style="color:red; margin-top:10px;"></div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<main>
|
||
<div class="filters">
|
||
<div class="filter-group">
|
||
<label>Класс</label>
|
||
<select id="filterClass">
|
||
<option value="">Все классы</option>
|
||
</select>
|
||
</div>
|
||
<div class="filter-group">
|
||
<label>Учитель</label>
|
||
<select id="filterTeacher">
|
||
<option value="">Все учителя</option>
|
||
</select>
|
||
</div>
|
||
<div class="filter-group">
|
||
<label>Тема урока</label>
|
||
<select id="filterTopic">
|
||
<option value="">Все темы</option>
|
||
</select>
|
||
</div>
|
||
<button id="resetFilter" class="reset-btn">Сбросить фильтры</button>
|
||
<span id="availableCount" class="lessons-count"></span>
|
||
</div>
|
||
<div id="lessonsContainer" class="lessons-grid"></div>
|
||
</main>
|
||
<div id="modal" class="modal">
|
||
<div class="modal-content">
|
||
<span class="close">×</span>
|
||
<h3>Запись на урок</h3>
|
||
<p id="modalLessonInfo"></p>
|
||
<form id="registrationForm">
|
||
<input type="hidden" id="lessonId">
|
||
<label>Ваше ФИО: <input type="text" id="parentName" required></label>
|
||
<label>Номер телефона: <input type="tel" id="parentPhone" required></label>
|
||
<button type="submit">Записаться</button>
|
||
</form>
|
||
<div id="modalMessage"></div>
|
||
</div>
|
||
</div>
|
||
<script src="main.js"></script>
|
||
</body>
|
||
</html> |