From ee002d5fedb960b1404ed550f5e065ea3b7b3050 Mon Sep 17 00:00:00 2001
From: Andrey Smakotin <slamfromm@gmail.com>
Date: Sat, 29 Nov 2025 02:18:05 +0300
Subject: [PATCH] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D1=82=D1=8C:=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B0=20=D1=81?=
 =?UTF-8?q?=D0=BE=D1=85=D1=80=D0=B0=D0=BD=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B7?=
 =?UTF-8?q?=D0=B0=D0=BA=D0=B0=D0=B7=D0=B0=20=D0=BD=D0=B5=20=D1=80=D0=B0?=
 =?UTF-8?q?=D0=B1=D0=BE=D1=82=D0=B0=D0=BB=D0=B0=20(=D0=B2=D0=BB=D0=BE?=
 =?UTF-8?q?=D0=B6=D0=B5=D0=BD=D0=BD=D0=B0=D1=8F=20=D1=84=D0=BE=D1=80=D0=BC?=
 =?UTF-8?q?=D0=B0)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ПРОБЛЕМА:
После предыдущего коммита кнопка сохранения заказа перестала работать.
Клик на кнопку не приводил к отправке формы - ноль реакции.

ПРИЧИНА:
Вложенная форма удаления платежа внутри основной формы order-form.
Вложенные формы недопустимы в HTML и браузер неправильно обрабатывает
submit-события.

РЕШЕНИЕ:
Заменил вложенную форму на JavaScript обработчик:
- Кнопка удаления теперь type=button (не submit)
- Добавлены data-атрибуты: payment-id, payment-name, payment-amount
- JavaScript создает временную форму для POST-запроса с delete_payment_id
- Форма отправляется программно через form.submit()

ИЗМЕНЕНИЯ:
- Заменена форма на button для удаления платежей
- Добавлен JavaScript обработчик .delete-existing-payment-btn
- Подтверждение удаления с именем и суммой платежа

РЕЗУЛЬТАТ:
✅ Кнопка сохранения заказа работает
✅ Удаление существующих платежей работает
✅ Нет вложенных форм (валидный HTML)
---
 .../orders/templates/orders/order_form.html   | 54 ++++++++++++++++---
 1 file changed, 47 insertions(+), 7 deletions(-)

diff --git a/myproject/orders/templates/orders/order_form.html b/myproject/orders/templates/orders/order_form.html
index 4bcab8f..d12b763 100644
--- a/myproject/orders/templates/orders/order_form.html
+++ b/myproject/orders/templates/orders/order_form.html
@@ -628,13 +628,13 @@
                                 <span class="text-muted">{{ payment.notes|default:"—" }}</span>
                             </div>
                             <div class="col-md-1 text-end">
-                                <form method="post" style="display: inline;" onsubmit="return confirm('Удалить этот платеж?');">
-                                    {% csrf_token %}
-                                    <input type="hidden" name="delete_payment_id" value="{{ payment.id }}">
-                                    <button type="submit" class="btn btn-outline-danger btn-sm" title="Удалить платеж">
-                                        <i class="bi bi-trash"></i>
-                                    </button>
-                                </form>
+                                <button type="button" class="btn btn-outline-danger btn-sm delete-existing-payment-btn" 
+                                        data-payment-id="{{ payment.id }}" 
+                                        data-payment-name="{{ payment.payment_method.name }}" 
+                                        data-payment-amount="{{ payment.amount|floatformat:2 }}" 
+                                        title="Удалить платеж">
+                                    <i class="bi bi-trash"></i>
+                                </button>
                             </div>
                         </div>
                     </div>
@@ -845,6 +845,46 @@
         }
     });
 })();
+</script>
+
+<script>
+// Обработчик удаления существующих платежей
+document.addEventListener('DOMContentLoaded', function() {
+    const deleteButtons = document.querySelectorAll('.delete-existing-payment-btn');
+    
+    deleteButtons.forEach(button => {
+        button.addEventListener('click', function() {
+            const paymentId = this.dataset.paymentId;
+            const paymentName = this.dataset.paymentName;
+            const paymentAmount = this.dataset.paymentAmount;
+            
+            if (!confirm(`Удалить платеж "${paymentName}" на сумму ${paymentAmount} руб.?`)) {
+                return;
+            }
+            
+            // Создаем скрытую форму для отправки
+            const form = document.createElement('form');
+            form.method = 'POST';
+            form.action = window.location.href;
+            
+            const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]').value;
+            const csrfInput = document.createElement('input');
+            csrfInput.type = 'hidden';
+            csrfInput.name = 'csrfmiddlewaretoken';
+            csrfInput.value = csrfToken;
+            form.appendChild(csrfInput);
+            
+            const paymentIdInput = document.createElement('input');
+            paymentIdInput.type = 'hidden';
+            paymentIdInput.name = 'delete_payment_id';
+            paymentIdInput.value = paymentId;
+            form.appendChild(paymentIdInput);
+            
+            document.body.appendChild(form);
+            form.submit();
+        });
+    });
+});
 </script>
 
         <div class="card mb-3">