From 634f312edbacc6a30f5cb79ca9f0bf7dd7579c05 Mon Sep 17 00:00:00 2001
From: EDeev <egordeev.ru@gmail.com>
Date: Sat, 27 Dec 2025 15:52:00 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=8B=20=D0=BC=D0=BE=D0=B4=D0=B0=D0=BB=D1=8C=D0=BD=D1=8B?=
 =?UTF-8?q?=D0=B5=20=D0=BE=D0=BA=D0=BD=D0=B0=20=D0=B4=D0=BB=D1=8F=20=D0=B7?=
 =?UTF-8?q?=D0=B0=D1=8F=D0=B2=D0=BE=D0=BA=20=D0=B8=20=D1=81=D0=B5=D0=BA?=
 =?UTF-8?q?=D1=86=D0=B8=D1=8F=20=D0=BA=D0=B0=D1=80=D1=82=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 account.html | 193 ++++++++++++++++++++++++++++-
 index.html   | 334 ++++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 524 insertions(+), 3 deletions(-)

diff --git a/account.html b/account.html
index 1168e25..362cf72 100644
--- a/account.html
+++ b/account.html
@@ -44,7 +44,7 @@
                 <span id="ordersCount" class="badge bg-primary">0 заявок</span>
             </div>
             <div class="card-body">
-                <div id="emptyState" class="text-center py-5">
+                <div id="emptyState" class="text-center py-5" style="display: none;">
                     <i class="bi bi-inbox fs-1 text-muted"></i>
                     <h4 class="mt-3">У вас пока нет заявок</h4>
                     <p class="text-muted">Оформите заявку на курс или репетитора на главной странице</p>
@@ -60,11 +60,16 @@
                                     <th>Название</th>
                                     <th>Дата</th>
                                     <th>Стоимость</th>
+                                    <th>Действия</th>
                                 </tr>
                             </thead>
                             <tbody id="ordersList"></tbody>
                         </table>
                     </div>
+
+                    <nav>
+                        <ul id="ordersPagination" class="pagination justify-content-center"></ul>
+                    </nav>
                 </div>
             </div>
         </div>
@@ -83,6 +88,190 @@
         </div>
     </footer>
 
