diff --git a/myproject/orders/templates/orders/order_form.html b/myproject/orders/templates/orders/order_form.html index cc3a02b..9d737cd 100644 --- a/myproject/orders/templates/orders/order_form.html +++ b/myproject/orders/templates/orders/order_form.html @@ -243,6 +243,9 @@ + @@ -531,6 +534,223 @@ document.addEventListener('DOMContentLoaded', function() { } }); }); + + // === ВРЕМЕННЫЕ КОМПЛЕКТЫ === + + // Модальное окно для создания временного комплекта + const tempKitModal = document.getElementById('tempKitModal'); + const tempKitForm = document.getElementById('temp-kit-form'); + const tempKitComponentsContainer = document.getElementById('temp-kit-components'); + let tempKitComponentIndex = 0; + + // Добавление компонента в временный комплект + document.getElementById('add-temp-kit-component-btn').addEventListener('click', function() { + addTempKitComponent(); + }); + + function addTempKitComponent(productId = '', productName = '', quantity = '1') { + const componentHtml = ` +
+
+
+ + +
+
+ + +
+
+ +
+
+
+ `; + + tempKitComponentsContainer.insertAdjacentHTML('beforeend', componentHtml); + + // Инициализация Select2 для нового компонента + $(`.select2-temp-kit-product[data-component-index="${tempKitComponentIndex}"]`).select2({ + theme: 'bootstrap-5', + width: '100%', + placeholder: 'Выберите товар', + language: 'ru', + dropdownParent: $('#tempKitModal'), + ajax: { + url: '{% url "products:api-search-products-variants" %}', + dataType: 'json', + delay: 250, + data: function(params) { + return { + q: params.term, + type: 'product', // Только товары, не комплекты + page: params.page || 1 + }; + }, + processResults: function(data) { + return { + results: data.results, + pagination: { + more: data.pagination.more + } + }; + }, + cache: true + } + }); + + tempKitComponentIndex++; + } + + // Удаление компонента + tempKitComponentsContainer.addEventListener('click', function(e) { + if (e.target.closest('.remove-temp-kit-component')) { + e.target.closest('.temp-kit-component').remove(); + } + }); + + // Добавляем первый компонент при открытии модального окна + tempKitModal.addEventListener('show.bs.modal', function() { + // Очищаем форму + document.getElementById('temp-kit-name').value = ''; + document.getElementById('temp-kit-description').value = ''; + tempKitComponentsContainer.innerHTML = ''; + tempKitComponentIndex = 0; + + // Добавляем первый пустой компонент + addTempKitComponent(); + }); + + // Создание временного комплекта + document.getElementById('save-temp-kit-btn').addEventListener('click', function() { + const name = document.getElementById('temp-kit-name').value.trim(); + const description = document.getElementById('temp-kit-description').value.trim(); + + if (!name) { + alert('Пожалуйста, укажите название комплекта'); + return; + } + + // Собираем компоненты + const components = []; + document.querySelectorAll('.temp-kit-component').forEach(function(component) { + const select = component.querySelector('.select2-temp-kit-product'); + const quantity = component.querySelector('.temp-kit-quantity').value; + const productId = $(select).val(); + + if (productId && quantity > 0) { + // Убираем префикс "product_" если есть + const cleanId = productId.replace('product_', ''); + components.push({ + product_id: parseInt(cleanId), + quantity: quantity + }); + } + }); + + if (components.length === 0) { + alert('Добавьте хотя бы один товар в комплект'); + return; + } + + // Отправляем AJAX запрос + fetch('{% url "orders:temporary-kit-create" %}', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'X-CSRFToken': '{{ csrf_token }}' + }, + body: JSON.stringify({ + name: name, + description: description, + order_id: {{ form.instance.pk|default:"null" }}, + components: components + }) + }) + .then(response => response.json()) + .then(data => { + if (data.success) { + // Закрываем модальное окно + const modal = bootstrap.Modal.getInstance(tempKitModal); + modal.hide(); + + // Добавляем созданный комплект в форму заказа + addOrderItem(`kit_${data.kit_id}`, 'kit', data.kit_name, data.kit_price, 1); + + // Показываем успешное сообщение + alert(`Комплект "${data.kit_name}" создан и добавлен в заказ!`); + } else { + alert(`Ошибка: ${data.error}`); + } + }) + .catch(error => { + console.error('Error:', error); + alert('Произошла ошибка при создании комплекта'); + }); + }); }); + + + {% endblock %}