templates/admin/dashboard.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/base.html.twig' %}
  3. {% block title %}Главная{% endblock %}
  4. {% block heading %}Главная{% endblock %}
  6. {% block page_actions %}
  7.   <div class="text-sm-end">
  8.     <a class="btn btn-primary" href="{{ path('admin_product_new') }}">
  9.       <i class="mdi mdi-plus me-1"></i>Добавить товар
  10.     </a>
  11.   </div>
  12. {% endblock %}
  14. {% block scripts %}
  15.   <script>
  16.     (() => {
  17.       const panel = document.querySelector("[data-steam-background-panel]");
  18.       if (!panel) return;
  20.       const statusUrl = panel.dataset.statusUrl;
  21.       const stateNode = panel.querySelector("[data-steam-bg-state]");
  22.       const spinner = panel.querySelector("[data-steam-bg-spinner]");
  23.       const progress = panel.querySelector("[data-steam-bg-progress]");
  24.       const failedWrap = panel.querySelector("[data-steam-bg-failed-wrap]");
  25.       const failedList = panel.querySelector("[data-steam-bg-failed-list]");
  26.       const startButton = document.querySelector("[data-steam-bg-start-button]");
  27.       const stopButton = document.querySelector("[data-steam-bg-stop-button]");
  28.       const badgeClasses = ["primary", "success", "warning", "danger", "secondary", "info", "light", "dark"];
  30.       const setText = (selector, value) => {
  31.         const node = panel.querySelector(selector);
  32.         if (node) node.textContent = value ?? "—";
  33.       };
  35.       const escapeHtml = (value) => String(value ?? "")
  36.         .replaceAll("&", "&amp;")
  37.         .replaceAll("<", "&lt;")
  38.         .replaceAll(">", "&gt;")
  39.         .replaceAll('"', "&quot;")
  40.         .replaceAll("'", "&#039;");
  42.       const setBadgeClass = (kind) => {
  43.         if (!stateNode) return;
  44.         badgeClasses.forEach((item) => {
  45.           stateNode.classList.remove(`bg-${item}-subtle`, `text-${item}`);
  46.         });
  47.         stateNode.classList.add(`bg-${kind}-subtle`, `text-${kind}`);
  48.       };
  50.       const renderFailures = (failures) => {
  51.         if (!failedWrap || !failedList) return;
  52.         const list = Array.isArray(failures) ? failures : [];
  53.         failedWrap.classList.toggle("d-none", list.length === 0);
  54.         failedList.innerHTML = list.slice(0, 20).map((failure) => `
  55.           <tr>
  56.             <td class="text-nowrap">${failure.id ? `#${escapeHtml(failure.id)}` : "—"}</td>
  57.             <td>${escapeHtml(failure.name || "Товар")}</td>
  58.             <td class="text-muted">${escapeHtml(failure.reason || "Ошибка Steam")}</td>
  59.           </tr>
  60.         `).join("");
  61.       };
  63.       const renderStatus = (status) => {
  64.         const totals = status.totals || {};
  65.         const running = Boolean(status.running);
  66.         const stateClass = status.state_class || "secondary";
  68.         if (stateNode) {
  69.           stateNode.textContent = status.state_label || "Ожидает";
  70.           setBadgeClass(stateClass);
  71.         }
  72.         if (spinner) spinner.classList.toggle("d-none", !running);
  73.         if (progress) {
  74.           progress.style.width = running || status.state === "completed" ? "100%" : "0%";
  75.           progress.classList.toggle("progress-bar-striped", running);
  76.           progress.classList.toggle("progress-bar-animated", running);
  77.         }
  78.         if (startButton) startButton.disabled = running;
  79.         if (stopButton) stopButton.disabled = !running;
  81.         setText("[data-steam-bg-message]", status.message || "Фоновое Steam-дозаполнение ещё не запускалось.");
  82.         setText("[data-steam-bg-pass]", status.pass || 0);
  83.         setText("[data-steam-bg-scanned]", totals.scanned_products || 0);
  84.         setText("[data-steam-bg-games]", totals.scanned_games || 0);
  85.         setText("[data-steam-bg-updated]", totals.updated_products || 0);
  86.         setText("[data-steam-bg-failed]", totals.failed_count || 0);
  87.         setText("[data-steam-bg-started]", status.started_at || "—");
  88.         setText("[data-steam-bg-updated-at]", status.updated_at || "—");
  89.         renderFailures(status.failed || []);
  91.         return running || status.state === "stopping";
  92.       };
  94.       const poll = async () => {
  95.         try {
  96.           const response = await fetch(statusUrl, {
  97.             headers: { "Accept": "application/json" },
  98.             credentials: "same-origin",
  99.           });
  100.           if (!response.ok) return;
  101.           const status = await response.json();
  102.           if (renderStatus(status)) {
  103.             window.setTimeout(poll, 5000);
  104.           }
  105.         } catch (error) {
  106.           window.setTimeout(poll, 10000);
  107.         }
  108.       };
  110.       poll();
  111.     })();
  112.   </script>
  113. {% endblock %}
  115. {% block content %}
  116.   {% set steamJob = steam_background_status|default({'state': 'idle', 'running': false, 'requested_stop': false, 'totals': {}, 'failed': []}) %}
  117.   <div class="row">
  118.     <div class="col-md-6 col-lg-4 col-xl">
  119.       <div class="card">
  120.         <div class="card-body">
  121.           <div class="widget-first">
  122.             <div class="d-flex align-items-center mb-2">
  123.               <div class="p-2 border border-primary border-opacity-10 bg-primary-subtle rounded-2 me-2">
  124.                 <div class="bg-primary rounded-circle widget-size text-center"><i class="mdi mdi-package-variant fs-20 text-white"></i></div>
  125.               </div>
  126.               <p class="mb-0 text-dark fs-15">Карточек каталога</p>
  127.             </div>
  128.             <div class="d-flex justify-content-between align-items-center">
  129.               <h3 class="mb-0 fs-22 text-dark me-3">{{ stats.catalog_products }}</h3>
  130.               <div class="text-center">
  131.                 <span class="text-primary fs-14">{{ stats.raw_products }}</span>
  132.                 <p class="text-dark fs-13 mb-0">raw-позиций</p>
  133.               </div>
  134.             </div>
  135.           </div>
  136.         </div>
  137.       </div>
  138.     </div>
  140.     <div class="col-md-6 col-lg-4 col-xl">
  141.       <div class="card">
  142.         <div class="card-body">
  143.           <div class="widget-first">
  144.             <div class="d-flex align-items-center mb-2">
  145.               <div class="p-2 border border-success border-opacity-10 bg-success-subtle rounded-2 me-2">
  146.                 <div class="bg-success rounded-circle widget-size text-center"><i class="mdi mdi-check-circle-outline fs-20 text-white"></i></div>
  147.               </div>
  148.               <p class="mb-0 text-dark fs-15">Активны</p>
  149.             </div>
  150.             <div class="d-flex justify-content-between align-items-center">
  151.               <h3 class="mb-0 fs-22 text-dark me-3">{{ stats.active_products }}</h3>
  152.               <div class="text-center">
  153.                 <span class="text-success fs-14">{{ stats.in_stock }}</span>
  154.                 <p class="text-dark fs-13 mb-0">в наличии</p>
  155.               </div>
  156.             </div>
  157.           </div>
  158.         </div>
  159.       </div>
  160.     </div>
  162.     <div class="col-md-6 col-lg-4 col-xl">
  163.       <div class="card">
  164.         <div class="card-body">
  165.           <div class="widget-first">
  166.             <div class="d-flex align-items-center mb-2">
  167.               <div class="p-2 border border-warning border-opacity-10 bg-warning-subtle rounded-2 me-2">
  168.                 <div class="bg-warning rounded-circle widget-size text-center"><i class="mdi mdi-percent-outline fs-20 text-white"></i></div>
  169.               </div>
  170.               <p class="mb-0 text-dark fs-15">Со скидкой</p>
  171.             </div>
  172.             <div class="d-flex justify-content-between align-items-center">
  173.               <h3 class="mb-0 fs-22 text-dark me-3">{{ stats.discounted_products }}</h3>
  174.               <div class="text-center">
  175.                 <span class="text-muted fs-14">0%</span>
  176.                 <p class="text-dark fs-13 mb-0">по умолчанию</p>
  177.               </div>
  178.             </div>
  179.           </div>
  180.         </div>
  181.       </div>
  182.     </div>
  184.     <div class="col-md-6 col-lg-4 col-xl">
  185.       <div class="card">
  186.         <div class="card-body">
  187.           <div class="widget-first">
  188.             <div class="d-flex align-items-center mb-2">
  189.               <div class="p-2 border border-info border-opacity-10 bg-info-subtle rounded-2 me-2">
  190.                 <div class="bg-info rounded-circle widget-size text-center"><i class="mdi mdi-database-outline fs-20 text-white"></i></div>
  191.               </div>
  192.               <p class="mb-0 text-dark fs-15">Источники</p>
  193.             </div>
  194.             <div class="d-flex justify-content-between align-items-center">
  195.               <h3 class="mb-0 fs-22 text-dark me-3">{{ stats.sources }}</h3>
  196.               <div class="text-center">
  197.                 <span class="text-primary fs-14">{{ stats.categories }}</span>
  198.                 <p class="text-dark fs-13 mb-0">категорий</p>
  199.               </div>
  200.             </div>
  201.           </div>
  202.         </div>
  203.       </div>
  204.     </div>
  206.     <div class="col-md-6 col-lg-4 col-xl">
  207.       <div class="card">
  208.         <div class="card-body">
  209.           <div class="widget-first">
  210.             <div class="d-flex align-items-center mb-2">
  211.               <div class="p-2 border border-secondary border-opacity-10 bg-secondary-subtle rounded-2 me-2">
  212.                 <div class="bg-secondary rounded-circle widget-size text-center"><i class="mdi mdi-account-group-outline fs-20 text-white"></i></div>
  213.               </div>
  214.               <p class="mb-0 text-dark fs-15">Пользователи</p>
  215.             </div>
  216.             <div class="d-flex justify-content-between align-items-center">
  217.               <h3 class="mb-0 fs-22 text-dark me-3">{{ stats.users }}</h3>
  218.               <div class="text-center">
  219.                 <span class="text-muted fs-14">{{ stats.manual_products }}</span>
  220.                 <p class="text-dark fs-13 mb-0">manual</p>
  221.               </div>
  222.             </div>
  223.           </div>
  224.         </div>
  225.       </div>
  226.     </div>
  227.   </div>
  229.   <div class="row">
  230.     <div class="col-xl-5">
  231.       <div class="card">
  232.         <div class="card-body">
  233.           <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
  234.             <div>
  235.               <p class="text-muted mb-1">GalaxyLink</p>
  236.               <h5 class="mb-0">Синхронизация каталога</h5>
  237.             </div>
  238.             <div class="d-flex flex-wrap gap-2">
  239.               <form method="post" action="{{ path('admin_sync_galaxylink') }}" data-admin-loading-form data-loading-title="Обновляем GalaxyLink" data-loading-text="Загружаем цены, наличие, регионы и варианты товаров. Это может занять несколько минут.">
  240.                 <button class="btn btn-primary" type="submit">
  241.                   <i class="mdi mdi-database-sync-outline me-1"></i>Обновить GalaxyLink
  242.                 </button>
  243.               </form>
  244.               <form method="post" action="{{ path('admin_sync_steam_content') }}" data-admin-loading-form data-loading-title="Дозаполняем из Steam" data-loading-text="Ищем недостающие описания, картинки и метаданные. За один запуск обрабатывается безопасная порция.">
  245.                 <button class="btn btn-outline-primary" type="submit">
  246.                   <i class="mdi mdi-steam me-1"></i>Дозаполнить из Steam
  247.                 </button>
  248.               </form>
  249.               <form method="post" action="{{ path('admin_sync_steam_background_start') }}">
  250.                 <button class="btn btn-outline-success" type="submit" data-steam-bg-start-button {{ steamJob.running ? 'disabled' : '' }}>
  251.                   <i class="mdi mdi-play-circle-outline me-1"></i>Фоном до остановки
  252.                 </button>
  253.               </form>
  254.               <form method="post" action="{{ path('admin_sync_steam_background_stop') }}">
  255.                 <button class="btn btn-outline-danger" type="submit" data-steam-bg-stop-button {{ steamJob.running ? '' : 'disabled' }}>
  256.                   <i class="mdi mdi-stop-circle-outline me-1"></i>Остановить
  257.                 </button>
  258.               </form>
  259.             </div>
  260.           </div>
  261.           <div class="row g-2">
  262.             <div class="col">
  263.               <div class="border rounded-2 p-3">
  264.                 <h4 class="mb-1">{{ stats.delivery.gifts }}</h4>
  265.                 <p class="text-muted mb-0">Steam Gifts</p>
  266.               </div>
  267.             </div>
  268.             <div class="col">
  269.               <div class="border rounded-2 p-3">
  270.                 <h4 class="mb-1">{{ stats.delivery.keys }}</h4>
  271.                 <p class="text-muted mb-0">Steam Keys</p>
  272.               </div>
  273.             </div>
  274.             <div class="col">
  275.               <div class="border rounded-2 p-3">
  276.                 <h4 class="mb-1">{{ stats.delivery.other }}</h4>
  277.                 <p class="text-muted mb-0">Другое</p>
  278.               </div>
  279.             </div>
  280.           </div>
  281.           <p class="text-muted mt-3 mb-0">
  282.             GalaxyLink обновляет цены, наличие, регионы и варианты. Разовое Steam-дозаполнение обрабатывает до 300 raw-товаров. Фоновый режим сам запускает следующие порции, пока не закончится каталог или пока ты его не остановишь.
  283.           </p>
  284.           <div
  285.             class="border rounded-2 p-3 mt-3"
  286.             data-steam-background-panel
  287.             data-status-url="{{ path('admin_sync_steam_background_status') }}"
  288.             data-running="{{ steamJob.running ? '1' : '0' }}"
  289.           >
  290.             <div class="d-flex justify-content-between align-items-start flex-wrap gap-2">
  291.               <div>
  292.                 <div class="d-flex align-items-center gap-2 mb-1">
  293.                   <span class="spinner-border spinner-border-sm text-primary {{ steamJob.running ? '' : 'd-none' }}" role="status" aria-hidden="true" data-steam-bg-spinner></span>
  294.                   <strong>Фоновое Steam-дозаполнение</strong>
  295.                   <span class="badge bg-{{ steamJob.state_class|default('light') }}-subtle text-{{ steamJob.state_class|default('muted') }}" data-steam-bg-state>{{ steamJob.state_label|default('Ожидает') }}</span>
  296.                 </div>
  297.                 <p class="text-muted mb-0" data-steam-bg-message>{{ steamJob.message|default('Фоновое Steam-дозаполнение ещё не запускалось.') }}</p>
  298.               </div>
  299.               <small class="text-muted">
  300.                 Порция <span data-steam-bg-pass>{{ steamJob.pass|default(0) }}</span>
  301.               </small>
  302.             </div>
  303.             <div class="progress mt-3" style="height: 6px;">
  304.               <div class="progress-bar {{ steamJob.running ? 'progress-bar-striped progress-bar-animated' : '' }}" style="width: {{ steamJob.running ? '100' : '0' }}%;" data-steam-bg-progress></div>
  305.             </div>
  306.             <div class="row g-2 mt-2">
  307.               <div class="col-6 col-md-3">
  308.                 <small class="text-muted d-block">Проверено</small>
  309.                 <strong data-steam-bg-scanned>{{ steamJob.totals.scanned_products|default(0) }}</strong>
  310.               </div>
  311.               <div class="col-6 col-md-3">
  312.                 <small class="text-muted d-block">Групп</small>
  313.                 <strong data-steam-bg-games>{{ steamJob.totals.scanned_games|default(0) }}</strong>
  314.               </div>
  315.               <div class="col-6 col-md-3">
  316.                 <small class="text-muted d-block">Обновлено</small>
  317.                 <strong class="text-success" data-steam-bg-updated>{{ steamJob.totals.updated_products|default(0) }}</strong>
  318.               </div>
  319.               <div class="col-6 col-md-3">
  320.                 <small class="text-muted d-block">Ошибок</small>
  321.                 <strong class="text-warning" data-steam-bg-failed>{{ steamJob.totals.failed_count|default(0) }}</strong>
  322.               </div>
  323.             </div>
  324.             <div class="d-flex justify-content-between flex-wrap gap-2 mt-2">
  325.               <small class="text-muted">Старт: <span data-steam-bg-started>{{ steamJob.started_at|default('—') ?: '—' }}</span></small>
  326.               <small class="text-muted">Обновлено: <span data-steam-bg-updated-at>{{ steamJob.updated_at|default('—') ?: '—' }}</span></small>
  327.             </div>
  328.             <div class="mt-3 {{ steamJob.failed|default([]) ? '' : 'd-none' }}" data-steam-bg-failed-wrap>
  329.               <details>
  330.                 <summary class="fw-semibold">Последние ошибки фонового запуска</summary>
  331.                 <div class="table-responsive mt-2" style="max-height: 220px;">
  332.                   <table class="table table-sm table-borderless mb-0">
  333.                     <tbody data-steam-bg-failed-list>
  334.                       {% for failed in steamJob.failed|default([]) %}
  335.                         <tr>
  336.                           <td class="text-nowrap">{% if failed.id|default(0) %}#{{ failed.id }}{% else %}—{% endif %}</td>
  337.                           <td>{{ failed.name|default('Товар') }}</td>
  338.                           <td class="text-muted">{{ failed.reason|default('Ошибка Steam') }}</td>
  339.                         </tr>
  340.                       {% endfor %}
  341.                     </tbody>
  342.                   </table>
  343.                 </div>
  344.               </details>
  345.             </div>
  346.           </div>
  347.           {% if steam_enrichment_report %}
  348.             <div class="alert alert-info mt-3 mb-0">
  349.               <div class="d-flex justify-content-between align-items-start flex-wrap gap-2">
  350.                 <div>
  351.                   <strong>Отчёт Steam-дозаполнения</strong>
  352.                   <p class="mb-0">
  353.                     Проверено {{ steam_enrichment_report.scanned_products }} товаров / {{ steam_enrichment_report.scanned_games }} игровых групп.
  354.                     Обновлено {{ steam_enrichment_report.updated_products }} товаров.
  355.                     Не получилось {{ steam_enrichment_report.failed_count }}.
  356.                   </p>
  357.                 </div>
  358.               </div>
  359.               {% if steam_enrichment_report.failed|default([]) %}
  360.                 <details class="mt-2" open>
  361.                   <summary class="fw-semibold">Список товаров, которые не получилось обновить</summary>
  362.                   <div class="table-responsive mt-2" style="max-height: 320px;">
  363.                     <table class="table table-sm table-borderless mb-0">
  364.                       <tbody>
  365.                         {% for failed in steam_enrichment_report.failed %}
  366.                           <tr>
  367.                             <td class="text-nowrap">
  368.                               {% if failed.id %}
  369.                                 <a href="{{ path('admin_product_edit', {'id': failed.id}) }}">#{{ failed.id }}</a>
  370.                               {% else %}
  371.                                 —
  372.                               {% endif %}
  373.                             </td>
  374.                             <td>{{ failed.name }}</td>
  375.                             <td class="text-muted">{{ failed.reason }}</td>
  376.                           </tr>
  377.                         {% endfor %}
  378.                       </tbody>
  379.                     </table>
  380.                   </div>
  381.                   {% if steam_enrichment_report.failed_truncated|default(0) > 0 %}
  382.                     <p class="text-muted mt-2 mb-0">Ещё {{ steam_enrichment_report.failed_truncated }} ошибок скрыто, чтобы не перегружать страницу.</p>
  383.                   {% endif %}
  384.                 </details>
  385.               {% endif %}
  386.             </div>
  387.           {% endif %}
  388.         </div>
  389.       </div>
  390.     </div>
  392.     <div class="col-xl-7">
  393.       <div class="card">
  394.         <div class="card-body">
  395.           <div class="d-flex justify-content-between align-items-center mb-3">
  396.             <div>
  397.               <p class="text-muted mb-1">Инвентарь</p>
  398.               <h5 class="mb-0">Сводка по источникам</h5>
  399.             </div>
  400.             <a class="btn btn-light" href="{{ path('admin_references') }}">Справочники</a>
  401.           </div>
  402.           <div class="table-responsive">
  403.             <table class="table table-hover mb-0">
  404.               <thead>
  405.                 <tr>
  406.                   <th>Источник</th>
  407.                   <th>Provider</th>
  408.                   <th>Товары</th>
  409.                   <th>Синхронизация</th>
  410.                 </tr>
  411.               </thead>
  412.               <tbody>
  413.                 {% for source in sources %}
  414.                   <tr>
  415.                     <td>{{ source.name }}</td>
  416.                     <td><span class="badge bg-primary-subtle text-primary">{{ source.provider }}</span></td>
  417.                     <td>{{ source.products_count }}</td>
  418.                     <td class="text-muted">{{ source.last_synced_at ?: 'ещё не синхронизирован' }}</td>
  419.                   </tr>
  420.                 {% else %}
  421.                   <tr><td colspan="4" class="text-center text-muted py-4">Источников пока нет.</td></tr>
  422.                 {% endfor %}
  423.               </tbody>
  424.             </table>
  425.           </div>
  426.         </div>
  427.       </div>
  428.     </div>
  429.   </div>
  431.   <div class="row" id="products">
  432.     <div class="col-12">
  433.       <div class="card">
  434.         <div class="card-body">
  435.           <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
  436.             <div>
  437.               <p class="text-muted mb-1">Управление</p>
  438.               <h5 class="mb-0">Товары</h5>
  439.             </div>
  440.             <a class="btn btn-primary" href="{{ path('admin_product_new') }}"><i class="mdi mdi-plus me-1"></i>Добавить вручную</a>
  441.           </div>
  443.           <form class="row g-2 align-items-end mb-3" method="get" action="{{ path('admin_dashboard') }}">
  444.             <div class="col-xl-3 col-lg-4">
  445.               <label class="form-label">Поиск</label>
  446.               <input class="form-control" type="search" name="q" value="{{ filters.q }}" placeholder="Название, appid, код" />
  447.             </div>
  448.             <div class="col-xl-2 col-lg-4">
  449.               <label class="form-label">Источник</label>
  450.               <select class="form-select" name="source">
  451.                 <option value="">Все</option>
  452.                 {% for source in sources %}
  453.                   <option value="{{ source.id }}" {{ filters.source == source.id ? 'selected' : '' }}>{{ source.name }}</option>
  454.                 {% endfor %}
  455.               </select>
  456.             </div>
  457.             <div class="col-xl-2 col-lg-4">
  458.               <label class="form-label">Категория</label>
  459.               <select class="form-select" name="category">
  460.                 <option value="">Все</option>
  461.                 {% for category in categories %}
  462.                   <option value="{{ category.id }}" {{ filters.category == category.id ? 'selected' : '' }}>{{ category.name }}</option>
  463.                 {% endfor %}
  464.               </select>
  465.             </div>
  466.             <div class="col-xl-1 col-lg-4">
  467.               <label class="form-label">Видимость</label>
  468.               <select class="form-select" name="active">
  469.                 <option value="">Все</option>
  470.                 <option value="1" {{ filters.active == '1' ? 'selected' : '' }}>Да</option>
  471.                 <option value="0" {{ filters.active == '0' ? 'selected' : '' }}>Нет</option>
  472.               </select>
  473.             </div>
  474.             <div class="col-xl-1 col-lg-4">
  475.               <label class="form-label">Наличие</label>
  476.               <select class="form-select" name="stock">
  477.                 <option value="">Все</option>
  478.                 <option value="1" {{ filters.stock == '1' ? 'selected' : '' }}>Да</option>
  479.                 <option value="0" {{ filters.stock == '0' ? 'selected' : '' }}>Нет</option>
  480.               </select>
  481.             </div>
  482.             <div class="col-xl-1 col-lg-4">
  483.               <label class="form-label">Скидка</label>
  484.               <select class="form-select" name="discount">
  485.                 <option value="">Все</option>
  486.                 <option value="yes" {{ filters.discount == 'yes' ? 'selected' : '' }}>Есть</option>
  487.                 <option value="no" {{ filters.discount == 'no' ? 'selected' : '' }}>Нет</option>
  488.               </select>
  489.             </div>
  490.             <div class="col-xl-2 col-lg-4 d-flex gap-2">
  491.               <button class="btn btn-primary flex-grow-1" type="submit">Показать</button>
  492.               <a class="btn btn-light" href="{{ path('admin_dashboard') }}">Сброс</a>
  493.             </div>
  494.           </form>
  496.           <form id="bulkProductsForm" class="d-flex align-items-center gap-2 flex-wrap mb-3" method="post" action="{{ path('admin_products_bulk', filters) }}">
  497.             <select class="form-select" name="action" style="max-width: 230px;">
  498.               <option value="">Массовое действие</option>
  499.               <option value="activate">Включить</option>
  500.               <option value="deactivate">Скрыть</option>
  501.               <option value="stock_on">Поставить в наличие</option>
  502.               <option value="stock_off">Убрать из наличия</option>
  503.               <option value="set_discount">Поставить скидку</option>
  504.               <option value="clear_discount">Очистить скидку</option>
  505.             </select>
  506.             <input class="form-control" name="discount_percent" type="number" min="0" max="100" step="0.01" placeholder="%" style="max-width: 95px;" />
  507.             <button class="btn btn-dark" type="submit">Выполнить</button>
  508.             <span class="text-muted ms-auto">{{ pagination.from }}-{{ pagination.to }} из {{ pagination.total }}</span>
  509.           </form>
  511.           <div class="table-responsive">
  512.             <table class="table table-hover align-middle mb-0">
  513.               <thead>
  514.                 <tr>
  515.                   <th style="width: 38px;"><input class="form-check-input" type="checkbox" data-check-all=".admin-product-check" /></th>
  516.                   <th>Товар</th>
  517.                   <th>Источник</th>
  518.                   <th>Выдача</th>
  519.                   <th>Цена</th>
  520.                   <th>Скидка</th>
  521.                   <th>Статус</th>
  522.                   <th>Медиа</th>
  523.                   <th class="text-end">Действие</th>
  524.                 </tr>
  525.               </thead>
  526.               <tbody>
  527.                 {% for product in products %}
  528.                   <tr>
  529.                     <td><input class="form-check-input admin-product-check" form="bulkProductsForm" type="checkbox" name="ids[]" value="{{ product.id }}" /></td>
  530.                     <td>
  531.                       <div class="d-flex align-items-center gap-2">
  532.                         <img class="admin-table-thumb" src="{{ product.image_url ?: '/assets/product-pubg.png' }}" alt="" />
  533.                         <div>
  534.                           <h6 class="mb-0 text-truncate admin-product-name">{{ product.name }}</h6>
  535.                           <small class="text-muted">{{ product.external_code ?: 'manual' }}{% if product.appid %} · appid {{ product.appid }}{% endif %}</small>
  536.                         </div>
  537.                       </div>
  538.                     </td>
  539.                     <td>
  540.                       <span class="badge bg-primary-subtle text-primary">{{ product.source_name ?: product.source_code ?: product.provider }}</span>
  541.                       <div class="text-muted fs-12 mt-1">{{ product.category_name ?: product.provider_category_code }}</div>
  542.                     </td>
  543.                     <td>{{ product.delivery_label }}</td>
  544.                     <td><strong>{{ product.price_label }}</strong></td>
  545.                     <td>
  546.                       {% if product.discount_label %}
  547.                         <span class="badge bg-success-subtle text-success">{{ product.discount_label }}</span>
  548.                       {% else %}
  549.                         <span class="text-muted">нет</span>
  550.                       {% endif %}
  551.                     </td>
  552.                     <td>
  553.                       <div class="d-flex gap-1 flex-wrap">
  554.                         <form method="post" action="{{ path('admin_product_toggle', {'id': product.id}) }}">
  555.                           <input type="hidden" name="field" value="is_active" />
  556.                           <button class="badge border-0 {{ product.is_active ? 'bg-success-subtle text-success' : 'bg-danger-subtle text-danger' }}" type="submit">{{ product.is_active ? 'активен' : 'скрыт' }}</button>
  557.                         </form>
  558.                         <form method="post" action="{{ path('admin_product_toggle', {'id': product.id}) }}">
  559.                           <input type="hidden" name="field" value="in_stock" />
  560.                           <button class="badge border-0 {{ product.in_stock ? 'bg-success-subtle text-success' : 'bg-danger-subtle text-danger' }}" type="submit">{{ product.in_stock ? 'в наличии' : 'нет' }}</button>
  561.                         </form>
  562.                       </div>
  563.                     </td>
  564.                     <td>
  565.                       <small>{{ product.gallery_count }} фото</small><br />
  566.                       <small>{{ product.forms_count }} форм</small>
  567.                     </td>
  568.                     <td class="text-end">
  569.                       <a class="btn btn-sm btn-light me-1" href="{{ product.product_url }}" target="_blank" rel="noreferrer"><i class="mdi mdi-eye-outline"></i></a>
  570.                       <a class="btn btn-sm bg-primary-subtle" href="{{ path('admin_product_edit', {'id': product.id}) }}"><i class="mdi mdi-pencil-outline text-primary"></i></a>
  571.                     </td>
  572.                   </tr>
  573.                 {% else %}
  574.                   <tr><td colspan="9" class="text-center text-muted py-4">По фильтрам ничего не найдено.</td></tr>
  575.                 {% endfor %}
  576.               </tbody>
  577.             </table>
  578.           </div>
  580.           {% if pagination.total_pages > 1 %}
  581.             <div class="d-flex justify-content-end align-items-center gap-2 mt-3">
  582.               {% if pagination.page > 1 %}
  583.                 <a class="btn btn-light" href="{{ path('admin_dashboard', filters|merge({'page': pagination.page - 1})) }}#products">Назад</a>
  584.               {% endif %}
  585.               <span class="text-muted">Страница {{ pagination.page }} из {{ pagination.total_pages }}</span>
  586.               {% if pagination.page < pagination.total_pages %}
  587.                 <a class="btn btn-light" href="{{ path('admin_dashboard', filters|merge({'page': pagination.page + 1})) }}#products">Дальше</a>
  588.               {% endif %}
  589.             </div>
  590.           {% endif %}
  591.         </div>
  592.       </div>
  593.     </div>
  594.   </div>
  595. {% endblock %}