+    <div class="modal fade" id="orderDetailModal" tabindex="-1">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Подробности заявки</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                </div>
+                <div class="modal-body" id="orderDetailContent"></div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="modal fade" id="editOrderModal" tabindex="-1">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Редактирование заявки</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                </div>
+                <div class="modal-body">
+                    <form id="editOrderForm">
+                        <input type="hidden" id="editOrderId">
+                        <input type="hidden" id="editCourseId">
+                        <input type="hidden" id="editTutorId">
+
+                        <div id="editCourseFields" style="display: none;">
+                            <div class="mb-3">
+                                <label class="form-label">Название курса</label>
+                                <input type="text" id="editCourseName" class="form-control" readonly>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label">Преподаватель</label>
+                                <input type="text" id="editCourseTeacher" class="form-control" readonly>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label">Дата начала</label>
+                                <select id="editCourseStartDate" class="form-select" required></select>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label">Время начала</label>
+                                <select id="editCourseStartTime" class="form-select" required></select>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label">Продолжительность курса</label>
+                                <input type="text" id="editCourseDuration" class="form-control" readonly>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label">Дата окончания курса</label>
+                                <input type="text" id="editCourseEndDate" class="form-control" readonly>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label">Количество студентов</label>
+                                <input type="number" id="editStudentsNumber" class="form-control" min="1" max="20" required>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label">Автоматические опции</label>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" id="editEarlyRegistration" disabled>
+                                    <label class="form-check-label" for="editEarlyRegistration">
+                                        Ранняя регистрация (-10%)
+                                    </label>
+                                </div>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" id="editGroupEnrollment" disabled>
+                                    <label class="form-check-label" for="editGroupEnrollment">
+                                        Групповая скидка (-15%)
+                                    </label>
+                                </div>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" id="editIntensiveCourse" disabled>
+                                    <label class="form-check-label" for="editIntensiveCourse">
+                                        Интенсивный курс (+20%)
+                                    </label>
+                                </div>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label">Дополнительные опции</label>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" id="editSupplementary">
+                                    <label class="form-check-label" for="editSupplementary">
+                                        Дополнительные учебные материалы (+2000₽/студ.)
+                                    </label>
+                                </div>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" id="editPersonalized">
+                                    <label class="form-check-label" for="editPersonalized">
+                                        Индивидуальные занятия (+1500₽/нед.)
+                                    </label>
+                                </div>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" id="editExcursions">
+                                    <label class="form-check-label" for="editExcursions">
+                                        Культурные экскурсии (+25%)
+                                    </label>
+                                </div>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" id="editAssessment">
+                                    <label class="form-check-label" for="editAssessment">
+                                        Оценка уровня владения языком (+300₽)
+                                    </label>
+                                </div>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" id="editInteractive">
+                                    <label class="form-check-label" for="editInteractive">
+                                        Доступ к интерактивной онлайн-платформе (+50%)
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div id="editTutorFields" style="display: none;">
+                            <div class="mb-3">
+                                <label class="form-label">Репетитор</label>
+                                <input type="text" id="editTutorName" class="form-control" readonly>
+                            </div>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Ваше имя</label>
+                            <input type="text" id="editStudentName" class="form-control" required>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Телефон</label>
+                            <input type="tel" id="editStudentPhone" class="form-control" pattern="[+]?[0-9]{10,15}" required>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Email</label>
+                            <input type="email" id="editStudentEmail" class="form-control" required>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Сообщение</label>
+                            <textarea id="editStudentMessage" class="form-control" rows="3"></textarea>
+                        </div>
+
+                        <div class="alert alert-info">
+                            <h5>Итоговая стоимость: <span id="editTotalPrice">0</span> ₽</h5>
+                        </div>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
+                    <button type="button" id="saveOrderChanges" class="btn btn-warning">Сохранить</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="modal fade" id="deleteOrderModal" tabindex="-1">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Удаление</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                </div>
+                <div class="modal-body">
+                    <p>Вы уверены, что хотите удалить заявку?</p>
+                    <p class="text-muted">Это действие нельзя отменить.</p>
+                    <input type="hidden" id="deleteOrderId">
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Нет</button>
+                    <button type="button" id="confirmDelete" class="btn btn-danger">Да, удалить</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="js/api.js"></script>
+    <script src="js/utils.js"></script>
+    <script src="js/account.js"></script>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 5cd2571..36ef33f 100644
--- a/index.html
+++ b/index.html
@@ -30,6 +30,9 @@
                     <li class="nav-item">
                         <a class="nav-link" href="#tutors">Репетиторы</a>
                     </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#map">Карта</a>
+                    </li>
                     <li class="nav-item">
                         <a class="nav-link" href="#contacts">Контакты</a>
                     </li>
@@ -90,6 +93,33 @@
                         </div>
                     </div>
                 </div>
+                <div class="col">
+                    <div class="card h-100 text-center border-0 shadow-sm">
+                        <div class="card-body">
+                            <i class="bi bi-clock fs-1 text-primary mb-3"></i>
+                            <h5 class="card-title">Гибкий график</h5>
+                            <p class="card-text">Занятия в удобное для вас время, включая выходные дни</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="card h-100 text-center border-0 shadow-sm">
+                        <div class="card-body">
+                            <i class="bi bi-people fs-1 text-primary mb-3"></i>
+                            <h5 class="card-title">Малые группы</h5>
+                            <p class="card-text">Индивидуальный подход к каждому студенту в группах до 10 человек</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="card h-100 text-center border-0 shadow-sm">
+                        <div class="card-body">
+                            <i class="bi bi-award fs-1 text-primary mb-3"></i>
+                            <h5 class="card-title">Сертификация</h5>
+                            <p class="card-text">Получите международный сертификат по окончании курса</p>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     </section>
@@ -97,13 +127,76 @@
     <section id="courses" class="py-5">
         <div class="container">
             <h2 class="text-center mb-5">Наши курсы</h2>
+            
+            <div class="card mb-4">
+                <div class="card-body">
+                    <div class="row g-3">
+                        <div class="col-12 col-md-4">
+                            <input type="text" id="courseSearch" class="form-control" placeholder="Поиск по названию">
+                        </div>
+                        <div class="col-12 col-md-3">
+                            <select id="levelFilter" class="form-select">
+                                <option value="">Все уровни</option>
+                                <option value="Beginner">Начальный</option>
+                                <option value="Intermediate">Средний</option>
+                                <option value="Advanced">Продвинутый</option>
+                            </select>
+                        </div>
+                        <div class="col-12 col-md-5">
+                            <select id="sortCourses" class="form-select">
+                                <option value="">Сортировка</option>
+                                <option value="duration_asc">Длительность ↑</option>
+                                <option value="duration_desc">Длительность ↓</option>
+                                <option value="price_asc">Цена ↑</option>
+                                <option value="price_desc">Цена ↓</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
             <div id="coursesList"></div>
