diff --git a/myproject/products/templates/products/productkit_form.html b/myproject/products/templates/products/productkit_form.html
deleted file mode 100644
index 630d7cc..0000000
--- a/myproject/products/templates/products/productkit_form.html
+++ /dev/null
@@ -1,1074 +0,0 @@
-{% extends 'base.html' %}
-
-{% block title %}{% if object %}Редактировать комплект{% else %}Создать комплект{% endif %}{% endblock %}
-
-{% block content %}
-<div class="container mt-5">
-    <div class="row justify-content-center">
-        <div class="col-md-10">
-            <div class="card">
-                <div class="card-header">
-                    <h3>{% if object %}Редактировать комплект{% else %}Создать комплект{% endif %}</h3>
-                </div>
-                <div class="card-body">
-                    <form method="post" enctype="multipart/form-data">
-                        {% csrf_token %}
-
-                        {% if form.non_field_errors %}
-                            <div class="alert alert-danger" role="alert">
-                                {% for error in form.non_field_errors %}
-                                    {{ error }}
-                                {% endfor %}
-                            </div>
-                        {% endif %}
-
-                        <!-- Секция управления фотографиями -->
-                        <div class="mb-4 p-3 bg-light rounded">
-                            <h5 class="mb-3">Управление фотографиями</h5>
-
-                            <!-- Существующие фотографии (только при редактировании) -->
-                            {% if object and productkit_photos %}
-                            <div class="mb-3">
-                                <h6 class="mb-3">Текущие фотографии ({{ photos_count }})</h6>
-                                <div class="row g-2 mb-3">
-                                    {% for photo in productkit_photos %}
-                                    <div class="col-md-3 col-sm-4 col-6">
-                                        <div class="card shadow-sm h-100">
-                                            <!-- Кликабельное фото для открытия модального окна -->
-                                            <div style="width: 100%; height: 150px; display: flex; align-items: center; justify-content: center; background-color: #f8f9fa; cursor: pointer; overflow: hidden;"
-                                                 data-bs-toggle="modal"
-                                                 data-bs-target="#photoModal{{ photo.pk }}"
-                                                 title="Нажмите для увеличения">
-                                                <img src="{{ photo.image.url }}"
-                                                     alt="Фото комплекта"
-                                                     style="max-width: 100%; max-height: 100%; object-fit: contain;">
-                                            </div>
-                                            <div class="card-body p-2">
-                                                {% if photo.order == 0 %}
-                                                <div class="badge bg-success w-100 mb-1">⭐ Главное</div>
-                                                {% else %}
-                                                <a href="{% url 'products:productkit-photo-set-main' photo.pk %}"
-                                                   class="btn btn-outline-primary btn-sm w-100 mb-1 py-0"
-                                                   title="Сделать главным">
-                                                    ⭐ Главным
-                                                </a>
-                                                {% endif %}
-
-                                                <div class="btn-group w-100 mb-1" role="group">
-                                                    <a href="{% url 'products:productkit-photo-move-up' photo.pk %}"
-                                                       class="btn btn-outline-secondary btn-sm py-0"
-                                                       title="Переместить вверх">
-                                                        ⬆️
-                                                    </a>
-                                                    <a href="{% url 'products:productkit-photo-move-down' photo.pk %}"
-                                                       class="btn btn-outline-secondary btn-sm py-0"
-                                                       title="Переместить вниз">
-                                                        ⬇️
-                                                    </a>
-                                                </div>
-
-                                                <a href="{% url 'products:productkit-photo-delete' photo.pk %}"
-                                                   class="btn btn-danger btn-sm w-100 py-0"
-                                                   onclick="return confirm('Удалить это фото?');">
-                                                    🗑️ Удалить
-                                                </a>
-
-                                                <small class="text-muted d-block mt-1 text-center">Позиция: {{ photo.order }}</small>
-                                            </div>
-                                        </div>
-                                    </div>
-
-                                    <!-- Модальное окно для просмотра фото -->
-                                    <div class="modal fade" id="photoModal{{ photo.pk }}" tabindex="-1" aria-labelledby="photoModalLabel{{ photo.pk }}" aria-hidden="true">
-                                        <div class="modal-dialog modal-dialog-centered modal-lg">
-                                            <div class="modal-content">
-                                                <div class="modal-header">
-                                                    <h5 class="modal-title" id="photoModalLabel{{ photo.pk }}">Фото комплекта</h5>
-                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
-                                                </div>
-                                                <div class="modal-body text-center">
-                                                    <img src="{{ photo.image.url }}" class="img-fluid" alt="Фото комплекта" style="max-height: 70vh;">
-                                                </div>
-                                                <div class="modal-footer">
-                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
-                                                    <a href="{% url 'products:productkit-photo-delete' photo.pk %}"
-                                                       class="btn btn-danger"
-                                                       onclick="return confirm('Удалить это фото?');">
-                                                        🗑️ Удалить фото
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    {% endfor %}
-                                </div>
-                            </div>
-                            {% endif %}
-
-                            <!-- Поле для загрузки новых фотографий -->
-                            <div class="mb-0">
-                                <label for="id_photos" class="form-label fw-bold">
-                                    {% if object %}➕ Добавить новые фото{% else %}📷 Загрузить фото{% endif %}
-                                    <span id="photoCount" class="badge bg-secondary ms-2" style="display: none;">0 выбрано</span>
-                                </label>
-                                <input type="file" name="photos" accept="image/*" multiple class="form-control" id="id_photos">
-                                <small class="form-text text-muted">
-                                    {% if object %}
-                                        Выберите фото для добавления к комплекту (можно выбрать несколько, до 10 штук всего)
-                                    {% else %}
-                                        Выберите фото для комплекта (можно выбрать несколько, до 10 штук)
-                                    {% endif %}
-                                </small>
-
-                                <!-- Контейнер для предпросмотра выбранных фото -->
-                                <div id="photoPreviewContainer" class="mt-3" style="display: none;">
-                                    <h6 class="mb-2">Выбранные фото:</h6>
-                                    <div id="photoPreview" class="row g-2"></div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <hr class="my-4">
-
-                        <!-- Основная информация о комплекте -->
-                        <h5 class="mb-3">Основная информация</h5>
-
-                        <!-- Название -->
-                        <div class="mb-3">
-                            {{ form.name.label_tag }}
-                            {{ form.name }}
-                            {% if form.name.help_text %}
-                                <small class="form-text text-muted">{{ form.name.help_text }}</small>
-                            {% endif %}
-                            {% if form.name.errors %}
-                                <div class="text-danger">{{ form.name.errors }}</div>
-                            {% endif %}
-                        </div>
-
-                        <!-- Артикул -->
-                        <div class="mb-3">
-                            {{ form.sku.label_tag }}
-                            {{ form.sku }}
-                            {% if form.sku.help_text %}
-                                <small class="form-text text-muted">{{ form.sku.help_text }}</small>
-                            {% endif %}
-                            {% if form.sku.errors %}
-                                <div class="text-danger">{{ form.sku.errors }}</div>
-                            {% endif %}
-                        </div>
-
-                        <!-- Категория -->
-                        <div class="mb-3">
-                            <div class="d-flex justify-content-between align-items-center mb-2">
-                                <label class="form-label fw-bold">Категория</label>
-                                <a href="{% url 'products:category-create' %}"
-                                   target="_blank"
-                                   class="btn btn-sm btn-outline-primary"
-                                   title="Создать новую категорию">
-                                    <i class="bi bi-plus-circle"></i> Новая
-                                </a>
-                            </div>
-                            <div class="p-3 bg-light rounded">
-                                {{ form.categories }}
-                            </div>
-                            {% if form.categories.help_text %}
-                                <small class="form-text text-muted">{{ form.categories.help_text }}</small>
-                            {% endif %}
-                            {% if form.categories.errors %}
-                                <div class="text-danger">{{ form.categories.errors }}</div>
-                            {% endif %}
-                        </div>
-
-                        <!-- Описание -->
-                        <div class="mb-3">
-                            {{ form.description.label_tag }}
-                            {{ form.description }}
-                            {% if form.description.help_text %}
-                                <small class="form-text text-muted">{{ form.description.help_text }}</small>
-                            {% endif %}
-                            {% if form.description.errors %}
-                                <div class="text-danger">{{ form.description.errors }}</div>
-                            {% endif %}
-                        </div>
-
-                        <!-- Информационный блок с расчетом стоимости -->
-                        <div class="alert alert-info mb-4" id="priceCalculationInfo">
-                            <h6 class="mb-2"><i class="bi bi-calculator"></i> Автоматический расчет стоимости</h6>
-                            <div class="row">
-                                <div class="col-md-6">
-                                    <strong>Сумма товаров:</strong>
-                                    <span id="totalProductsPrice" class="fs-5 text-primary">0.00 ₽</span>
-                                </div>
-                                <div class="col-md-6">
-                                    <strong>Количество товаров:</strong>
-                                    <span id="totalProductsCount" class="fs-5">0</span>
-                                </div>
-                            </div>
-                            <small class="text-muted mt-2 d-block">
-                                Сумма автоматически пересчитывается при добавлении/удалении товаров и изменении количества
-                            </small>
-                        </div>
-
-                        {% for field in form %}
-                            {% if field.name not in 'name,sku,categories,description,tags' %}
-                            {% if field.name == 'fixed_price' %}
-                            <!-- Alert для неактивного поля fixed_price -->
-                            <div id="fixed-price-alert" class="alert alert-warning d-none mb-3" role="alert">
-                                <i class="bi bi-exclamation-triangle"></i>
-                                <strong>Внимание!</strong> Поле "Фиксированная цена" неактивно при текущем методе ценообразования.
-                                Оно используется только когда выбран метод <strong>"Фиксированная цена"</strong>.
-                            </div>
-                            {% endif %}
-
-                            <div class="mb-3">
-                                {{ field.label_tag }}
-
-                                {% if field.name == 'tags' %}
-                                    <div class="form-control p-3 bg-light">
-                                        {{ field }}
-                                    </div>
-                                {% else %}
-                                    {{ field }}
-                                {% endif %}
-
-                                {% if field.help_text %}
-                                    <small class="form-text text-muted">{{ field.help_text }}</small>
-                                {% endif %}
-
-                                {% if field.errors %}
-                                    <div class="text-danger">{{ field.errors }}</div>
-                                {% endif %}
-                            </div>
-                            {% endif %}
-                        {% endfor %}
-
-                        <!-- Теги -->
-                        <div class="mb-3">
-                            {{ form.tags.label_tag }}
-                            <div class="form-control p-3 bg-light">
-                                {{ form.tags }}
-                            </div>
-                            {% if form.tags.help_text %}
-                                <small class="form-text text-muted">{{ form.tags.help_text }}</small>
-                            {% endif %}
-                            {% if form.tags.errors %}
-                                <div class="text-danger">{{ form.tags.errors }}</div>
-                            {% endif %}
-                        </div>
-
-                        <hr class="my-4">
-
-                        <!-- Компоненты комплекта (формсет) -->
-                        <h5 class="mb-3">Состав комплекта</h5>
-
-                        <div class="alert alert-info mb-3">
-                            <i class="bi bi-info-circle"></i>
-                            <strong>Подсказка:</strong> Добавьте компоненты комплекта ниже. Каждый компонент может быть либо конкретным товаром, либо группой вариантов (например, розы разных размеров).
-                        </div>
-
-                        <!-- Поиск товаров для быстрого добавления -->
-                        <div class="card mb-4 bg-light border-success" id="searchCard">
-                            <div class="card-header bg-success text-white">
-                                <h6 class="mb-0">
-                                    <i class="bi bi-search"></i> Быстрое добавление товара
-                                </h6>
-                            </div>
-                            <div class="card-body">
-                                <div class="mb-2">
-                                    <label for="productSearch" class="form-label">Найти товар:</label>
-                                    <input type="text"
-                                           id="productSearch"
-                                           class="form-control"
-                                           placeholder="Начните вводить название или артикул (минимум 2 символа)..."
-                                           autocomplete="off">
-                                </div>
-                                <div id="searchResults" class="list-group mb-2" style="display: none; max-height: 250px; overflow-y: auto;"></div>
-                                <small class="text-muted">
-                                    <i class="bi bi-info-circle"></i>
-                                    Товар добавится автоматически при клике на результат поиска
-                                </small>
-                            </div>
-                        </div>
-
-                        <!-- Management form для формсета -->
-                        {{ kititem_formset.management_form }}
-
-                        <!-- Ошибки формсета на уровне формсета -->
-                        {% if kititem_formset.non_form_errors %}
-                            <div class="alert alert-danger mb-3">
-                                {% for error in kititem_formset.non_form_errors %}
-                                    {{ error }}
-                                {% endfor %}
-                            </div>
-                        {% endif %}
-
-                        <!-- Формы компонентов -->
-                        <div id="kititem-forms" class="mb-4">
-                            {% for kititem_form in kititem_formset %}
-                            <div class="card mb-3 kititem-form" data-form-index="{{ forloop.counter0 }}">
-                                <!-- Скрытые поля для inline formset -->
-                                {{ kititem_form.id }}
-
-                                <div class="card-header bg-light d-flex justify-content-between align-items-center">
-                                    <span><strong>Компонент #{{ forloop.counter }}</strong></span>
-                                    {% if kititem_form.DELETE %}
-                                    <div class="form-check">
-                                        {{ kititem_form.DELETE }}
-                                        <label class="form-check-label" for="{{ kititem_form.DELETE.id_for_label }}">
-                                            Удалить
-                                        </label>
-                                    </div>
-                                    {% endif %}
-                                </div>
-
-                                <div class="card-body">
-                                    {% if kititem_form.non_field_errors %}
-                                        <div class="alert alert-danger">
-                                            {% for error in kititem_form.non_field_errors %}
-                                                {{ error }}
-                                            {% endfor %}
-                                        </div>
-                                    {% endif %}
-
-                                    <div class="row">
-                                        <div class="col-md-6 mb-3">
-                                            <label for="{{ kititem_form.product.id_for_label }}" class="form-label">
-                                                {{ kititem_form.product.label }}
-                                            </label>
-                                            {{ kititem_form.product }}
-                                            {% if kititem_form.product.errors %}
-                                                <div class="text-danger">{{ kititem_form.product.errors }}</div>
-                                            {% endif %}
-                                            <small class="form-text text-muted">Конкретный товар (если выбран, группа вариантов не нужна)</small>
-                                        </div>
-
-                                        <div class="col-md-6 mb-3">
-                                            <label for="{{ kititem_form.variant_group.id_for_label }}" class="form-label">
-                                                {{ kititem_form.variant_group.label }}
-                                            </label>
-                                            {{ kititem_form.variant_group }}
-                                            {% if kititem_form.variant_group.errors %}
-                                                <div class="text-danger">{{ kititem_form.variant_group.errors }}</div>
-                                            {% endif %}
-                                            <small class="form-text text-muted">Группа вариантов (если выбрана, конкретный товар не нужен)</small>
-                                        </div>
-                                    </div>
-
-                                    <div class="row">
-                                        <div class="col-md-4 mb-3">
-                                            <label for="{{ kititem_form.quantity.id_for_label }}" class="form-label">
-                                                {{ kititem_form.quantity.label }}
-                                            </label>
-                                            {{ kititem_form.quantity }}
-                                            {% if kititem_form.quantity.errors %}
-                                                <div class="text-danger">{{ kititem_form.quantity.errors }}</div>
-                                            {% endif %}
-                                        </div>
-
-                                        <div class="col-md-8 mb-3">
-                                            <label for="{{ kititem_form.notes.id_for_label }}" class="form-label">
-                                                {{ kititem_form.notes.label }}
-                                            </label>
-                                            {{ kititem_form.notes }}
-                                            {% if kititem_form.notes.errors %}
-                                                <div class="text-danger">{{ kititem_form.notes.errors }}</div>
-                                            {% endif %}
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            {% endfor %}
-                        </div>
-
-                        <!-- Кнопка добавления нового товара -->
-                        <div class="mb-3">
-                            <button type="button" class="btn btn-success" id="addKitItemBtn">
-                                <i class="bi bi-plus-circle"></i> Добавить товар в комплект
-                            </button>
-                        </div>
-
-                        <!-- Кнопки действия -->
-                        <div class="d-flex justify-content-between mt-4 gap-2 flex-wrap">
-                            <a href="{% url 'products:productkit-list' %}" class="btn btn-secondary">Отмена</a>
-                            <div class="btn-group">
-                                <button type="submit" name="action" value="exit" class="btn btn-primary">
-                                    <i class="bi bi-check-circle"></i> Сохранить и выйти
-                                </button>
-                                <button type="submit" name="action" value="continue" class="btn btn-outline-primary">
-                                    <i class="bi bi-arrow-repeat"></i> Сохранить и продолжить
-                                </button>
-                            </div>
-                        </div>
-                    </form>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<script>
-    document.addEventListener('DOMContentLoaded', function() {
-        // ========== ОПРЕДЕЛЯЕМ РЕЖИМ: СОЗДАНИЕ ИЛИ РЕДАКТИРОВАНИЕ ==========
-        const existingForms = document.querySelectorAll('.kititem-form');
-        const isEditMode = existingForms.length > 0 &&
-                          document.querySelector('[name$="-id"]') !== null &&
-                          document.querySelector('[name$="-id"]').value !== '';
-
-        // ========== ФУНКЦИИ ДЛЯ УПРАВЛЕНИЯ ВИДИМОСТЬЮ ПОЛЕЙ ==========
-        function updateFieldStatus(form) {
-            const productSelect = form.querySelector('[name$="-product"]');
-            const variantGroupSelect = form.querySelector('[name$="-variant_group"]');
-
-            if (productSelect && variantGroupSelect) {
-                const hasProduct = productSelect.value;
-                const hasVariant = variantGroupSelect.value;
-
-                // Если выбран товар - отключаем группу вариантов
-                if (hasProduct) {
-                    variantGroupSelect.disabled = true;
-                    variantGroupSelect.closest('.col-md-6').style.opacity = '0.6';
-                } else {
-                    variantGroupSelect.disabled = false;
-                    variantGroupSelect.closest('.col-md-6').style.opacity = '1';
-                }
-
-                // Если выбрана группа - отключаем товар
-                if (hasVariant) {
-                    productSelect.disabled = true;
-                    productSelect.closest('.col-md-6').style.opacity = '0.6';
-                } else {
-                    productSelect.disabled = false;
-                    productSelect.closest('.col-md-6').style.opacity = '1';
-                }
-            }
-        }
-
-        // Инициализируем все существующие формы
-        const kititemForms = document.querySelectorAll('.kititem-form');
-        kititemForms.forEach((form) => {
-            initializeForm(form);
-            // Для существующих форм нужно загрузить цены товаров
-            loadProductPriceForForm(form);
-        });
-
-        // Инициализируем расчет цены при загрузке страницы
-        setTimeout(() => calculateKitPrice(), 500); // Небольшая задержка для загрузки цен
-
-        // Добавляем слушатель на чекбоксы DELETE для пересчета при удалении
-        document.addEventListener('change', (e) => {
-            if (e.target.matches('[name$="-DELETE"]')) {
-                calculateKitPrice();
-            }
-        });
-
-        // ========== ФУНКЦИИ ДЛЯ ПОИСКА И ДОБАВЛЕНИЯ ТОВАРОВ ==========
-        const searchInput = document.getElementById('productSearch');
-        const searchResults = document.getElementById('searchResults');
-        const addKitItemBtn = document.getElementById('addKitItemBtn');
-        const managementForm = document.querySelector('[name$="TOTAL_FORMS"]');
-
-        // Функция для выполнения поиска
-        async function performSearch(query) {
-            if (query.length < 2) {
-                searchResults.style.display = 'none';
-                return;
-            }
-
-            try {
-                const response = await fetch(`{% url 'products:api-search-products-variants' %}?q=${encodeURIComponent(query)}`);
-                const data = await response.json();
-
-                searchResults.innerHTML = '';
-
-                if (data.results.length === 0) {
-                    searchResults.innerHTML = '<div class="list-group-item text-muted">Товары не найдены</div>';
-                } else {
-                    data.results.forEach((item) => {
-                        const resultItem = document.createElement('button');
-                        resultItem.type = 'button';
-                        resultItem.className = 'list-group-item list-group-item-action';
-                        resultItem.innerHTML = `
-                            <div class="d-flex justify-content-between align-items-start">
-                                <div>
-                                    <h6 class="mb-1">${item.name}</h6>
-                                    <small class="text-muted">
-                                        ${item.type === 'product' ? '📦 Товар • Цена: ' + item.price + ' ₽' : '📋 Варианты • Вариантов: ' + item.count}
-                                    </small>
-                                </div>
-                                <span class="badge ${item.type === 'product' ? 'bg-success' : 'bg-primary'}">
-                                    ${item.type === 'product' ? 'Товар' : 'Варианты'}
-                                </span>
-                            </div>
-                        `;
-
-                        resultItem.addEventListener('click', (e) => {
-                            e.preventDefault();
-                            addItemToFormset(item);
-                        });
-
-                        searchResults.appendChild(resultItem);
-                    });
-                }
-
-                searchResults.style.display = 'block';
-            } catch (error) {
-                console.error('Ошибка при поиске:', error);
-                searchResults.innerHTML = '<div class="list-group-item text-danger">Ошибка при поиске</div>';
-                searchResults.style.display = 'block';
-            }
-        }
-
-        // Функция для добавления товара в формсет
-        function addItemToFormset(item) {
-            const formsContainer = document.getElementById('kititem-forms');
-            const existingForms = formsContainer.querySelectorAll('.kititem-form');
-            const itemType = item.type === 'product' ? 'product' : 'variant';
-
-            // Проверка на дубликаты
-            let isDuplicate = false;
-            let duplicateForm = null;
-            existingForms.forEach((form) => {
-                const deleteCheckbox = form.querySelector('[name$="-DELETE"]');
-                // Пропускаем формы, помеченные на удаление
-                if (deleteCheckbox && deleteCheckbox.checked) return;
-
-                if (itemType === 'product') {
-                    const productSelect = form.querySelector('[name$="-product"]');
-                    if (productSelect && productSelect.value == item.id) {
-                        isDuplicate = true;
-                        duplicateForm = form;
-                    }
-                } else {
-                    const variantGroupSelect = form.querySelector('[name$="-variant_group"]');
-                    if (variantGroupSelect && variantGroupSelect.value == item.id) {
-                        isDuplicate = true;
-                        duplicateForm = form;
-                    }
-                }
-            });
-
-            // Если товар уже добавлен - показываем предупреждение
-            if (isDuplicate) {
-                const alertDiv = document.createElement('div');
-                alertDiv.className = 'alert alert-warning alert-dismissible fade show';
-                alertDiv.setAttribute('role', 'alert');
-                alertDiv.innerHTML = `
-                    <strong>⚠️ Внимание!</strong> "${item.display_name || item.name}" уже добавлен в комплект.
-                    Если нужно изменить количество, отредактируйте существующую строку.
-                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-                `;
-                document.querySelector('.card-body').prepend(alertDiv);
-                setTimeout(() => alertDiv.remove(), 5000);
-
-                // Подсвечиваем дубликат
-                if (duplicateForm) {
-                    duplicateForm.scrollIntoView({ behavior: 'smooth', block: 'center' });
-                    duplicateForm.style.border = '2px solid #ffc107';
-                    setTimeout(() => {
-                        duplicateForm.style.border = '';
-                    }, 2000);
-                }
-
-                // Очищаем поиск
-                searchInput.value = '';
-                searchResults.style.display = 'none';
-                return;
-            }
-
-            // При добавлении через поиск всегда создаем новую форму
-            const totalForms = parseInt(document.querySelector('[name*="TOTAL_FORMS"]').value);
-            const newFormHtml = createNewKitItemForm(totalForms, item);
-            const tempDiv = document.createElement('div');
-            tempDiv.innerHTML = newFormHtml;
-            formsContainer.appendChild(tempDiv.firstElementChild);
-
-            // Обновляем счетчик форм
-            document.querySelector('[name*="TOTAL_FORMS"]').value = totalForms + 1;
-
-            // Инициализируем новую форму
-            const newForm = formsContainer.lastElementChild;
-            initializeForm(newForm);
-
-            // Прокручиваем к новой форме
-            newForm.scrollIntoView({ behavior: 'smooth', block: 'center' });
-
-            // Очищаем поиск
-            searchInput.value = '';
-            searchResults.style.display = 'none';
-
-            // Показываем сообщение
-            const alertDiv = document.createElement('div');
-            alertDiv.className = 'alert alert-success alert-dismissible fade show';
-            alertDiv.setAttribute('role', 'alert');
-            alertDiv.innerHTML = `
-                <strong>✓ Товар добавлен!</strong> "${item.display_name || item.name}" добавлен в комплект.
-                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-            `;
-            document.querySelector('.card-body').prepend(alertDiv);
-            setTimeout(() => alertDiv.remove(), 3000);
-        }
-
-        // Функция для заполнения существующей формы
-        function fillFormWithItem(form, item) {
-            const itemType = item.type === 'product' ? 'product' : 'variant';
-            const selectedId = item.id;
-
-            if (itemType === 'product') {
-                const productSelect = form.querySelector('[name$="-product"]');
-                if (productSelect) {
-                    productSelect.value = selectedId;
-                    productSelect.innerHTML = `<option value="">---------</option><option value="${selectedId}" selected>${item.display_name || item.name}</option>`;
-                    productSelect.dispatchEvent(new Event('change', { bubbles: true }));
-
-                    // Сохраняем цену в data-атрибут поля количества
-                    const quantityInput = form.querySelector('[name$="-quantity"]');
-                    if (quantityInput && item.price) {
-                        quantityInput.setAttribute('data-price', item.price);
-                        quantityInput.classList.add('product-quantity');
-                    }
-                }
-            } else {
-                const variantSelect = form.querySelector('[name$="-variant_group"]');
-                if (variantSelect) {
-                    variantSelect.value = selectedId;
-                    variantSelect.innerHTML = `<option value="">---------</option><option value="${selectedId}" selected>${item.name}</option>`;
-                    variantSelect.dispatchEvent(new Event('change', { bubbles: true }));
-                }
-            }
-
-            updateFieldStatus(form);
-
-            // Пересчитываем цену комплекта
-            if (typeof calculateKitPrice === 'function') {
-                calculateKitPrice();
-            }
-        }
-
-        // Функция для инициализации формы
-        function initializeForm(form) {
-            updateFieldStatus(form);
-            const productSelect = form.querySelector('[name$="-product"]');
-            const variantGroupSelect = form.querySelector('[name$="-variant_group"]');
-            const quantityInput = form.querySelector('[name$="-quantity"]');
-
-            if (productSelect) productSelect.addEventListener('change', () => {
-                updateFieldStatus(form);
-                calculateKitPrice();
-            });
-            if (variantGroupSelect) variantGroupSelect.addEventListener('change', () => {
-                updateFieldStatus(form);
-                calculateKitPrice();
-            });
-            if (quantityInput) quantityInput.addEventListener('input', () => {
-                calculateKitPrice();
-            });
-        }
-
-        // Функция для загрузки цены товара для существующей формы
-        async function loadProductPriceForForm(form) {
-            const productSelect = form.querySelector('[name$="-product"]');
-            const quantityInput = form.querySelector('[name$="-quantity"]');
-
-            if (productSelect && productSelect.value && quantityInput) {
-                const productId = productSelect.value;
-                const productName = productSelect.options[productSelect.selectedIndex]?.text;
-
-                // Если цена уже есть в data-атрибуте, не загружаем повторно
-                if (quantityInput.getAttribute('data-price')) {
-                    return;
-                }
-
-                try {
-                    // Делаем запрос к API для получения информации о товаре
-                    // Используем название товара для поиска
-                    if (productName) {
-                        const response = await fetch(`{% url 'products:api-search-products-variants' %}?q=${encodeURIComponent(productName)}&type=product`);
-                        const data = await response.json();
-
-                        // Ищем товар с нужным ID
-                        const product = data.results.find(item => item.id == productId);
-                        if (product && product.price) {
-                            quantityInput.setAttribute('data-price', product.price);
-                            quantityInput.classList.add('product-quantity');
-                        }
-                    }
-                } catch (error) {
-                    console.error('Ошибка при загрузке цены товара:', error);
-                }
-            }
-        }
-
-        // Функция для расчета общей стоимости комплекта
-        function calculateKitPrice() {
-            const formsContainer = document.getElementById('kititem-forms');
-            const existingForms = formsContainer.querySelectorAll('.kititem-form');
-
-            let totalPrice = 0;
-            let totalCount = 0;
-
-            existingForms.forEach((form) => {
-                const deleteCheckbox = form.querySelector('[name$="-DELETE"]');
-                // Пропускаем формы, помеченные на удаление
-                if (deleteCheckbox && deleteCheckbox.checked) return;
-
-                const productSelect = form.querySelector('[name$="-product"]');
-                const quantityInput = form.querySelector('[name$="-quantity"]');
-
-                // Считаем только товары (не группы вариантов)
-                if (productSelect && productSelect.value && quantityInput) {
-                    const quantity = parseFloat(quantityInput.value) || 0;
-                    const price = parseFloat(quantityInput.getAttribute('data-price')) || 0;
-
-                    if (quantity > 0 && price > 0) {
-                        totalPrice += price * quantity;
-                        totalCount++;
-                    }
-                }
-            });
-
-            // Обновляем отображение
-            const totalProductsPriceElement = document.getElementById('totalProductsPrice');
-            const totalProductsCountElement = document.getElementById('totalProductsCount');
-
-            if (totalProductsPriceElement) {
-                totalProductsPriceElement.textContent = totalPrice.toFixed(2) + ' ₽';
-            }
-            if (totalProductsCountElement) {
-                totalProductsCountElement.textContent = totalCount;
-            }
-
-            return totalPrice;
-        }
-
-        // Функция для добавления пустой формы товара
-        function addEmptyKitItemForm() {
-            const formsContainer = document.getElementById('kititem-forms');
-            const totalForms = parseInt(document.querySelector('[name*="TOTAL_FORMS"]').value);
-
-            const newFormHtml = createEmptyKitItemForm(totalForms);
-            const tempDiv = document.createElement('div');
-            tempDiv.innerHTML = newFormHtml;
-            formsContainer.appendChild(tempDiv.firstElementChild);
-
-            // Обновляем счетчик форм
-            document.querySelector('[name*="TOTAL_FORMS"]').value = totalForms + 1;
-
-            // Инициализируем новую форму
-            const newForm = formsContainer.lastElementChild;
-            initializeForm(newForm);
-
-            // Прокручиваем к новой форме
-            newForm.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        }
-
-        // Функция для создания HTML пустой формы
-        function createEmptyKitItemForm(formIndex) {
-            const fieldName = `kititem_set-${formIndex}`;
-
-            return `
-                <div class="card mb-3 kititem-form" data-form-index="${formIndex}">
-                    <div class="card-header bg-light d-flex justify-content-between align-items-center">
-                        <span><strong>Компонент #${formIndex + 1}</strong></span>
-                        <div class="form-check">
-                            <input type="checkbox" class="form-check-input" id="${fieldName}-DELETE" name="${fieldName}-DELETE">
-                            <label class="form-check-label" for="${fieldName}-DELETE">
-                                Удалить
-                            </label>
-                        </div>
-                    </div>
-                    <div class="card-body">
-                        <div class="row">
-                            <div class="col-md-6 mb-3">
-                                <label for="${fieldName}-product" class="form-label">
-                                    Конкретный товар
-                                </label>
-                                <select class="form-control" id="${fieldName}-product" name="${fieldName}-product" data-new-record="False">
-                                    <option value="">---------</option>
-                                </select>
-                                <small class="form-text text-muted">Конкретный товар (если выбран, группа вариантов не нужна)</small>
-                            </div>
-
-                            <div class="col-md-6 mb-3">
-                                <label for="${fieldName}-variant_group" class="form-label">
-                                    Группа вариантов
-                                </label>
-                                <select class="form-control" id="${fieldName}-variant_group" name="${fieldName}-variant_group" data-new-record="False">
-                                    <option value="">---------</option>
-                                </select>
-                                <small class="form-text text-muted">Группа вариантов (если выбрана, конкретный товар не нужен)</small>
-                            </div>
-                        </div>
-
-                        <div class="row">
-                            <div class="col-md-4 mb-3">
-                                <label for="${fieldName}-quantity" class="form-label">
-                                    Количество
-                                </label>
-                                <input type="number" class="form-control product-quantity" id="${fieldName}-quantity" name="${fieldName}-quantity"
-                                       value="1" step="0.001" min="0" data-price="0">
-                            </div>
-
-                            <div class="col-md-8 mb-3">
-                                <label for="${fieldName}-notes" class="form-label">
-                                    Примечание
-                                </label>
-                                <input type="text" class="form-control" id="${fieldName}-notes" name="${fieldName}-notes"
-                                       placeholder="Опциональное примечание">
-                            </div>
-                        </div>
-
-                        <input type="hidden" name="${fieldName}-id">
-                    </div>
-                </div>
-            `;
-        }
-
-        // Функция для создания HTML новой формы
-        function createNewKitItemForm(formIndex, item) {
-            const fieldName = `kititem_set-${formIndex}`;
-            const itemType = item.type === 'product' ? 'product' : 'variant';
-            const selectedId = item.id;
-            const selectedField = itemType === 'product' ? 'product' : 'variant_group';
-
-            return `
-                <div class="card mb-3 kititem-form" data-form-index="${formIndex}">
-                    <div class="card-header bg-light d-flex justify-content-between align-items-center">
-                        <span><strong>Компонент #${formIndex + 1}</strong></span>
-                        <div class="form-check">
-                            <input type="checkbox" class="form-check-input" id="${fieldName}-DELETE" name="${fieldName}-DELETE">
-                            <label class="form-check-label" for="${fieldName}-DELETE">
-                                Удалить
-                            </label>
-                        </div>
-                    </div>
-                    <div class="card-body">
-                        <div class="row">
-                            <div class="col-md-6 mb-3">
-                                <label for="${fieldName}-product" class="form-label">
-                                    Конкретный товар
-                                </label>
-                                <select class="form-select" id="${fieldName}-product" name="${fieldName}-product"
-                                        data-new-record="False" style="${itemType === 'variant' ? 'opacity: 0.6' : ''}">
-                                    <option value="">---------</option>
-                                    ${itemType === 'product' ? `<option value="${selectedId}" selected>${item.display_name || item.name}</option>` : ''}
-                                </select>
-                                <small class="form-text text-muted">Конкретный товар (если выбран, группа вариантов не нужна)</small>
-                            </div>
-
-                            <div class="col-md-6 mb-3">
-                                <label for="${fieldName}-variant_group" class="form-label">
-                                    Группа вариантов
-                                </label>
-                                <select class="form-select" id="${fieldName}-variant_group" name="${fieldName}-variant_group"
-                                        data-new-record="False" style="${itemType === 'product' ? 'opacity: 0.6' : ''}">
-                                    <option value="">---------</option>
-                                    ${itemType === 'variant' ? `<option value="${selectedId}" selected>${item.name}</option>` : ''}
-                                </select>
-                                <small class="form-text text-muted">Группа вариантов (если выбрана, конкретный товар не нужен)</small>
-                            </div>
-                        </div>
-
-                        <div class="row">
-                            <div class="col-md-4 mb-3">
-                                <label for="${fieldName}-quantity" class="form-label">
-                                    Количество
-                                </label>
-                                <input type="number" class="form-control product-quantity" id="${fieldName}-quantity" name="${fieldName}-quantity"
-                                       value="1" step="0.001" min="0" data-price="${item.price || 0}">
-                            </div>
-
-                            <div class="col-md-8 mb-3">
-                                <label for="${fieldName}-notes" class="form-label">
-                                    Примечание
-                                </label>
-                                <input type="text" class="form-control" id="${fieldName}-notes" name="${fieldName}-notes"
-                                       placeholder="Опциональное примечание">
-                            </div>
-                        </div>
-
-                        <input type="hidden" name="${fieldName}-id">
-                    </div>
-                </div>
-            `;
-        }
-
-        // Обработчики событий поиска
-        if (searchInput) {
-            searchInput.addEventListener('input', (e) => {
-                // Автопоиск с задержкой
-                clearTimeout(searchInput.searchTimeout);
-                searchInput.searchTimeout = setTimeout(() => {
-                    performSearch(searchInput.value);
-                }, 300);
-            });
-
-            searchInput.addEventListener('keyup', (e) => {
-                if (e.key === 'Enter') {
-                    performSearch(searchInput.value);
-                }
-            });
-        }
-
-        // Обработчик кнопки "Добавить товар"
-        if (addKitItemBtn) {
-            addKitItemBtn.addEventListener('click', () => {
-                addEmptyKitItemForm();
-            });
-        }
-
-        // Очистка результатов при клике вне области
-        document.addEventListener('click', (e) => {
-            if (!e.target.closest('#productSearch') && !e.target.closest('#searchResults') && !e.target.closest('#searchBtn')) {
-                // searchResults.style.display = 'none';
-            }
-        });
-    });
-
-    // ========== ОЧИСТКА ПУСТЫХ ФОРМ ПЕРЕД СОХРАНЕНИЕМ ==========
-    document.addEventListener('DOMContentLoaded', function() {
-        const kitForm = document.querySelector('form[method="post"]');
-        if (kitForm) {
-            kitForm.addEventListener('submit', function(e) {
-                // Снимаем disabled со всех селектов перед отправкой
-                // (иначе их значения не попадут в POST запрос)
-                const allSelects = kitForm.querySelectorAll('select[disabled]');
-                allSelects.forEach(select => {
-                    select.disabled = false;
-                });
-
-                // Отмечаем пустые компоненты для удаления
-                const formsContainer = document.getElementById('kititem-forms');
-                if (formsContainer) {
-                    const allForms = formsContainer.querySelectorAll('.kititem-form');
-                    allForms.forEach((form) => {
-                        const productSelect = form.querySelector('[name$="-product"]');
-                        const variantGroupSelect = form.querySelector('[name$="-variant_group"]');
-                        const deleteCheckbox = form.querySelector('[name$="-DELETE"]');
-
-                        const hasProduct = productSelect && productSelect.value;
-                        const hasVariant = variantGroupSelect && variantGroupSelect.value;
-
-                        // Если форма пустая - помечаем на удаление
-                        if (!hasProduct && !hasVariant && deleteCheckbox) {
-                            deleteCheckbox.checked = true;
-                        }
-                    });
-                }
-                // Продолжаем нормальную отправку формы
-            });
-        }
-    });
-
-    // ========== УПРАВЛЕНИЕ ВИДИМОСТЬЮ ПОЛЯ FIXED_PRICE ==========
-    document.addEventListener('DOMContentLoaded', function() {
-        const pricingMethodField = document.querySelector('[name="pricing_method"]');
-        const fixedPriceField = document.querySelector('[name="fixed_price"]');
-        const fixedPriceAlert = document.getElementById('fixed-price-alert');
-
-        function updatePricingFieldsState() {
-            if (!pricingMethodField || !fixedPriceField) return;
-
-            const method = pricingMethodField.value;
-
-            if (method === 'fixed') {
-                // Поле активно
-                fixedPriceField.disabled = false;
-                fixedPriceField.style.opacity = '1';
-                if (fixedPriceAlert) {
-                    fixedPriceAlert.classList.add('d-none');
-                }
-            } else {
-                // Поле неактивно
-                fixedPriceField.disabled = true;
-                fixedPriceField.style.opacity = '0.6';
-                if (fixedPriceAlert) {
-                    fixedPriceAlert.classList.remove('d-none');
-                }
-            }
-        }
-
-        // Инициализируем состояние при загрузке
-        updatePricingFieldsState();
-
-        // Обновляем при изменении метода ценообразования
-        if (pricingMethodField) {
-            pricingMethodField.addEventListener('change', updatePricingFieldsState);
-        }
-    });
-
-    // ========== ПРЕДПРОСМОТР ЗАГРУЖАЕМЫХ ФОТО ==========
-    document.addEventListener('DOMContentLoaded', function() {
-        const photoInput = document.getElementById('id_photos');
-        const photoPreview = document.getElementById('photoPreview');
-        const photoPreviewContainer = document.getElementById('photoPreviewContainer');
-        const photoCount = document.getElementById('photoCount');
-
-        // Массив для хранения выбранных файлов
-        let selectedFiles = [];
-
-        if (photoInput) {
-            photoInput.addEventListener('change', function(e) {
-                const files = Array.from(e.target.files);
-                selectedFiles = files; // Сохраняем выбранные файлы
-
-                if (files.length > 0) {
-                    photoCount.style.display = 'inline';
-                    photoCount.textContent = `${files.length} выбрано`;
-                    photoPreviewContainer.style.display = 'block';
-                    photoPreview.innerHTML = '';
-
-                    files.forEach((file, index) => {
-                        const reader = new FileReader();
-
-                        reader.onload = function(event) {
-                            const col = document.createElement('div');
-                            col.className = 'col-6 col-md-4 col-lg-3';
-
-                            col.innerHTML = `
-                                <div class="card position-relative" data-file-index="${index}">
-                                    <img src="${event.target.result}" class="card-img-top" alt="Preview" style="height: 150px; object-fit: cover;">
-                                    <div class="card-body p-2">
-                                        <small class="text-truncate d-block">${file.name}</small>
-                                        <button type="button" class="btn btn-sm btn-danger w-100 mt-1 remove-photo-btn" data-file-index="${index}">
-                                            <i class="bi bi-trash"></i> Удалить
-                                        </button>
-                                    </div>
-                                </div>
-                            `;
-
-                            photoPreview.appendChild(col);
-                        };
-
-                        reader.readAsDataURL(file);
-                    });
-                } else {
-                    photoCount.style.display = 'none';
-                    photoPreviewContainer.style.display = 'none';
-                    photoPreview.innerHTML = '';
-                }
-            });
-
-            // Обработчик удаления отдельных фото
-            photoPreview.addEventListener('click', function(e) {
-                if (e.target.classList.contains('remove-photo-btn') || e.target.closest('.remove-photo-btn')) {
-                    const btn = e.target.classList.contains('remove-photo-btn') ? e.target : e.target.closest('.remove-photo-btn');
-                    const fileIndex = parseInt(btn.getAttribute('data-file-index'));
-
-                    // Удаляем файл из массива
-                    selectedFiles.splice(fileIndex, 1);
-
-                    // Создаем новый DataTransfer для обновления input
-                    const dataTransfer = new DataTransfer();
-                    selectedFiles.forEach(file => {
-                        dataTransfer.items.add(file);
-                    });
-                    photoInput.files = dataTransfer.files;
-
-                    // Обновляем отображение
-                    photoInput.dispatchEvent(new Event('change'));
-                }
-            });
-        }
-    });
-</script>
-{% endblock %}