From 0b35b80ee7cd054052806a1d410ba1c854265471 Mon Sep 17 00:00:00 2001
From: Andrey Smakotin <slamfromm@gmail.com>
Date: Mon, 19 Jan 2026 23:19:14 +0300
Subject: [PATCH] =?UTF-8?q?refactor(ui):=20=D0=B7=D0=B0=D0=BC=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=82=D1=8C=20=D1=81=D1=82=D0=B0=D0=BD=D0=B4=D0=B0=D1=80?=
 =?UTF-8?q?=D1=82=D0=BD=D1=8B=D0=B5=20=D1=84=D0=BE=D1=80=D0=BC=D1=8B=20?=
 =?UTF-8?q?=D0=BD=D0=B0=20=D0=BA=D0=B0=D1=81=D1=82=D0=BE=D0=BC=D0=BD=D1=8B?=
 =?UTF-8?q?=D0=B5=20html=20=D1=8D=D0=BB=D0=B5=D0=BC=D0=B5=D0=BD=D1=82?=
 =?UTF-8?q?=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Заменены стандартные формы Django на кастомные HTML элементы для полей:
  название, описание, категории, теги и цена со скидкой
- Добавлена валидация и стилизация для каждого поля
- Улучшена структура и читаемость кода шаблона
---
 .../products/productkit_make_permanent.html   | 54 +++++++++++++++----
 1 file changed, 44 insertions(+), 10 deletions(-)

diff --git a/myproject/products/templates/products/productkit_make_permanent.html b/myproject/products/templates/products/productkit_make_permanent.html
index 6d52b68..6ffe6e6 100644
--- a/myproject/products/templates/products/productkit_make_permanent.html
+++ b/myproject/products/templates/products/productkit_make_permanent.html
@@ -26,8 +26,13 @@
                         {% csrf_token %}
 
                         <div class="mb-3">
-                            <label for="id_name" class="form-label">Название *</label>
-                            {{ form.name }}
+                            <label for="{{ form.name.id_for_label }}" class="form-label">Название *</label>
+                            <input type="text"
+                                   name="{{ form.name.html_name }}"
+                                   class="form-control{% if form.name.errors %} is-invalid{% endif %}"
+                                   id="{{ form.name.id_for_label }}"
+                                   value="{{ form.name.value|default:'' }}"
+                                   required>
                             {% if form.name.errors %}
                                 <div class="invalid-feedback d-block">
                                     {{ form.name.errors }}
@@ -36,8 +41,11 @@
                         </div>
 
                         <div class="mb-3">
-                            <label for="id_description" class="form-label">Описание</label>
-                            {{ form.description }}
+                            <label for="{{ form.description.id_for_label }}" class="form-label">Описание</label>
+                            <textarea name="{{ form.description.html_name }}"
+                                      class="form-control{% if form.description.errors %} is-invalid{% endif %}"
+                                      id="{{ form.description.id_for_label }}"
+                                      rows="3">{{ form.description.value|default:'' }}</textarea>
                             {% if form.description.errors %}
                                 <div class="invalid-feedback d-block">
                                     {{ form.description.errors }}
@@ -46,8 +54,18 @@
                         </div>
 
                         <div class="mb-3">
-                            <label for="id_categories" class="form-label">Категории</label>
-                            {{ form.categories }}
+                            <label for="{{ form.categories.id_for_label }}" class="form-label">Категории</label>
+                            <select name="{{ form.categories.html_name }}"
+                                    class="form-select{% if form.categories.errors %} is-invalid{% endif %}"
+                                    id="{{ form.categories.id_for_label }}"
+                                    multiple>
+                                {% for value, label in form.categories.field.choices %}
+                                    <option value="{{ value }}"
+                                            {% if value in form.categories.value %}selected{% endif %}>
+                                        {{ label }}
+                                    </option>
+                                {% endfor %}
+                            </select>
                             {% if form.categories.errors %}
                                 <div class="invalid-feedback d-block">
                                     {{ form.categories.errors }}
@@ -59,8 +77,18 @@
                         </div>
 
                         <div class="mb-3">
-                            <label for="id_tags" class="form-label">Теги</label>
-                            {{ form.tags }}
+                            <label for="{{ form.tags.id_for_label }}" class="form-label">Теги</label>
+                            <select name="{{ form.tags.html_name }}"
+                                    class="form-select{% if form.tags.errors %} is-invalid{% endif %}"
+                                    id="{{ form.tags.id_for_label }}"
+                                    multiple>
+                                {% for value, label in form.tags.field.choices %}
+                                    <option value="{{ value }}"
+                                            {% if value in form.tags.value %}selected{% endif %}>
+                                        {{ label }}
+                                    </option>
+                                {% endfor %}
+                            </select>
                             {% if form.tags.errors %}
                                 <div class="invalid-feedback d-block">
                                     {{ form.tags.errors }}
@@ -69,8 +97,14 @@
                         </div>
 
                         <div class="mb-3">
-                            <label for="id_sale_price" class="form-label">Цена со скидкой</label>
-                            {{ form.sale_price }}
+                            <label for="{{ form.sale_price.id_for_label }}" class="form-label">Цена со скидкой</label>
+                            <input type="number"
+                                   name="{{ form.sale_price.html_name }}"
+                                   class="form-control{% if form.sale_price.errors %} is-invalid{% endif %}"
+                                   id="{{ form.sale_price.id_for_label }}"
+                                   value="{{ form.sale_price.value|default:'' }}"
+                                   step="0.01"
+                                   min="0">
                             {% if form.sale_price.errors %}
                                 <div class="invalid-feedback d-block">
                                     {{ form.sale_price.errors }}