templates/admin/product_form.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/base.html.twig' %}
  3. {% block title %}{{ mode == 'new' ? 'Новый товар' : 'Редактирование товара' }}{% endblock %}
  4. {% block heading %}{{ mode == 'new' ? 'Новый товар' : product.name }}{% endblock %}
  6. {% block page_actions %}
  7.   <div class="text-sm-end">
  8.     <a class="btn btn-light me-1" href="{{ path('admin_dashboard') }}#products">Назад</a>
  9.     {% if mode == 'edit' %}
  10.       <a class="btn btn-outline-primary" href="{{ product.product_url }}" target="_blank" rel="noreferrer">Открыть товар</a>
  11.     {% endif %}
  12.   </div>
  13. {% endblock %}
  15. {% block content %}
  16.   <form method="post">
  17.     <div class="row">
  18.       <div class="col-xl-8">
  19.         <div class="card">
  20.           <div class="card-body">
  21.             <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
  22.               <div>
  23.                 <p class="text-muted mb-1">{{ mode == 'new' ? 'Manual' : product.external_code }}</p>
  24.                 <h5 class="mb-0">Основное</h5>
  25.               </div>
  26.               <button class="btn btn-primary" type="submit"><i class="mdi mdi-content-save-outline me-1"></i>Сохранить</button>
  27.             </div>
  29.             <div class="row g-3">
  30.               <div class="col-12">
  31.                 <label class="form-label">Название</label>
  32.                 <input class="form-control" name="name" value="{{ product.name }}" required />
  33.               </div>
  34.               <div class="col-md-3">
  35.                 <label class="form-label">Цена</label>
  36.                 <input class="form-control" name="price_amount" type="number" step="0.01" min="0" value="{{ product.price_amount }}" />
  37.               </div>
  38.               <div class="col-md-3">
  39.                 <label class="form-label">Валюта</label>
  40.                 <select class="form-select" name="price_currency">
  41.                   {% for currency in ['USD', 'RUB', 'EUR', 'KZT'] %}
  42.                     <option value="{{ currency }}" {{ product.price_currency == currency ? 'selected' : '' }}>{{ currency }}</option>
  43.                   {% endfor %}
  44.                 </select>
  45.               </div>
  46.               <div class="col-md-3">
  47.                 <label class="form-label">Скидка, %</label>
  48.                 <input class="form-control" name="discount_percent" type="number" step="0.01" min="0" max="100" value="{{ product.discount_percent }}" placeholder="нет" />
  49.               </div>
  50.               <div class="col-md-3">
  51.                 <label class="form-label">Количество</label>
  52.                 <input class="form-control" name="stock_quantity" type="number" min="0" value="{{ product.stock_quantity }}" placeholder="не задано" />
  53.               </div>
  54.               <div class="col-md-3">
  55.                 <label class="form-label">Регион</label>
  56.                 <input class="form-control" name="region" value="{{ product.region }}" placeholder="RU" />
  57.               </div>
  58.               <div class="col-md-3">
  59.                 <label class="form-label">Steam appid</label>
  60.                 <input class="form-control" name="appid" value="{{ product.appid }}" placeholder="365590" />
  61.               </div>
  62.               <div class="col-md-3">
  63.                 <label class="form-label">Источник</label>
  64.                 <select class="form-select" name="source_id">
  65.                   <option value="">Manual</option>
  66.                   {% for source in sources %}
  67.                     <option value="{{ source.id }}" {{ product.source_id == source.id ? 'selected' : '' }}>{{ source.name }}</option>
  68.                   {% endfor %}
  69.                 </select>
  70.               </div>
  71.               <div class="col-md-3">
  72.                 <label class="form-label">Категория</label>
  73.                 <select class="form-select" name="category_id">
  74.                   <option value="">Ручные товары</option>
  75.                   {% for category in categories %}
  76.                     <option value="{{ category.id }}" {{ product.category_id == category.id ? 'selected' : '' }}>{{ category.name }}</option>
  77.                   {% endfor %}
  78.                 </select>
  79.               </div>
  80.               <div class="col-md-4">
  81.                 <label class="form-label">Provider</label>
  82.                 <input class="form-control" name="provider" value="{{ product.provider }}" />
  83.               </div>
  84.               <div class="col-md-4">
  85.                 <label class="form-label">Provider type</label>
  86.                 <input class="form-control" name="provider_type" value="{{ product.provider_type }}" />
  87.               </div>
  88.               <div class="col-md-4">
  89.                 <label class="form-label">Категория поставщика</label>
  90.                 <input class="form-control" name="provider_category_code" value="{{ product.provider_category_code }}" />
  91.               </div>
  92.               <div class="col-md-6">
  93.                 <label class="form-label">Внешний код</label>
  94.                 {% if mode == 'new' %}
  95.                   <input class="form-control" name="external_code" value="{{ product.external_code }}" placeholder="создастся автоматически" />
  96.                 {% else %}
  97.                   <input class="form-control" value="{{ product.external_code }}" disabled />
  98.                 {% endif %}
  99.               </div>
  100.               <div class="col-md-3 d-flex align-items-end">
  101.                 <div class="form-check form-switch mb-2">
  102.                   <input class="form-check-input" name="is_active" type="checkbox" value="1" id="productActive" {{ product.is_active ? 'checked' : '' }} />
  103.                   <label class="form-check-label" for="productActive">Показывать</label>
  104.                 </div>
  105.               </div>
  106.               <div class="col-md-3 d-flex align-items-end">
  107.                 <div class="form-check form-switch mb-2">
  108.                   <input class="form-check-input" name="in_stock" type="checkbox" value="1" id="productStock" {{ product.in_stock ? 'checked' : '' }} />
  109.                   <label class="form-check-label" for="productStock">В наличии</label>
  110.                 </div>
  111.               </div>
  112.             </div>
  113.           </div>
  114.         </div>
  115.       </div>
  117.       <div class="col-xl-4">
  118.         <div class="card">
  119.           <div class="card-body">
  120.             <p class="text-muted mb-1">Preview</p>
  121.             <h5 class="mb-3">Витрина</h5>
  122.             <div class="admin-preview-product">
  123.               <img src="{{ product.image_url ?: '/assets/product-pubg.png' }}" alt="" />
  124.               <h5>{{ product.name ?: 'Новый товар' }}</h5>
  125.               <div class="d-flex align-items-center gap-2 flex-wrap">
  126.                 <span class="fs-20 fw-semibold text-success">{{ product.price_label }}</span>
  127.                 {% if product.discount_label %}<span class="badge bg-success-subtle text-success">{{ product.discount_label }}</span>{% endif %}
  128.               </div>
  129.               <p class="text-muted mb-0">{{ product.delivery_label }}</p>
  130.             </div>
  131.             <div class="border rounded-2 mt-3">
  132.               <div class="d-flex justify-content-between p-2 border-bottom"><span class="text-muted">Slug</span><strong class="text-truncate ms-2">{{ product.slug ?: 'создастся автоматически' }}</strong></div>
  133.               <div class="d-flex justify-content-between p-2 border-bottom"><span class="text-muted">Галерея</span><strong>{{ product.gallery_count }} фото</strong></div>
  134.               <div class="d-flex justify-content-between p-2 border-bottom"><span class="text-muted">Формы заказа</span><strong>{{ product.forms_count }}</strong></div>
  135.               <div class="d-flex justify-content-between p-2"><span class="text-muted">Raw/manual</span><strong>{{ product.is_manual ? 'manual' : 'provider' }}</strong></div>
  136.             </div>
  137.           </div>
  138.         </div>
  139.       </div>
  140.     </div>
  142.     <div class="row">
  143.       <div class="col-xl-6">
  144.         <div class="card">
  145.           <div class="card-body">
  146.             <p class="text-muted mb-1">Контент</p>
  147.             <h5 class="mb-3">Описание и медиа</h5>
  148.             <div class="mb-3">
  149.               <label class="form-label">Главная картинка</label>
  150.               <input class="form-control" name="image_url" value="{{ product.image_url }}" placeholder="https://..." />
  151.             </div>
  152.             <div class="mb-3">
  153.               <label class="form-label">Короткое описание HTML</label>
  154.               <textarea class="form-control admin-codearea" name="short_description_html" rows="4">{{ product.short_description_html }}</textarea>
  155.             </div>
  156.             <div class="mb-3">
  157.               <label class="form-label">Полное описание HTML</label>
  158.               <textarea class="form-control admin-codearea" name="description_html" rows="10">{{ product.description_html }}</textarea>
  159.             </div>
  160.             <div>
  161.               <label class="form-label">Галерея JSON</label>
  162.               <textarea class="form-control admin-codearea" name="gallery_json" rows="8">{{ product.gallery_json ?: '[]' }}</textarea>
  163.             </div>
  164.           </div>
  165.         </div>
  166.       </div>
  168.       <div class="col-xl-6">
  169.         <div class="card">
  170.           <div class="card-body">
  171.             <p class="text-muted mb-1">Поставщик</p>
  172.             <h5 class="mb-3">Формы и метаданные</h5>
  173.             <div class="mb-3">
  174.               <label class="form-label">Forms JSON</label>
  175.               <textarea class="form-control admin-codearea" name="forms_json" rows="5">{{ product.forms_json ?: '[]' }}</textarea>
  176.             </div>
  177.             <div class="mb-3">
  178.               <label class="form-label">Metadata JSON</label>
  179.               <textarea class="form-control admin-codearea" name="metadata_json" rows="7">{{ product.metadata_json ?: '[]' }}</textarea>
  180.             </div>
  181.             {% if product.raw_json is defined %}
  182.               <div>
  183.                 <label class="form-label">Raw JSON поставщика</label>
  184.                 <textarea class="form-control admin-codearea" rows="8" readonly>{{ product.raw_json }}</textarea>
  185.               </div>
  186.             {% endif %}
  187.           </div>
  188.         </div>
  189.       </div>
  190.     </div>
  192.     {% if variants %}
  193.       <div class="row">
  194.         <div class="col-12">
  195.           <div class="card">
  196.             <div class="card-body">
  197.               <p class="text-muted mb-1">Steam appid {{ product.appid }}</p>
  198.               <h5 class="mb-3">Другие варианты этой игры</h5>
  199.               <div class="table-responsive">
  200.                 <table class="table table-hover align-middle mb-0">
  201.                   <thead>
  202.                     <tr>
  203.                       <th>ID</th>
  204.                       <th>Название</th>
  205.                       <th>Цена</th>
  206.                       <th>Скидка</th>
  207.                       <th>Статус</th>
  208.                       <th class="text-end">Действие</th>
  209.                     </tr>
  210.                   </thead>
  211.                   <tbody>
  212.                     {% for variant in variants %}
  213.                       <tr>
  214.                         <td>{{ variant.id }}</td>
  215.                         <td>
  216.                           <h6 class="mb-0">{{ variant.name }}</h6>
  217.                           <small class="text-muted">{{ variant.external_code }}</small>
  218.                         </td>
  219.                         <td>{{ variant.price_label }}</td>
  220.                         <td>{{ variant.discount_label ?: 'нет' }}</td>
  221.                         <td>{{ variant.is_active ? 'активен' : 'скрыт' }} · {{ variant.in_stock ? 'в наличии' : 'нет' }}</td>
  222.                         <td class="text-end"><a class="btn btn-sm btn-light" href="{{ path('admin_product_edit', {'id': variant.id}) }}">Открыть</a></td>
  223.                       </tr>
  224.                     {% endfor %}
  225.                   </tbody>
  226.                 </table>
  227.               </div>
  228.             </div>
  229.           </div>
  230.         </div>
  231.       </div>
  232.     {% endif %}
  234.     <div class="card sticky-bottom admin-sticky-actions">
  235.       <div class="card-body py-2 d-flex justify-content-end gap-2">
  236.         <a class="btn btn-light" href="{{ path('admin_dashboard') }}#products">Назад</a>
  237.         <button class="btn btn-primary" type="submit">Сохранить товар</button>
  238.       </div>
  239.     </div>
  240.   </form>
  241. {% endblock %}