From 024edea9f190194c7e916c92108a919e980f2ebe Mon Sep 17 00:00:00 2001
From: Andrey Smakotin <slamfromm@gmail.com>
Date: Sat, 8 Nov 2025 22:53:41 +0300
Subject: [PATCH] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=BE=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=B5=20=D1=88=D0=B0=D0=B1=D0=BB=D0=BE=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D0=BF=D1=83=D1=81=D1=82=D0=BE=D0=B9=20=D1=84=D0=BE?=
 =?UTF-8?q?=D1=80=D0=BC=D1=8B=20=D0=B2=20formset?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Проблема:
- Над секцией "Товары в заказе" отображался странный dropdown
- Шаблон формы использовал <div style="display: none;"> вместо <template>

Исправление:
- Заменен <div id="empty-form-template" style="display: none;"> на <template>
- Добавлен id для select в шаблоне
- Обновлен JavaScript для работы с HTML5 <template> element
- Используется template.content для правильного клонирования

Теперь шаблон полностью невидим и не влияет на layout

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 myproject/orders/templates/orders/order_form.html | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/myproject/orders/templates/orders/order_form.html b/myproject/orders/templates/orders/order_form.html
index 5d66b76..5ad0c39 100644
--- a/myproject/orders/templates/orders/order_form.html
+++ b/myproject/orders/templates/orders/order_form.html
@@ -256,7 +256,7 @@
                 </div>
 
                 <!-- Скрытый шаблон для новых форм -->
-                <div id="empty-form-template" style="display: none;">
+                <template id="empty-form-template">
                     <div class="order-item-form border rounded p-3 mb-3" data-form-index="__prefix__">
                         <input type="hidden" name="items-__prefix__-id" id="id_items-__prefix__-id">
                         <input type="hidden" name="items-__prefix__-product" id="id_items-__prefix__-product">
@@ -267,7 +267,7 @@
                             <div class="col-md-5">
                                 <div class="mb-2">
                                     <label class="form-label">Товар или комплект</label>
-                                    <select class="form-select select2-order-item" data-form-index="__prefix__">
+                                    <select class="form-select select2-order-item" data-form-index="__prefix__" id="id_items-__prefix__-select">
                                         <option value=""></option>
                                     </select>
                                 </div>
@@ -303,7 +303,7 @@
                             </div>
                         </div>
                     </div>
-                </div>
+                </template>
 
                 <button type="button" class="btn btn-success" id="add-item-btn">
                     <i class="bi bi-plus-circle"></i> Добавить товар
@@ -531,8 +531,9 @@ document.addEventListener('DOMContentLoaded', function() {
         const formCount = parseInt(totalFormsInput.value);
 
         // Клонируем шаблон
-        const templateContent = emptyFormTemplate.querySelector('.order-item-form');
-        const newForm = templateContent.cloneNode(true);
+        const templateContent = emptyFormTemplate.content || emptyFormTemplate;
+        const formTemplate = templateContent.querySelector('.order-item-form');
+        const newForm = formTemplate.cloneNode(true);
 
         // Заменяем __prefix__ на реальный индекс
         newForm.innerHTML = newForm.innerHTML.replace(/__prefix__/g, formCount);