+
+            <nav>
+                <ul id="coursesPagination" class="pagination justify-content-center"></ul>
+            </nav>
         </div>
     </section>
 
     <section id="tutors" class="py-5 bg-light">
         <div class="container">
             <h2 class="text-center mb-5">Доступные репетиторы</h2>
+            
+            <div class="card mb-4">
+                <div class="card-body">
+                    <div class="row g-3">
+                        <div class="col-md-3">
+                            <select id="tutorLevelFilter" class="form-select">
+                                <option value="">Все уровни</option>
+                                <option value="Beginner">Начальный</option>
+                                <option value="Intermediate">Средний</option>
+                                <option value="Advanced">Продвинутый</option>
+                            </select>
+                        </div>
+                        <div class="col-md-3">
+                            <input type="number" id="minExperience" class="form-control" placeholder="Мин. опыт (лет)" min="0">
+                        </div>
+                        <div class="col-md-3">
+                            <select id="languageFilter" class="form-select">
+                                <option value="">Все языки</option>
+                            </select>
+                        </div>
+                        <div class="col-md-3">
+                            <select id="sortTutors" class="form-select">
+                                <option value="">Сортировка</option>
+                                <option value="price_asc">Цена ↑</option>
+                                <option value="price_desc">Цена ↓</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
             <div class="table-responsive">
                 <table class="table table-hover">
                     <thead>
@@ -113,11 +206,60 @@
                             <th>Языки</th>
                             <th>Опыт</th>
                             <th>Ставка</th>
+                            <th>Действие</th>
                         </tr>
                     </thead>
                     <tbody id="tutorsList"></tbody>
                 </table>
             </div>
+
+            <nav>
+                <ul id="tutorsPagination" class="pagination justify-content-center"></ul>
+            </nav>
+        </div>
+    </section>
+
+    <section id="map" class="py-5">
+        <div class="container">
+            <h2 class="text-center mb-3">Карта учебных ресурсов</h2>
+            <p class="text-center text-muted mb-4">Найдите библиотеки, коворкинги и другие места для обучения</p>
+
+            <div class="mb-4">
+                <div class="d-flex flex-wrap justify-content-center gap-2" role="group">
+                    <button type="button" class="btn btn-outline-primary map-filter-btn active" data-filter="all">
+                        Все ресурсы
+                    </button>
+                    <button type="button" class="btn btn-outline-primary map-filter-btn" data-filter="education">
+                        Образовательные учреждения
+                    </button>
+                    <button type="button" class="btn btn-outline-primary map-filter-btn" data-filter="library">
+                        Библиотеки
+                    </button>
+                    <button type="button" class="btn btn-outline-primary map-filter-btn" data-filter="language_school">
+                        Языковые школы
+                    </button>
+                    <button type="button" class="btn btn-outline-primary map-filter-btn" data-filter="coworking">
+                        Коворкинги
+                    </button>
+                    <button type="button" class="btn btn-outline-primary map-filter-btn" data-filter="cultural_center">
+                        Культурные центры
+                    </button>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-lg-8 mb-4 mb-lg-0">
+                    <div id="resourceMap" style="height: 500px; border-radius: 8px;"></div>
+                </div>
+                <div class="col-lg-4">
+                    <div class="card">
+                        <div class="card-header">
+                            <h5 class="mb-0">Список ресурсов</h5>
+                        </div>
+                        <div id="resourcesList" class="card-body" style="max-height: 500px; overflow-y: auto;"></div>
+                    </div>
+                </div>
+            </div>
         </div>
     </section>
 
@@ -148,6 +290,196 @@
         </div>
     </footer>
 
