Learn_System/frontend/js/admin/sections/shop.js

'use strict';
/* admin → shop section: items + purchases */
(function () {
  'use strict';
  let inited = false;
  let _shopItems = [];
  let _shopEditId = null;
  let _shopSaving = false;

  async function load() {
    try {
      const [stats, items] = await Promise.all([
        LS.adminShopStats(),
        LS.adminShopGetItems()
      ]);
      const topName = stats.topItems?.[0]?.name || '—';
      document.getElementById('shop-stats-grid').innerHTML = `
        <div class="stat-card" style="--stat-top:var(--violet)">
          <div class="stat-card-icon" style="background:rgba(155,93,229,0.1)"><i data-lucide="shopping-bag" class="stat-icon"></i></div>
          <div class="stat-val violet">${stats.activeItems}/${stats.totalItems}</div>
          <div class="stat-label">Товаров</div>
        </div>
        <div class="stat-card" style="--stat-top:var(--cyan)">
          <div class="stat-card-icon" style="background:rgba(6,214,224,0.1)"><i data-lucide="receipt" class="stat-icon"></i></div>
          <div class="stat-val cyan">${stats.totalPurchases}</div>
          <div class="stat-label">Покупок</div>
        </div>
        <div class="stat-card" style="--stat-top:var(--green)">
          <div class="stat-card-icon" style="background:rgba(6,214,100,0.1)"><i data-lucide="coins" class="stat-icon"></i></div>
          <div class="stat-val green">${stats.totalCoinsInCirculation}</div>
          <div class="stat-label">Монет в обороте</div>
        </div>
        <div class="stat-card" style="--stat-top:var(--amber, #FFB347)">
          <div class="stat-card-icon" style="background:rgba(255,179,71,0.1)"><i data-lucide="star" class="stat-icon"></i></div>
          <div class="stat-val" style="color:var(--amber, #FFB347);font-size:1.1rem">${esc(topName)}</div>
          <div class="stat-label">Топ товар</div>
        </div>`;
      _shopItems = items;
      renderShopItems();
      if (window.lucide) lucide.createIcons();
    } catch(e) {
      document.getElementById('shop-stats-grid').innerHTML = `<div class="error">Ошибка: ${esc(e.message)}</div>`;
    }
  }

  function renderShopItems() {
    const body = document.getElementById('shop-items-body');
    if (!_shopItems.length) { body.innerHTML = '<tr><td colspan="7" class="empty">Нет товаров</td></tr>'; return; }
    const typeLabels = { frame:'Рамка', title:'Титул', theme:'Тема', effect:'Эффект', background:'Фон' };
    body.innerHTML = _shopItems.map(it => `<tr>
      <td>${it.id}</td>
      <td><strong>${esc(it.name)}</strong></td>
      <td><span class="mode-badge mode-practice">${typeLabels[it.type] || esc(it.type)}</span></td>
      <td>${it.price} <i data-lucide="coins" style="width:12px;height:12px;vertical-align:-2px;color:var(--amber, #FFB347)"></i></td>
      <td>${it.sold_count || 0}</td>
      <td>
        <label class="adm-toggle">
          <input type="checkbox" ${it.is_active ? 'checked' : ''} onchange="shopAdminToggleActive(${it.id}, this.checked)" />
          <span class="track"></span><span class="thumb"></span>
        </label>
      </td>
      <td>
        <button class="btn-edit-q" onclick="shopAdminEditItem(${it.id})">Ред.</button>
        <button class="btn-del-q" onclick="shopAdminDeleteItem(${it.id})">Удалить</button>
      </td>
    </tr>`).join('');
    if (window.lucide) lucide.createIcons();
  }

  function showShopForm() {
    const form = document.getElementById('shop-item-form');
    form.style.display = '';
    form.scrollIntoView({ behavior: 'smooth', block: 'center' });
    document.getElementById('shop-f-name').focus();
  }

  function shopAdminCreateItem() {
    _shopEditId = null;
    document.getElementById('shop-form-title').textContent = 'Добавить товар';
    document.getElementById('shop-f-name').value = '';
    document.getElementById('shop-f-type').value = 'frame';
    document.getElementById('shop-f-price').value = '100';
    document.getElementById('shop-f-desc').value = '';
    document.getElementById('shop-f-icon').value = '';
    document.getElementById('shop-f-data').value = '';
    document.getElementById('shop-f-active').checked = true;
    showShopForm();
  }

  function shopAdminEditItem(id) {
    const it = _shopItems.find(i => i.id === id);
    if (!it) return;
    _shopEditId = id;
    document.getElementById('shop-form-title').textContent = 'Редактировать товар #' + id;
    document.getElementById('shop-f-name').value = it.name || '';
    document.getElementById('shop-f-type').value = it.type || 'frame';
    document.getElementById('shop-f-price').value = it.price ?? 100;
    document.getElementById('shop-f-desc').value = it.description || '';
    document.getElementById('shop-f-icon').value = it.icon || '';
    document.getElementById('shop-f-data').value = it.data ? (typeof it.data === 'string' ? it.data : JSON.stringify(it.data)) : '';
    document.getElementById('shop-f-active').checked = !!it.is_active;
    showShopForm();
  }

  function shopAdminCancelForm() {
    document.getElementById('shop-item-form').style.display = 'none';
    _shopEditId = null;
  }

  async function shopAdminSaveItem() {
    if (_shopSaving) return;
    _shopSaving = true;
    const data = {
      name: document.getElementById('shop-f-name').value.trim(),
      type: document.getElementById('shop-f-type').value,
      price: parseInt(document.getElementById('shop-f-price').value) || 0,
      description: document.getElementById('shop-f-desc').value.trim(),
      icon: document.getElementById('shop-f-icon').value.trim(),
      data: document.getElementById('shop-f-data').value.trim() || null,
      is_active: document.getElementById('shop-f-active').checked ? 1 : 0
    };
    if (!data.name) { LS.toast('Введите название', 'error'); _shopSaving = false; return; }
    try {
      if (_shopEditId) {
        await LS.adminShopUpdateItem(_shopEditId, data);
        LS.toast('Товар обновлён', 'success');
      } else {
        await LS.adminShopCreateItem(data);
        LS.toast('Товар создан', 'success');
      }
      shopAdminCancelForm();
      inited = false;
      await load();
      inited = true;
    } catch(e) { LS.toast('Ошибка: ' + e.message, 'error'); }
    finally { _shopSaving = false; }
  }

  async function shopAdminDeleteItem(id) {
    if (!await LS.confirm('Все покупки этого товара будут удалены.', { title: 'Удалить товар?', confirmText: 'Удалить', danger: true })) return;
    try {
      await LS.adminShopDeleteItem(id);
      LS.toast('Товар удалён', 'success');
      inited = false;
      await load();
      inited = true;
    } catch(e) { LS.toast('Ошибка: ' + e.message, 'error'); }
  }

  async function shopAdminToggleActive(id, active) {
    try {
      await LS.adminShopUpdateItem(id, { is_active: active ? 1 : 0 });
      LS.toast(active ? 'Товар активирован' : 'Товар деактивирован', 'success');
    } catch(e) { LS.toast('Ошибка: ' + e.message, 'error'); }
  }

  // Expose onclick handlers
  window.shopAdminCreateItem = shopAdminCreateItem;
  window.shopAdminEditItem = shopAdminEditItem;
  window.shopAdminCancelForm = shopAdminCancelForm;
  window.shopAdminSaveItem = shopAdminSaveItem;
  window.shopAdminDeleteItem = shopAdminDeleteItem;
  window.shopAdminToggleActive = shopAdminToggleActive;

  window.AdminSections = window.AdminSections || {};
  window.AdminSections.shop = {
    init: async () => { if (inited) return; inited = true; await load(); },
    reload: load,
  };
})();