From 4336ab19df7abb2a7233fd0a11c38c8c864e5130 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=AE=D1=80=D0=B8=D0=B9=20=D0=A7=D0=B5=D1=80=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=BA=D0=BE?= <y.chernenko@tvstart.ru>
Date: Mon, 25 May 2026 14:36:36 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D0=B7=D0=B0=D1=89=D0=B8=D1=82=D1=83=20=D0=B4=D0=BB=D1=8F=20?=
 =?UTF-8?q?=D0=BE=D1=82=D1=87=D0=B8=D1=81=D1=82=D0=BA=D0=B8=20=D1=81=D0=BE?=
 =?UTF-8?q?=D0=B1=D1=8B=D1=82=D0=B8=D0=B9=20=D0=BC=D0=B0=D1=82=D1=87=D0=B0?=
 =?UTF-8?q?,=20=D1=82=D0=B5=D1=81=D1=82=201?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/script.js               | 15 ++++++++++
 static/styles.css              | 24 +++++++++++++++
 templates/match_workspace.html | 54 +++++++++++++++++++++++++++++++++-
 3 files changed, 92 insertions(+), 1 deletion(-)

diff --git a/static/script.js b/static/script.js
index 3aa2d08..4d3e720 100644
--- a/static/script.js
+++ b/static/script.js
@@ -4035,4 +4035,19 @@ function buildChannelValue(matchId) {
     if (hasMatch) return "match";
 
     return "";
+}
+
+function openClearMatchModal() {
+    const modal = document.getElementById("clearMatchModal");
+    if (modal) modal.classList.add("show");
+}
+
+function closeClearMatchModal() {
+    const modal = document.getElementById("clearMatchModal");
+    if (modal) modal.classList.remove("show");
+}
+
+function confirmClearMatch() {
+    closeClearMatchModal();
+    clearMatchEvents();
 }
\ No newline at end of file
diff --git a/static/styles.css b/static/styles.css
index ade0abb..cf76a94 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -2440,4 +2440,28 @@ body:not(.edit-mode-on) .referee-search {
 
 #clockEditorModal .btn-primary {
     box-shadow: 0 10px 24px rgba(79, 140, 255, 0.25);
+}
+
+.clear-match-modal-content {
+    width: min(420px, 92vw);
+}
+
+.clear-match-warning {
+    padding: 18px;
+    border-radius: 14px;
+    background: rgba(220, 53, 69, 0.12);
+    border: 1px solid rgba(220, 53, 69, 0.28);
+    color: #ffb8bf;
+    font-size: 15px;
+    line-height: 1.5;
+}
+
+.btn-danger {
+    background: #dc3545;
+    color: white;
+    border: none;
+}
+
+.btn-danger:hover {
+    background: #e14b5b;
 }
\ No newline at end of file
diff --git a/templates/match_workspace.html b/templates/match_workspace.html
index 19beda9..b532d4a 100644
--- a/templates/match_workspace.html
+++ b/templates/match_workspace.html
@@ -788,7 +788,7 @@ data-role="{{ p.position or '' }}"
               <button
                 type="button"
                 class="btn btn-secondary"
-                onclick="clearMatchEvents()"
+                onclick="openClearMatchModal()"
               >
                 Очистить
               </button>
@@ -1616,5 +1616,57 @@ data-role="{{ p.position or '' }}"
     });
   })();
 </script>
+<div class="formation-modal" id="clearMatchModal">
+  <div
+    class="formation-modal-backdrop"
+    onclick="closeClearMatchModal()"
+  ></div>
+
+  <div class="formation-modal-content clear-match-modal-content">
+    <div class="formation-modal-header">
+      <div>
+        <div class="formation-modal-title">
+          Очистить матч
+        </div>
+
+        <div class="formation-modal-subtitle">
+          Это действие удалит все события, счет и время матча
+        </div>
+      </div>
+
+      <button
+        type="button"
+        class="modal-close-btn"
+        onclick="closeClearMatchModal()"
+      >
+        ×
+      </button>
+    </div>
+
+    <div class="formation-modal-body">
+      <div class="clear-match-warning">
+        Вы точно уверены, что хотите очистить данные матча?
+      </div>
+    </div>
+
+    <div class="formation-modal-footer">
+      <button
+        type="button"
+        class="btn btn-secondary"
+        onclick="closeClearMatchModal()"
+      >
+        Отмена
+      </button>
+
+      <button
+        type="button"
+        class="btn btn-danger"
+        onclick="confirmClearMatch()"
+      >
+        Очистить
+      </button>
+    </div>
+  </div>
+</div>
   </body>
 </html>