(() => { const KEY = "afonka3d.cart.v1"; const formatRub = (value) => new Intl.NumberFormat("ru-RU", { style: "currency", currency: "RUB", maximumFractionDigits: 0 }).format(value || 0); const readCart = () => { try { const parsed = JSON.parse(window.localStorage.getItem(KEY) || "[]"); return Array.isArray(parsed) ? parsed : []; } catch { return []; } }; const writeCart = (items) => { window.localStorage.setItem(KEY, JSON.stringify(items)); updateCartCounters(); }; const escapeHtml = (value) => String(value ?? "").replace(/[&<>"]/g, (char) => ({ "&": "&", "<": "<", ">": ">", "\"": """ }[char])); const lineTotal = (item) => ({ ...item, lineTotalRub: item.priceRub * item.quantity }); const summarize = (items) => { const itemCount = items.reduce((total, item) => total + item.quantity, 0); const subtotalRub = items.reduce((total, item) => total + item.lineTotalRub, 0); const deliveryEstimateRub = itemCount > 0 ? 350 : 0; return { itemCount, subtotalRub, deliveryEstimateRub, totalRub: subtotalRub + deliveryEstimateRub }; }; function updateCartCounters() { const count = summarize(readCart()).itemCount; document.querySelectorAll("[data-cart-count]").forEach((node) => { node.textContent = String(count); }); document.querySelectorAll(".cartNavLink").forEach((node) => node.setAttribute("aria-label", "Корзина, товаров: " + count)); } function addCartItem(product, variant, quantity) { const nextItem = lineTotal({ id: product.id + ":" + variant.id, productId: product.id, variantId: variant.id, slug: product.slug, sku: product.sku, title: product.title, material: variant.material, color: variant.color, colorHex: variant.colorHex, priceRub: variant.priceRub, quantity, lineTotalRub: 0, }); const existing = readCart(); const updated = existing.some((item) => item.id === nextItem.id) ? existing.map((item) => item.id === nextItem.id ? lineTotal({ ...item, quantity: item.quantity + quantity }) : item) : existing.concat(nextItem); writeCart(updated); } function setupPurchasePanels() { document.querySelectorAll("[data-purchase-panel]").forEach((panel) => { if (panel.dataset.cartRuntimeReady === "1") return; panel.dataset.cartRuntimeReady = "1"; const product = JSON.parse(panel.querySelector("[data-product-json]")?.textContent || "{}"); const variants = JSON.parse(panel.querySelector("[data-variants-json]")?.textContent || "[]"); let selected = variants[0]; const priceNode = panel.querySelector("[data-selected-price]"); const noticeNode = panel.querySelector("[data-cart-notice]"); const syncVariant = () => { panel.querySelectorAll("[data-variant-id]").forEach((button) => { const isSelected = button.getAttribute("data-variant-id") === selected?.id; button.classList.toggle("selected", isSelected); button.setAttribute("aria-checked", String(isSelected)); }); if (priceNode && selected) priceNode.textContent = formatRub(selected.priceRub); }; panel.querySelectorAll("[data-variant-id]").forEach((button) => { button.addEventListener("click", () => { selected = variants.find((variant) => variant.id === button.getAttribute("data-variant-id")) || selected; syncVariant(); }); }); panel.querySelector("[data-add-to-cart]")?.addEventListener("click", () => { const quantityInput = panel.querySelector("[data-cart-quantity]"); const quantity = Math.max(1, Math.floor(Number(quantityInput?.value || 1))); if (!selected) return; addCartItem(product, selected, quantity); if (noticeNode) noticeNode.textContent = quantity + " × " + selected.color + " добавлено в корзину"; }); syncVariant(); }); } function cartItemHtml(item) { return '

' + '' + '

' + escapeHtml(item.sku) + '

' + escapeHtml(item.title) + '

' + escapeHtml(item.material) + ' · ' + escapeHtml(item.color) + '

' + formatRub(item.priceRub) + ' / шт.

' + '

Кол-во' + formatRub(item.lineTotalRub) + '

' + '

'; } function renderCartPage() { const root = document.querySelector("[data-cart-page-root]"); if (!root) return; const items = readCart(); if (!items.length) return; const summary = summarize(items); root.className = "sectionShell cartLayout"; root.innerHTML = '

Корзина

Проверь изделия перед оформлением.

Считаем позиции, количество, оценку доставки и передаём состав в форму заявки. Онлайн-оплата подключается после проверки платёжного контура.

' + items.map(cartItemHtml).join("") + '

' + ''; root.querySelectorAll("[data-cart-line-quantity]").forEach((input) => input.addEventListener("change", () => { const lineId = input.getAttribute("data-cart-line-quantity"); const quantity = Math.max(0, Math.floor(Number(input.value || 0))); writeCart(readCart().map((item) => item.id === lineId ? lineTotal({ ...item, quantity }) : item).filter((item) => item.quantity > 0)); renderCartPage(); })); root.querySelectorAll("[data-cart-remove]").forEach((button) => button.addEventListener("click", () => { writeCart(readCart().filter((item) => item.id !== button.getAttribute("data-cart-remove"))); window.location.reload(); })); root.querySelector("[data-cart-clear]")?.addEventListener("click", () => { writeCart([]); window.location.reload(); }); } function renderCheckoutPage() { const root = document.querySelector("[data-checkout-page-root]"); if (!root) return; const items = readCart(); if (!items.length) { root.className = "sectionShell emptyCartSection"; root.innerHTML = '

Заявка

Корзина пуста — оформлять пока нечего.

Добавьте изделие из каталога, а потом возвращайтесь сюда.

Перейти в каталог'; return; } const summary = summarize(items); const lines = items.map((item) => '

' + escapeHtml(item.title) + ' · ' + escapeHtml(item.color) + ' × ' + item.quantity + '

').join(''); root.className = "sectionShell checkoutFormLayout"; root.innerHTML = '

Заявка

Контакты и доставка для заявки.

Заполните данные для связи, город, адрес или ПВЗ и комментарий к печати. Онлайн-оплата и автоматическая отправка менеджеру будут подключены после безопасной проверки.

' + checkoutFieldHtml('customerName', 'Имя', 'Афоня') + checkoutFieldHtml('phone', 'Телефон', '+7 999 123-45-67', 'tel') + checkoutFieldHtml('contact', 'Telegram или email', '@username или mail@example.ru') + checkoutFieldHtml('deliveryCity', 'Город доставки', 'Москва') + checkoutFieldHtml('deliveryAddress', 'Адрес или ПВЗ', 'Адрес, ПВЗ CDEK или самовывоз', '', true) + 'Комментарий к печати' + '

' + ''; root.querySelector('[data-checkout-form]')?.addEventListener('submit', (event) => { event.preventDefault(); const form = event.currentTarget; const data = Object.fromEntries(new FormData(form).entries()); const required = { customerName: 'Укажите имя', phone: 'Укажите телефон', deliveryCity: 'Укажите город доставки' }; let hasErrors = false; form.querySelectorAll('[data-error-for]').forEach((node) => { node.textContent = ''; }); Object.entries(required).forEach(([field, message]) => { if (!String(data[field] || '').trim()) { hasErrors = true; const errorNode = form.querySelector('[data-error-for="' + field + '"]'); if (errorNode) errorNode.textContent = message; } }); if (hasErrors) return; const clean = (value) => String(value || '').trim().replace(/\s+/g, ' '); const draft = { id: 'draft-' + Date.now().toString(36), status: 'draft', createdAt: new Date().toISOString(), customerName: clean(data.customerName), phone: clean(data.phone), contact: clean(data.contact), deliveryCity: clean(data.deliveryCity), deliveryAddress: clean(data.deliveryAddress), comment: clean(data.comment), items, summary, }; window.localStorage.setItem('afonka3d.checkoutDraft.v1', JSON.stringify(draft)); writeCart([]); root.className = 'sectionShell checkoutSuccessSection'; root.innerHTML = '

Заявка сохранена

Заявка сохранена локально.

Номер заявки: ' + escapeHtml(draft.id) + '. Автоматическая отправка менеджеру, онлайн-оплата и CDEK будут подключены отдельным безопасным слоем.

Вернуться в каталог Открыть корзину

'; }); } function checkoutFieldHtml(name, label, placeholder, inputMode, wide) { return '' + label + ''; } const ADMIN_DRAFTS_KEY = 'afonka3d.adminCatalogDrafts.v1'; const adminClean = (value) => String(value || '').trim().replace(/\s+/g, ' '); const readAdminDrafts = () => { try { const parsed = JSON.parse(window.localStorage.getItem(ADMIN_DRAFTS_KEY) || '[]'); return Array.isArray(parsed) ? parsed : []; } catch { return []; } }; const writeAdminDrafts = (drafts) => window.localStorage.setItem(ADMIN_DRAFTS_KEY, JSON.stringify(drafts)); function renderAdminCatalog() { const root = document.querySelector('[data-admin-catalog-root]'); const panel = document.querySelector('[data-admin-drafts-panel]'); if (!root || !panel) return; const liveProducts = JSON.parse(root.querySelector('[data-admin-live-products]')?.textContent || '[]'); const drafts = readAdminDrafts(); const availabilityLabels = { in_stock: 'В наличии', print_to_order: 'Печать под заказ', custom_order: 'Индивидуальный заказ' }; const summary = { live: liveProducts.length, drafts: drafts.length, total: liveProducts.length + drafts.length }; panel.innerHTML = '

Черновики

Живых' + summary.live + '

Черновиков' + summary.drafts + '

Всего' + summary.total + '

' + '' + '

' + (drafts.length ? drafts.map(adminDraftHtml).join('') : '

Черновиков пока нет. Создайте один — и он останется в localStorage этого браузера.

') + '

'; panel.querySelector('[data-admin-draft-form]')?.addEventListener('submit', (event) => { event.preventDefault(); const form = event.currentTarget; form.querySelectorAll('[data-admin-error]').forEach((node) => { node.textContent = ''; }); const data = Object.fromEntries(new FormData(form).entries()); const errors = {}; if (!adminClean(data.sku)) errors.sku = 'Укажите SKU'; if (!adminClean(data.title)) errors.title = 'Укажите название'; if (!Number(data.basePriceRub) || Number(data.basePriceRub) <= 0) errors.basePriceRub = 'Цена должна быть больше 0'; const normalizedSku = adminClean(data.sku).toUpperCase(); if (drafts.some((draft) => draft.sku === normalizedSku)) errors.sku = 'SKU уже есть в черновиках'; Object.entries(errors).forEach(([field, message]) => { const node = form.querySelector('[data-admin-error="' + field + '"]'); if (node) node.textContent = message; }); if (Object.keys(errors).length) return; const nextDraft = { id: 'draft-' + normalizedSku.toLowerCase(), sku: normalizedSku, title: adminClean(data.title), category: data.category || 'custom', availability: data.availability || 'print_to_order', basePriceRub: Math.round(Number(data.basePriceRub)), status: 'draft', updatedAt: new Date().toISOString() }; writeAdminDrafts(drafts.concat(nextDraft)); renderAdminCatalog(); }); panel.querySelectorAll('[data-admin-delete-draft]').forEach((button) => button.addEventListener('click', () => { writeAdminDrafts(readAdminDrafts().filter((draft) => draft.id !== button.getAttribute('data-admin-delete-draft'))); renderAdminCatalog(); })); panel.querySelectorAll('[data-admin-availability]').forEach((select) => select.addEventListener('change', () => { const id = select.getAttribute('data-admin-availability'); writeAdminDrafts(readAdminDrafts().map((draft) => draft.id === id ? { ...draft, availability: select.value, updatedAt: new Date().toISOString() } : draft)); renderAdminCatalog(); })); function adminDraftHtml(draft) { return '

' + escapeHtml(draft.sku) + ' · ЧЕРНОВИК

' + escapeHtml(draft.title) + '

' + escapeHtml(availabilityLabels[draft.availability] || draft.availability) + ' · обновлено ' + escapeHtml(new Date(draft.updatedAt).toLocaleString('ru-RU')) + '

' + formatRub(draft.basePriceRub) + '

'; } } function bootCartRuntime() { updateCartCounters(); setupPurchasePanels(); renderCartPage(); renderAdminCatalog(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", bootCartRuntime); } else { bootCartRuntime(); } })();

Загружаем состав корзины…