+    <div class="modal fade" id="courseModal" tabindex="-1">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Оформление заявки на курс</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                </div>
+                <div class="modal-body">
+                    <form id="courseOrderForm">
+                        <input type="hidden" id="courseId">
+                        <input type="hidden" id="orderMode" value="create">
+
+                        <div class="mb-3">
+                            <label class="form-label">Название курса</label>
+                            <input type="text" id="courseName" class="form-control" readonly>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Преподаватель</label>
+                            <input type="text" id="courseTeacher" class="form-control" readonly>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Дата начала <span class="text-danger">*</span></label>
+                            <select id="courseStartDate" class="form-select" required>
+                                <option value="">Выберите дату</option>
+                            </select>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Время начала <span class="text-danger">*</span></label>
+                            <select id="courseStartTime" class="form-select" required disabled>
+                                <option value="">Сначала выберите дату</option>
+                            </select>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Продолжительность курса</label>
+                            <input type="text" id="courseDuration" class="form-control" readonly>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Дата окончания курса</label>
+                            <input type="text" id="courseEndDate" class="form-control" readonly>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Количество студентов <span class="text-danger">*</span></label>
+                            <input type="number" id="studentsNumber" class="form-control" min="1" max="20" value="1" required>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Автоматические опции</label>
+                            <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="earlyRegistration" disabled>
+                                <label class="form-check-label" for="earlyRegistration">
+                                    Ранняя регистрация (-10%)
+                                </label>
+                            </div>
+                            <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="groupEnrollment" disabled>
+                                <label class="form-check-label" for="groupEnrollment">
+                                    Групповая скидка (-15%)
+                                </label>
+                            </div>
+                            <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="intensiveCourse" disabled>
+                                <label class="form-check-label" for="intensiveCourse">
+                                    Интенсивный курс (+20%)
+                                </label>
+                            </div>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Дополнительные опции</label>
+                            <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="supplementary">
+                                <label class="form-check-label" for="supplementary">
+                                    Дополнительные учебные материалы (+2000₽/студ.)
+                                </label>
+                            </div>
+                            <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="personalized">
+                                <label class="form-check-label" for="personalized">
+                                    Индивидуальные занятия (+1500₽/нед.)
+                                </label>
+                            </div>
+                            <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="excursions">
+                                <label class="form-check-label" for="excursions">
+                                    Культурные экскурсии (+25%)
+                                </label>
+                            </div>
+                            <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="assessment">
+                                <label class="form-check-label" for="assessment">
+                                    Оценка уровня владения языком (+300₽)
+                                </label>
+                            </div>
+                            <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="interactive">
+                                <label class="form-check-label" for="interactive">
+                                    Доступ к интерактивной онлайн-платформе (+50%)
+                                </label>
+                            </div>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Ваше имя <span class="text-danger">*</span></label>
+                            <input type="text" id="studentName" class="form-control" required>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Телефон <span class="text-danger">*</span></label>
+                            <input type="tel" id="studentPhone" class="form-control" pattern="[+]?[0-9]{10,15}" required>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Email <span class="text-danger">*</span></label>
+                            <input type="email" id="studentEmail" class="form-control" required>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Сообщение</label>
+                            <textarea id="studentMessage" class="form-control" rows="3"></textarea>
+                        </div>
+
+                        <div class="alert alert-info">
+                            <h5>Итоговая стоимость: <span id="totalPrice">0</span> ₽</h5>
+                        </div>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
+                    <button type="button" id="submitCourseOrder" class="btn btn-primary">Отправить заявку</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="modal fade" id="tutorModal" tabindex="-1">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Заявка на репетитора</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                </div>
+                <div class="modal-body">
+                    <form id="tutorOrderForm">
+                        <input type="hidden" id="tutorId">
+
+                        <div class="mb-3">
+                            <label class="form-label">Репетитор</label>
+                            <input type="text" id="tutorName" class="form-control" readonly>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Ваше имя <span class="text-danger">*</span></label>
+                            <input type="text" id="tutorStudentName" class="form-control" required>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Телефон <span class="text-danger">*</span></label>
+                            <input type="tel" id="tutorStudentPhone" class="form-control" pattern="[+]?[0-9]{10,15}" required>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Email <span class="text-danger">*</span></label>
+                            <input type="email" id="tutorStudentEmail" class="form-control" required>
+                        </div>
+
+                        <div class="mb-3">
+                            <label class="form-label">Сообщение</label>
+                            <textarea id="tutorStudentMessage" class="form-control" rows="3"></textarea>
+                        </div>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
+                    <button type="button" id="submitTutorOrder" class="btn btn-success">Отправить заявку</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://api-maps.yandex.ru/2.1/?apikey=ff34c822-32b5-439f-ab28-f191c8ed28cd&lang=ru_RU" defer></script>
+    <script src="js/api.js"></script>
+    <script src="js/utils.js"></script>
+    <script src="js/app.js"></script>
+    <script src="js/map.js"></script>
 </body>
-</html>
+</html>
\ No newline at end of file