templates/product/view.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set menuMode = 'catalog' %}
  3. {% set title = product.name %}
  5. {% set optimalAvailability = priceCalculator.getOptimalAvailability(product) %}
  7. {% block main %}
  8.   <div class="container-fluid">
  9.     <div class="row">
  10.       <div class="col-md-6">
  11.         <div class="card">
  12.           <div class="card-header">Общие сведения</div>
  13.           <div class="card-body">
  14.             <table class="table table-sm table-bordered">
  15.               <thead>
  16.                 <tr>
  17.                   <th>Параметр</th>
  18.                   <th>Значение</th>
  19.                 </tr>
  20.               </thead>
  21.               <tbody>
  22.                 <tr>
  23.                   <td>ID</td>
  24.                   <td>{{ product.id }}</td>
  25.                 </tr>
  26.                 <tr>
  27.                   <td>Название</td>
  28.                   <td>{{ product.name }}</td>
  29.                 </tr>
  30.                 <tr>
  31.                   <td>Кол-во поставщиков</td>
  32.                   <td>{{ product.availabilities|length }}</td>
  33.                 </tr>
  34.                 <tr>
  35.                   <td>Дата привязки к сайту</td>
  36.                   {% if product.connection is not null %}
  37.                     <td>{{ product.connection.dateConnected|date('d.m.Y H:i:s') }}</td>
  38.                   {% else %}
  39.                     <td>-</td>
  40.                   {% endif %}
  41.                 </tr>
  42.               </tbody>
  43.             </table>
  44.           </div>
  45.         </div>
  46.       </div>
  47.       <div class="col-md-6">
  48.         <div class="card">
  49.           <div class="card-header">Привязка к сайту</div>
  50.           <div class="card-body">
  51.             {% if product.connection is null %}
  52.               <div class="alert alert-warning" role="alert">
  53.                 Привязка товара к сайту отсутствует
  54.               </div>
  55.             {% endif %}
  57.             <form method="POST" action="{{ path('product_connect', {id: product.id}) }}">
  58.               <div class="row">
  59.                 <div class="col-md-12">
  60.                   <div class="mb-3">
  61.                     <label for="insales_product_id" class="form-label">ID товара на сайте</label>
  62.                     <input type="number" name="insales_product_id" class="form-control" id="insales_product_id" required value="{{ product.connection.insalesProductId|default('') }}">
  63.                   </div>
  64.                 </div>
  65.                 <div class="col-md-6">
  66.                   <div class="mb-3">
  67.                     <label for="insales_variant_id" class="form-label">ID варианта</label>
  68.                     <input type="number" disabled name="insales_variant_id" class="form-control" id="insales_variant_id" value="{{ product.connection.insalesVariantId|default('') }}">
  69.                   </div>
  70.                 </div>
  71.                 <div class="col-md-6">
  72.                   <div class="mb-3">
  73.                     <label for="insales_sku" class="form-label">SKU</label>
  74.                     <input type="number" disabled name="insales_sku" class="form-control" id="insales_sku" value="{{ product.connection.insalesSku|default('') }}">
  75.                   </div>
  76.                 </div>
  77.                 {% if product.connection is not null %}
  78.                   <div class="col-md-8">
  79.                     <div class="d-grid gap-2">
  80.                       <button class="btn btn-primary" type="submit">Перепривязать</button>
  81.                     </div>
  82.                   </div>
  83.                   <div class="col-md-4">
  84.                     <div class="d-grid gap-2">
  85.                       <a class="btn btn-danger" href="{{ path('product_connect', {id: product.id}) }}">Удалить привязку</a>
  86.                     </div>
  87.                   </div>
  88.                 {% else %}
  89.                   <div class="col-md-12">
  90.                     <div class="d-grid gap-2">
  91.                       <button class="btn btn-primary" type="submit">Привязать</button>
  92.                     </div>
  93.                   </div>
  94.                 {% endif %}
  95.               </div>
  96.             </form>
  97.           </div>
  98.         </div>
  99.       </div>
  100.       <div class="col-md-12">
  101.         <div class="card mt-3">
  102.           <div class="card-header">Наличие у поставщиков</div>
  103.           <div class="card-body">
  104.             <table class="table table-sm table-bordered">
  105.               <thead>
  106.                 <tr>
  107.                   <th>ID</th>
  108.                   <th>Артикул</th>
  109.                   <th>Наименование</th>
  110.                   <th>Партномер</th>
  111.                   <th>Цена закупки</th>
  112.                   <th>Цена продажи</th>
  113.                   <th>Финальная цена</th>
  114.                   <th>Остаток</th>
  115.                   <th>Управление</th>
  116.                 </tr>
  117.               </thead>
  118.               <tbody>
  119.                 {% for availability in product.availabilities %}
  120.                   {% set calculatedPrice = priceCalculator.calculatePriceForAvailability(availability) %}
  121.                   <tr class="{% if availability == optimalAvailability %}table-success{% endif %} {% if availability.stock == 0 %}table-secondary{% endif %}">
  122.                     <td>{{ availability.provider.name }}</td>
  123.                     <td>{{ availability.providerArticle }}</td>
  124.                     <td>{{ availability.providerName }}</td>
  125.                     <td>{{ availability.providerPartnumber }}</td>
  126.                     <td>{{ availability.priceRub }}</td>
  127.                     <td>{{ availability.priceSale }}</td>
  128.                     <td>{{ calculatedPrice }}</td>
  129.                     <td>{{ availability.stock }}</td>
  130.                     <td>
  131.                       <a href="#" class="js-move-availability" data-url="{{ path('product_move_availability', {id: availability.id}) }}">Перенести</a>
  132.                       <br/>
  133.                       <a href="{{ path('product_remove_availability', {id: availability.id}) }}" onclick="return confirm('Вы точно хотите отвязать?');">Отвязать</a>
  134.                     </td>
  135.                   </tr>
  136.                 {% endfor %}
  137.               </tbody>
  138.             </table>
  139.           </div>
  140.         </div>
  141.       </div>
  142.     </div>
  143.   </div>
  144. {% endblock %}
  146. {% block javascripts %}
  147.   {{ parent() }}
  149.   <script>
  150.     (function() {
  151.       const $btnMoveAvailability = $('.js-move-availability');
  153.       $btnMoveAvailability.on('click', function() {
  154.         let $el = $(this);
  155.         let url = $el.attr('data-url');
  157.         let id = prompt('Введите ID товара куда нужно перенести');
  159.         if (id) {
  160.           url += `?to=${id}`;
  162.           window.open(url, '_blank').focus();
  163.         }
  164.       });
  165.     })();
  166.   </script>
  167. {% endblock %}