app/template/admin/Product/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends '@admin/default_frame.twig' %}
  13. {% set menus = ['product', 'product_master'] %}
  15. {% block title %}{{ 'admin.product.product_list'|trans }}{% endblock %}
  16. {% block sub_title %}{{ 'admin.product.product_management'|trans }}{% endblock %}
  18. {% form_theme searchForm '@admin/Form/bootstrap_4_layout.html.twig' %}
  19. {% block javascript %}
  20.     <script>
  21.         $(function() {
  22.             $('#bulkDelete').on('click', function() {
  24.                 var modal = $('#bulkDeleteModal');
  26.                 // 削除中のUI変更処理
  27.                 modal.find('button').attr('disabled', 'disabled');
  28.                 $('.modal-body p', modal).text("{{ 'admin.product.permanently_delete__in_progress'|trans }}");
  29.                 $('.progress', modal).show();
  31.                 var checkedList = $('input[type=checkbox][data-delete-url]:checked');
  32.                 var totalCount = checkedList.length;
  33.                 var currentCount = 0;
  35.                 var promises = checkedList.map(function() {
  36.                     return $.ajax({
  37.                         'url': $(this).data('delete-url'),
  38.                         'type': 'delete',
  39.                         'data': {'_token': $(this).attr('token-for-anchor')}
  40.                     }).always(function() {
  41.                         $('.progress-bar', modal).css('width', (++currentCount / totalCount * 100) + '%');
  42.                     });
  43.                 });
  45.                 var addError = function(errorMessage) {
  46.                     $('<li><span class="badge bg-danger">ERROR</span> </li>')
  47.                         .append($('<span></span>').text(errorMessage))
  48.                         .appendTo('#bulkErrors');
  49.                 };
  51.                 $.when.apply($, promises)
  52.                     .done(function() {
  53.                         // 削除できなかった場合はエラーメッセージを表示
  54.                         var args = promises.length === 1 ? [arguments[0]] : [].slice.call(arguments).map(function(result) {
  55.                             return result[0];
  56.                         });
  57.                         args.filter(function(result) {
  58.                             return result.success === false;
  59.                         }).forEach(function(result) {
  60.                             addError(result.message);
  61.                         });
  62.                     })
  63.                     .fail(function() {
  64.                         // システムエラー
  65.                         addError("{{ 'admin.product.permanently_delete__system_error'|trans }}");
  66.                     })
  67.                     .always(function() {
  68.                         $('.progress', modal).hide();
  69.                         $('.modal-body p', modal).text("{{ 'admin.product.permanently_delete__complete_message'|trans }}");
  70.                         modal.find('button').removeAttr('disabled').toggle();
  71.                     })
  72.             });
  74.             $('#bulkDeleteDone').on('click', function() {
  75.                 location.reload(true);
  76.             });
  78.             toggleBtnBulk('input[id^="check_"]', '#btn_bulk');
  79.             $('input[id^="check_"]').on('change', function() {
  80.                 $('#trigger_check_all').prop('checked', false);
  81.                 toggleBtnBulk('input[id^="check_"]', '#btn_bulk');
  82.             });
  84.             $('#trigger_check_all').on('change', function() {
  85.                 var checked = $(this).prop('checked');
  86.                 if (checked) {
  87.                     $('input[id^="check_"]').prop('checked', true);
  88.                 } else {
  89.                     $('input[id^="check_"]').prop('checked', false);
  90.                 }
  91.                 toggleBtnBulk('input[id^="check_"]', '#btn_bulk');
  92.             });
  94.             $('#form_bulk').find('.action-submit').on('click', function(event) {
  95.                 event.preventDefault();
  96.                 var form = $(this).closest('form');
  97.                 if (!form.find('input:checkbox[name^="ids"]:checked').length) {
  98.                     {# TODO: should use modal instead of alert #}
  99.                     alert('please check');
  100.                     return false;
  101.                 }
  103.                 $('<input />').attr('type', 'hidden').attr('name', '{{ constant('Eccube\\Common\\Constant::TOKEN_NAME') }}')
  104.                     .val($(this).attr('token-for-anchor'))
  105.                     .appendTo(form);
  106.                 form.attr('action', $(this).data('action')).submit();
  107.                 return false;
  108.             });
  110.             var dataClass = [];
  111.             var modalClass = $('#productClassesModal');
  112.             $('form#form_bulk').on('click', 'table.table button[data-class-url]', function() {
  113.                 var btnClass = $(this);
  114.                 btnClass.attr('disabled', true);
  115.                 var productId = btnClass.data('product-id');
  117.                 if (dataClass[productId] != undefined) {
  118.                     renderClass(dataClass[productId], btnClass);
  119.                     return;
  120.                 }
  122.                 $.ajax({
  123.                     url: btnClass.data('class-load'),
  124.                     type: 'GET',
  125.                 }).done(function(data) {
  126.                     dataClass[productId] = data;
  127.                     renderClass(dataClass[productId], btnClass);
  128.                 }).fail(function() {
  129.                     alert('Failed');
  130.                 });
  131.             });
  133.             // Append html and show popup
  134.             function renderClass(data, btnClass) {
  135.                 $('div.modal-body', modalClass).html(data);
  136.                 $('h5.modal-title', modalClass).text(btnClass.data('message'));
  137.                 $('a.btn-ec-conversion', modalClass).attr('href', btnClass.data('class-url'));
  138.                 modalClass.modal('show');
  139.                 btnClass.attr('disabled', false);
  140.             }
  141.         });
  142.     </script>
  143. {% endblock javascript %}
  145. {% block main %}
  146.     <div class="c-outsideBlock">
  147.         <form id='search_form' method="post" action="{{ url('admin_product') }}">
  148.             {{ form_widget(searchForm._token) }}
  149.             <div class="c-outsideBlock__contents">
  150.                 <div class="row justify-content-start">
  152.                     <div class="col-6">
  153.                         <div class="mb-2">
  154.                             <div style="display:none;"><label class="col-form-label" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.product.multi_search_label'|trans }}">{{ 'admin.product.multi_search_label'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></label>
  155.                             {{ form_widget(searchForm.id) }}
  156.                             {{ form_errors(searchForm.id) }}</div>
  157.                             <label class="col-form-label" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.product.multi_search_label'|trans }}">商品名・検索ワード・商品ID・品番<i class="fa fa-question-circle fa-lg ms-1"></i></label>
  158.                             {{ form_widget(searchForm.word) }}
  159.                             {{ form_errors(searchForm.word) }}
  160.                         </div>
  161.                         <div class="d-inline-block mb-3" data-bs-toggle="collapse" href="#searchDetail"
  162.                              aria-expanded="false" aria-controls="searchDetail"><a><i
  163.                                         class="fa fa-plus-square-o fw-bold me-1"></i><span
  164.                                         class="fw-bold">{{ 'admin.common.search_detail'|trans }}</span></a>
  165.                         </div>
  166.                     </div>
  167.                 </div>
  168.             </div>
  169.             <div class="c-subContents collapse ec-collapse{{ has_errors ? ' show' }}" id="searchDetail">
  170.                 <div class="row mb-2">
  171.                     <div class="col-6">
  172.                         <div class="row mb-2">
  173.                             <div class="col-6">
  174.                                 <label class="col-form-label">{{ 'admin.product.category'|trans }}</label>
  175.                                 {{ form_widget(searchForm.category_id) }}
  176.                                 {{ form_errors(searchForm.category_id) }}
  177.                             </div>
  178.                         </div>
  179.                         <div class="row mb-2">
  180.                             <div class="col-12">
  181.                                 <p class="col-form-label">{{ 'admin.product.display_status'|trans }}</p>
  182.                                 {{ form_widget(searchForm.status, {'label_attr': {'class': 'checkbox-inline'}}) }}
  183.                                 {{ form_errors(searchForm.status, {'label_attr': {'class': 'checkbox-inline'}}) }}
  184.                             </div>
  185.                         </div>
  186.                         <div class="row mb-2">
  187.                             <div class="col-12">
  188.                                 <p class="col-form-label">{{ 'admin.product.stock__short'|trans }}</p>
  189.                                 {{ form_widget(searchForm.stock, {'label_attr': {'class': 'checkbox-inline'}}) }}
  190.                                 {{ form_errors(searchForm.stock) }}
  191.                             </div>
  192.                         </div>
  193.                     </div>
  194.                     <div class="col-6">
  195.                         <div class="row mb-2">
  196.                             <div class="col-6">
  197.                                 <label class="col-form-label">{{ 'admin.product.tag'|trans }}</label>
  198.                                 {{ form_widget(searchForm.tag_id) }}
  199.                                 {{ form_errors(searchForm.tag_id) }}
  200.                             </div>
  201.                         </div>
  202.                         <div class="mb-2">
  203.                             <label class="col-form-label">
  204.                                 {{ 'admin.common.create_date'|trans }}
  205.                             </label>
  206.                             <div class="row align-items-center">
  207.                                 <div class="col">
  208.                                     {# TODO: カレンダー表示の調整 #}
  209.                                     {{ form_widget(searchForm.create_datetime_start) }}
  210.                                     {{ form_errors(searchForm.create_datetime_start) }}
  211.                                 </div>
  212.                                 <div class="col-auto text-center"><span>{{ 'admin.common.separator__range'|trans }}</span>
  213.                                 </div>
  214.                                 <div class="col">
  215.                                     {{ form_widget(searchForm.create_datetime_end) }}
  216.                                     {{ form_errors(searchForm.create_datetime_end) }}
  217.                                 </div>
  218.                             </div>
  219.                         </div>
  220.                         <div class="mb-2">
  221.                             <label class="col-form-label">{{ 'admin.common.update_date'|trans }}</label>
  222.                             <div class="row align-items-center">
  223.                                 <div class="col">
  224.                                     {# TODO: カレンダー表示の調整 #}
  225.                                     {{ form_widget(searchForm.update_datetime_start) }}
  226.                                     {{ form_errors(searchForm.update_datetime_start) }}
  227.                                 </div>
  228.                                 <div class="col-auto"><span>{{ 'admin.common.separator__range'|trans }}</span></div>
  229.                                 <div class="col">
  230.                                     {{ form_widget(searchForm.update_datetime_end) }}
  231.                                     {{ form_errors(searchForm.update_datetime_end) }}
  232.                                 </div>
  233.                             </div>
  234.                         </div>
  235.                     </div>
  236.                 </div>
  237.                 {# エンティティ拡張の自動出力 #}
  238.                 {% for f in searchForm|filter(f => f.vars.eccube_form_options.auto_render) %}
  239.                     {# TODO 1項目1行になるのを改善 #}
  240.                     <div class="row mb-2">
  241.                         {% if f.vars.eccube_form_options.form_theme %}
  242.                             {% form_theme f f.vars.eccube_form_options.form_theme %}
  243.                             {{ form_row(f) }}
  244.                         {% else %}
  245.                             <div class="col">
  246.                                 <div class="mb-3">
  247.                                     <label>{{ f.vars.label|trans }}</label>
  248.                                     {{ form_widget(f) }}
  249.                                     {{ form_errors(f) }}
  250.                                 </div>
  251.                             </div>
  252.                         {% endif %}
  253.                     </div>
  254.                 {% endfor %}
  255.             </div>
  256.             <div class="c-outsideBlock__contents mb-5">
  257.                 <button class="btn btn-ec-conversion px-5" type="submit">{{ 'admin.common.search'|trans }}</button>
  258.                 {% if pagination %}
  259.                     <span class="fw-bold ms-2">{{ 'admin.common.search_result'|trans({"%count%":pagination.totalItemCount})|raw }}</span>
  260.                 {% endif %}
  261.             </div>
  262.             <div class="c-outsideBlock__contents mb-5">
  263.                 {{ include('@admin/search_items.twig', { 'form': searchForm }, ignore_missing = true) }}
  264.             </div>
  265.             {{ form_widget(searchForm.sortkey, {'attr': {'class': 'js-listSort-key'}}) }}
  266.             {{ form_widget(searchForm.sorttype, {'attr': {'class': 'js-listSort-type'}}) }}
  267.         </form>
  268.     </div>
  269.     <div class="c-contentsArea__cols">
  270.         <div class="c-contentsArea__primaryCol">
  271.             <div class="c-primaryCol">
  272.                 {% if pagination and pagination.totalItemCount %}
  273.                     <form id="form_bulk" method="POST" action="">
  274.                         <div class="row justify-content-between mb-2">
  275.                             <div class="col-6">
  276.                                 <div id="btn_bulk" class="d-none">
  277.                                     <label class="me-2">{{ 'admin.common.bulk_actions'|trans }}</label>
  278.                                     <div class="btn-group me-2" role="group">
  279.                                         <button {{ csrf_token_for_anchor() }} data-action="{{ url('admin_product_bulk_product_status', {id: constant('Eccube\\Entity\\Master\\ProductStatus::DISPLAY_SHOW')}) }}" class="btn btn-ec-regular action-submit" type="button">
  280.                                             <span>{{ 'admin.product.display_status__show'|trans }}</span>
  281.                                         </button>
  282.                                         <button {{ csrf_token_for_anchor() }} data-action="{{ url('admin_product_bulk_product_status', {id: constant('Eccube\\Entity\\Master\\ProductStatus::DISPLAY_HIDE')}) }}" class="btn btn-ec-regular action-submit" type="button">
  283.                                             <span>{{ 'admin.product.display_status__hide'|trans }}</span>
  284.                                         </button>
  285.                                     </div>
  286.                                     <button {{ csrf_token_for_anchor() }} data-action="{{ url('admin_product_bulk_product_status', {id: constant('Eccube\\Entity\\Master\\ProductStatus::DISPLAY_ABOLISHED')}) }}" class="btn btn-ec-regular me-2 action-submit">
  287.                                         {{ 'admin.product.display_status__abolished'|trans }}
  288.                                     </button>
  289.                                     <button type="button" data-bs-toggle="modal" data-bs-target="#bulkDeleteModal" class="btn btn-ec-delete">{{ 'admin.product.permanently_delete'|trans }}</button>
  290.                                 </div>
  291.                             </div>
  292.                             <div class="col-5 text-end">
  293.                                 <div class="d-inline-block me-2 align-bottom">
  294.                                     <div>
  295.                                         <select class="form-select" onchange="location = this.value;">
  296.                                             {% for pageMax in pageMaxis %}
  297.                                                 <option {% if pageMax.name == page_count %}selected=""{% endif %} value="{{ path('admin_product_page', {'page_no': 1, 'page_count': pageMax.name}) }}">{{ 'admin.common.count'|trans({ '%count%': pageMax.name }) }}</option>
  298.                                             {% endfor %}
  299.                                         </select>
  300.                                     </div>
  301.                                 </div>
  302.                                 <div class="d-inline-block">
  303.                                     <div class="btn-group" role="group">
  304.                                         <a class="btn btn-ec-regular" href="{{ url('admin_product_export') }}">
  305.                                             <i class="fa fa-cloud-download me-1 text-secondary"></i><span>{{ 'admin.common.csv_download'|trans }}</span>
  306.                                         </a>
  307.                                         <a class="btn btn-ec-regular" href="{{ url('admin_setting_shop_csv', { id : constant('\\Eccube\\Entity\\Master\\CsvType::CSV_TYPE_PRODUCT') }) }}">
  308.                                             <i class="fa fa-cog me-1 text-secondary"></i><span>{{ 'admin.setting.shop.csv_setting'|trans }}</span>
  309.                                         </a>
  310.                                     </div>
  311.                                 </div>
  312.                             </div>
  313.                         </div>
  314.                         <div class="card rounded border-0 mb-4 d-block">
  315.                             <div class="card-body p-0">
  316.                                 <table class="table table-sm">
  317.                                     <thead>
  318.                                     <tr>
  319.                                         <th class="border-top-0 ps-3 pt-2 pb-2">
  320.                                             <input type="checkbox" name="filter" value="open" id="trigger_check_all">
  321.                                         </th>
  322.                                         <th class="border-top-0 pt-2 pb-2" nowrap>{{ 'admin.product.product_id__short'|trans }}<a href="#" class="js-listSort" data-sortkey="product_id"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  323.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.product.image__short'|trans }}</th>
  324.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.product.name'|trans }}<a href="#" class="js-listSort" data-sortkey="name"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  325.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.product.product_code__short'|trans }}<a href="#" class="js-listSort" data-sortkey="product_code"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  326.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.product.price'|trans }}</th>
  327.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.product.stock'|trans }}<a href="#" class="js-listSort" data-sortkey="stock"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  328.                                         <th class="border-top-0 pt-2 pb-2 text-nowrap">{{ 'admin.product.display_status__short'|trans }}<a href="#" class="js-listSort" data-sortkey="status"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  329.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.common.create_date'|trans }}<a href="#" class="js-listSort" data-sortkey="create_date"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  330.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.common.update_date'|trans }}<a href="#" class="js-listSort" data-sortkey="update_date"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  331.                                         <th class="border-top-0 pt-2 pb-2 pe-3" colspan="3"></th>
  332.                                     </tr>
  333.                                     </thead>
  334.                                     <tbody>
  335.                                     {% for Product in pagination %}
  336.                                         <tr id="ex-product-{{ Product.id }}">
  337.                                             <td class="align-middle ps-3">
  338.                                                 <input type="checkbox" name="ids[]" value="{{ Product.id }}" id="check_{{ Product.id }}" data-delete-url="{{ url('admin_product_product_delete', { id: Product.id }) }}">
  339.                                             </td>
  340.                                             <td class="align-middle">{{ Product.id }}</td>
  341.                                             {# TODO: 画像のサイズをベタ指定しているので、styleguide側を直す #}
  342.                                             <td class="align-middle">
  343.                                                 <a href="{{ url('admin_product_product_edit', { id : Product.id }) }}">
  344.                                                     <img src="{{ asset(Product.mainFileName|no_image_product, 'save_image') }}"
  345.                                                          style="max-width: 50px">
  346.                                                 </a>
  347.                                             </td>
  348.                                             <td class="align-middle"><a
  349.                                                         href="{{ url('admin_product_product_edit', { id : Product.id }) }}">{{ Product.name }}</a>
  350.                                             </td>
  351.                                             <td class="align-middle">
  352.                                                 {{ Product.code_min }}
  353.                                                 {% if Product.code_min != Product.code_max %}{{ 'admin.common.separator__range'|trans }}{{ Product.code_max }}
  354.                                                 {% endif %}
  355.                                             </td>
  356.                                             <td class="align-middle">
  357.                                                 {{ Product.price02_min|price }}
  358.                                                 {% if Product.price02_min != Product.price02_max %}{{ 'admin.common.separator__range'|trans }}{{ Product.price02_max|price }}
  359.                                                 {% endif %}
  360.                                             </td>
  361.                                             <td class="align-middle">
  362.                                                 {% if Product.hasProductClass %}
  363.                                                     <button type="button" class="btn page-link text-dark d-inline-block"
  364.                                                             data-product-id="{{ Product.id }}"
  365.                                                             data-message="{{ 'admin.product.move_to_product_class__confirm_title'|trans({'%name%': Product.name}) }}"
  366.                                                             data-class-load="{{ url('admin_product_classes_load', { 'id' : Product.id }) }}"
  367.                                                             data-class-url="{{ url('admin_product_product_class', { 'id' : Product.id, 'return_product_list' : true }) }}">
  368.                                                         {{ 'admin.product.product_class__confirm'|trans }}
  369.                                                     </button>
  370.                                                 {% else %}
  371.                                                     {# 規格なし商品 は在庫数を表示 #}
  372.                                                     {% if Product.stockunlimited_min %}
  373.                                                         {{ 'admin.product.stock_unlimited__short'|trans }}
  374.                                                     {% else %}
  375.                                                         {{ Product.stock_min }}
  376.                                                     {% endif %}
  377.                                                 {% endif %}
  378.                                             </td>
  379.                                             <td class="align-middle">
  380.                                                 {{ Product.status.name }}
  381.                                             </td>
  382.                                             <td class="align-middle">
  383.                                                 {{ Product.create_date|date_min }}
  384.                                             </td>
  385.                                             <td class="align-middle">
  386.                                                 {{ Product.update_date|date_min }}
  387.                                             </td>
  388.                                             <td class="align-middle pe-3" colspan="3">
  389.                                                 <div class="text-end">
  390.                                                     <div class="px-1 d-inline-block text-center" data-bs-toggle="tooltip"
  391.                                                          data-bs-placement="top"
  392.                                                          title="{{ 'admin.common.display'|trans }}"><a class="btn btn-ec-actionIcon"
  393.                                                                                                        href="{{ url('product_detail', {id:Product.id}) }}"
  394.                                                                                                        target="_blank"><i
  395.                                                                     class="fa fa-eye fa-lg text-secondary"
  396.                                                                     aria-hidden="true"></i></a></div>
  397.                                                     <div class="px-1 d-inline-block text-center" data-bs-toggle="tooltip"
  398.                                                          data-bs-placement="top"
  399.                                                          title="{{ 'admin.common.copy'|trans }}">
  400.                                                         <a href="#" class="btn btn-ec-actionIcon"
  401.                                                            data-bs-toggle="modal"
  402.                                                            data-bs-target="#confirmModal-{{ Product.id }}">
  403.                                                             <i class="fa fa-files-o fa-lg text-secondary"
  404.                                                                aria-hidden="true"></i></a>
  405.                                                         <div class="modal fade" id="confirmModal-{{ Product.id }}" tabindex="-1"
  406.                                                              role="dialog"
  407.                                                              aria-labelledby="confirmModal-{{ Product.id }}" aria-hidden="true">
  408.                                                             <div class="modal-dialog" role="document">
  409.                                                                 <div class="modal-content">
  410.                                                                     <div class="modal-header">
  411.                                                                         <h5 class="modal-title fw-bold">
  412.                                                                             {{ 'admin.product.copy__confirm_title'|trans }}</h5>
  413.                                                                         <button class="btn-close" type="button"
  414.                                                                                 data-bs-dismiss="modal"
  415.                                                                                 aria-label="Close">
  416.                                                                         </button>
  417.                                                                     </div>
  418.                                                                     <div class="modal-body text-start">
  419.                                                                         <p class="text-start">
  420.                                                                             {{ 'admin.product.copy__confirm_message'|trans }}</p>
  421.                                                                     </div>
  422.                                                                     <div class="modal-footer">
  423.                                                                         <button class="btn btn-ec-sub" type="button"
  424.                                                                                 data-bs-dismiss="modal">{{ 'admin.common.cancel'|trans }}
  425.                                                                         </button>
  426.                                                                         <a
  427.                                                                                 href="{{ url('admin_product_product_copy', {'id' : Product.id}) }}"
  428.                                                                                 class="btn btn-ec-conversion"
  429.                                                                                 data-confirm="false"
  430.                                                                                 {{ csrf_token_for_anchor() }}
  431.                                                                                 data-method="post">
  432.                                                                             {{ 'admin.common.copy'|trans }}
  433.                                                                         </a>
  434.                                                                     </div>
  435.                                                                 </div>
  436.                                                             </div>
  437.                                                         </div>
  438.                                                     </div>
  439.                                                 </div>
  440.                                             </td>
  441.                                         </tr>
  442.                                     {% endfor %}
  444.                                     </tbody>
  445.                                 </table>
  446.                             </div>
  447.                             {% if pagination.totalItemCount > 0 %}
  448.                                 <div class="row justify-content-md-center mb-4 pb-4">
  449.                                     {% include "@admin/pager.twig" with { 'pages' : pagination.paginationData, 'routes' : 'admin_product_page' } %}
  450.                                 </div>
  451.                             {% endif %}
  452.                         </div>
  453.                     </form>
  454.                 {% elseif has_errors %}
  455.                     <div class="card rounded border-0">
  456.                         <div class="card-body p-4">
  457.                             <div class="text-center text-muted mb-4 h5">{{ 'admin.common.search_invalid_condition'|trans }}</div>
  458.                             <div class="text-center text-muted">{{ 'admin.common.search_try_change_condition'|trans }}</div>
  459.                         </div>
  460.                     </div>
  461.                 {% else %}
  462.                     <div class="card rounded border-0">
  463.                         <div class="card-body p-4">
  464.                             <div class="text-center text-muted mb-4 h5">{{ 'admin.common.search_no_result'|trans }}</div>
  465.                             <div class="text-center text-muted">{{ 'admin.common.search_try_change_condition'|trans }}</div>
  466.                             <div class="text-center text-muted">{{ 'admin.common.search_try_advanced_search'|trans }}</div>
  467.                         </div>
  468.                     </div>
  469.                 {% endif %}
  470.             </div>
  472.             <!-- 完全に削除の確認モーダル-->
  473.             <div class="modal fade" id="bulkDeleteModal" tabindex="-1" role="dialog" aria-labelledby="discontinuance" aria-hidden="true" data-bs-keyboard="false" data-bs-backdrop="static">
  474.                 <div class="modal-dialog" role="document">
  475.                     <div class="modal-content">
  476.                         <div class="modal-header">
  477.                             <h5 class="modal-title fw-bold">{{ 'admin.product.permanently_delete__confirm_title'|trans }}</h5>
  478.                             <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
  479.                         </div>
  480.                         <div class="modal-body text-start">
  481.                             <p class="text-start">{{ 'admin.product.permanently_delete__confirm_message'|trans }}</p>
  482.                             <ul id="bulkErrors"></ul>
  483.                             <div class="progress" style="display: none">
  484.                                 <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
  485.                             </div>
  486.                         </div>
  487.                         <div class="modal-footer">
  488.                             <button class="btn btn-ec-sub" type="button" data-bs-dismiss="modal">{{ 'admin.common.cancel'|trans }}</button>
  489.                             <button class="btn btn-ec-delete" type="button" id="bulkDelete">{{ 'admin.product.permanently_delete' | trans }}</button>
  490.                             <button class="btn btn-ec-regular" id="bulkDeleteDone" style="display: none" type="button" data-bs-dismiss="modal">{{ 'admin.product.permanently_delete__complete'|trans }}</button>
  491.                         </div>
  492.                     </div>
  493.                 </div>
  494.             </div>
  496.         </div>
  497.     </div>
  499.     <div class="modal fade" id="productClassesModal" tabindex="-1" role="dialog" aria-labelledby="productClassesModal" aria-hidden="true">
  500.         <div class="modal-dialog">
  501.             <div class="modal-content">
  502.                 <div class="modal-header">
  503.                     <h5 class="modal-title fw-bold">{# Title #}</h5>
  504.                     <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close">
  505.                     </button>
  506.                 </div>
  507.                 <div class="modal-body">
  508.                     {# Append data list #}
  509.                 </div>
  510.                 <div class="modal-footer">
  511.                     <button class="btn btn-v-sub" type="button" data-bs-dismiss="modal">
  512.                         {{ 'admin.common.cancel'|trans }}
  513.                     </button>
  514.                     <a class="btn btn-ec-conversion"
  515.                        href="#">
  516.                         {{ 'admin.product.move_to_product_class'|trans }}
  517.                     </a>
  518.                 </div>
  519.             </div><!-- /.modal-content -->
  520.         </div><!-- /.modal-dialog -->
  521.     </div><!-- /#productClassesModal -->
  522. {% endblock %}