src/Eccube/Resource/template/admin/Order/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' %}
  12. {% set menus = ['order', 'order_master'] %}
  14. {% block title %}{{ 'admin.order.order_list'|trans }}{% endblock %}
  15. {% block sub_title %}{{ 'admin.order.order_management'|trans }}{% endblock %}
  17. {% form_theme searchForm '@admin/Form/bootstrap_4_layout.html.twig' %}
  18. {% block javascript %}
  19.     <script>
  20.         $(function() {
  21.             toggleBtnBulk('input[id^="check_"]', '.btn-bulk-wrapper');
  22.             $('input[id^="check_"]').on('change', function() {
  23.                 $('#toggle_check_all').prop('checked', false);
  24.                 toggleBtnBulk('input[id^="check_"]', '.btn-bulk-wrapper');
  25.             });
  27.             // 登録チェックボックス
  28.             $('#toggle_check_all').on('change', function() {
  29.                 var checked = $(this).prop('checked');
  30.                 if (checked) {
  31.                     $('input[id^="check_"]').prop('checked', true);
  32.                 } else {
  33.                     $('input[id^="check_"]').prop('checked', false);
  34.                 }
  35.                 toggleBtnBulk('input[id^="check_"]', '.btn-bulk-wrapper');
  36.             });
  38.             $('#btn_bulk_delete').on('click', function(event) {
  39.                 event.preventDefault();
  40.                 $('#form_bulk').attr('action', "{{ url('admin_order_bulk_delete') }}").submit();
  41.                 return false;
  42.             });
  44.             // PDF出力(複数)
  45.             $('#bulkExportPdf').on('click', function(event) {
  46.                 window.open('', 'newwin', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=700, height=700');
  47.                 $('#form_bulk').attr('action', "{{ url('admin_order_export_pdf') }}");
  48.                 $('#form_bulk').attr('target', 'newwin');
  49.                 $('#form_bulk').submit();
  50.                 return false;
  51.             });
  53.             // PDF出力(単一)
  54.             $('.pdf-print').click(function() {
  55.                 window.open(this.href, 'newwin', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=700, height=700');
  56.                 return false;
  57.             });
  59.             // 送り状番号
  60.             var updateTrackingNumber = function(id, url, tracking_number, callback) {
  61.                 $.ajax({
  62.                     type: 'PUT',
  63.                     url: url,
  64.                     data: {'tracking_number': tracking_number}
  65.                 }).done(function(data, textStatus, jqXHR) {
  66.                     if (data['status'] == 'OK') {
  67.                         $('#tracking_number_' + id).val(data['tracking_number']);
  68.                         if (typeof callback == 'function') {
  69.                             callback();
  70.                         }
  71.                     } else {
  72.                         alert('Update failed.');
  73.                     }
  74.                     return true;
  75.                 }).fail(function(jqXHR, textStatus, errorThrown) {
  76.                     var response = JSON.parse(jqXHR.responseText);
  77.                     var messages = '';
  78.                     for (var i = 0; i < response.messages.length; i++) {
  79.                         messages += response.messages[i] + "\n";
  80.                     }
  81.                     alert(messages);
  82.                     return false;
  83.                 });
  84.             };
  86.             $('button.update_tracking_number').prop('disabled', true);
  87.             // フォームに変更があったら更新ボタンを有効にする
  88.             $('input.update_tracking_number').on('keyup', function(event) {
  89.                 var $tracking_number = $(this);
  90.                 var $button = $("button[data-target='#" + $tracking_number.attr('id') + "']");
  91.                 $button.prop('disabled', false);
  92.                 $button.children('i')
  93.                     .removeClass('text-secondary')
  94.                     .addClass('text-success');
  95.             });
  96.             // enter キーで更新し、次のフォームへフォーカスを移動する
  97.             $('input.update_tracking_number').on('keypress', function(event) {
  98.                 var $tracking_number = $(this);
  99.                 var $button = $("button[data-target='#" + $tracking_number.attr('id') + "']");
  101.                 var code = event.which ? event.which : event.keyCode;
  103.                 if (code == 13) { // on press to enter
  104.                     var index = $('input.update_tracking_number').index(this);
  105.                     var callback = function() {
  106.                         $button.prop('disabled', true);
  107.                         $button.children('i')
  108.                             .removeClass('text-success')
  109.                             .addClass('text-secondary');
  110.                         $('input.update_tracking_number:gt(' + index + '):first').focus();
  111.                     };
  112.                     updateTrackingNumber($tracking_number.data('shipping_id'), $tracking_number.data('url'), $tracking_number.val(), callback);
  113.                     event.preventDefault();
  114.                 }
  115.             });
  116.             // 更新ボタンの制御
  117.             $('button.update_tracking_number').on('click', function(event) {
  118.                 event.preventDefault();
  119.                 var $button = $(this);
  120.                 var $target = $($(this).data('target'));
  121.                 var tracking_number = $target.val();
  122.                 var callback = function() {
  123.                     $button.prop('disabled', true);
  124.                     $button.children('i')
  125.                         .removeClass('text-success')
  126.                         .addClass('text-secondary');
  127.                 };
  129.         updateTrackingNumber($target.data('shipping_id'), $target.data('url'), tracking_number, callback);
  130.     });
  132.     // 完了ボタン
  133.     $('#bulkChangeComplete').on('click', function() {
  134.         location.href = '{{ url('admin_order', { 'resume': 1 }) }}';
  135.     });
  137. });
  138. </script>
  140. {{ include('@admin/Order/confirmationModal_js.twig') }}
  141. {% endblock javascript %}
  143. {% block main %}
  144.     <!--検索条件設定テーブルここから-->
  145.     <div class="c-outsideBlock">
  146.         <form name="search_form" id="search_form" method="POST" action="{{ url('admin_order') }}">
  147.             <div class="c-outsideBlock__contents">
  148.                 <div class="row">
  149.                     <div class="col-12">
  150.                         {{ form_widget(searchForm._token) }}
  151.                         <div>
  152.                             <label class="col-form-label" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.multi_search_label'|trans }}">{{ 'admin.order.multi_search_label'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></label>
  153.                             {{ form_widget(searchForm.multi) }}
  154.                             {{ form_errors(searchForm.multi) }}
  155.                         </div>
  156.                         <div class="row">
  157.                             <div class="mb-3 col-12">
  158.                                 <label class="col-form-label"  data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.order_search_status'|trans }}">{{ 'admin.order.order_status'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></label>
  159.                                 <div id="admin_search_order_status">
  160.                                     {% set statusForm = searchForm.status %}
  161.                                     <!-- 各対応状況の件数を表示する -->
  162.                                     {% for status_id, child in statusForm.children %}
  163.                                         <div class="form-check form-check-inline">
  164.                                             <input type="checkbox"
  165.                                                    id="{{ child.vars.id }}"
  166.                                                    name="{{ child.vars.full_name }}"
  167.                                                    class="form-check-input"
  168.                                                    value="{{ child.vars.value }}"{{ child.vars.checked ? ' checked="checked"' }}>
  169.                                             <label class="form-check-label" for="{{ child.vars.id }}">{{ child.vars.label }}</label>
  170.                                             {%- if statusForm.vars.order_count[status_id].display -%}
  171.                                                 (<a href="{{ url('admin_order', { 'order_status_id': status_id }) }}">{{ statusForm.vars.order_count[status_id].count }}</a>)
  172.                                             {%- endif %}
  173.                                         </div>
  174.                                     {% endfor %}
  175.                                 </div>
  176.                                 {{ form_errors(searchForm.status) }}
  177.                             </div>
  178.                         </div>
  179.                         <div class="d-inline-block mb-3 collapsed" data-bs-toggle="collapse" href="#searchDetail" aria-expanded="false" aria-controls="searchDetail">
  180.                             <a>
  181.                                 <i class="fa fw-bold me-1 fa-plus-square-o">
  182.                                     <span class="fw-bold">{{ 'admin.common.search_detail'|trans }}</span>
  183.                                 </i>
  184.                             </a>
  185.                         </div>
  186.                     </div>
  187.                 </div>
  188.             </div>
  189.             <div class="c-subContents ec-collapse collapse{{ has_errors ? ' show' }}" id="searchDetail">
  190.                 <div class="row">
  191.                     <div class="col">
  192.                         <label class="col-form-label">{{ 'admin.order.orderer_name'|trans }}</label>
  193.                         {{ form_widget(searchForm.name) }}
  194.                         {{ form_errors(searchForm.name) }}
  195.                     </div>
  196.                     <div class="col">
  197.                         <div class="row">
  198.                             <div class="col-12">
  199.                                 <p class="col-form-label">{{ 'admin.common.payment_method'|trans }}</p>
  200.                                 {{ form_widget(searchForm.payment, { 'label_attr': { 'class': 'checkbox-inline'}}) }}
  201.                                 {{ form_errors(searchForm.payment) }}
  202.                             </div>
  203.                         </div>
  204.                     </div>
  205.                 </div>
  206.                 <div class="row">
  207.                     <div class="col">
  208.                         <label class="col-form-label">{{ 'admin.order.orderer_kana'|trans }}</label>
  209.                         {{ form_widget(searchForm.kana) }}
  210.                         {{ form_errors(searchForm.kana) }}
  211.                     </div>
  212.                     <div class="col">
  213.                         <label class="col-form-label">{{ 'admin.order.order_date'|trans }}</label>
  214.                         <div class="row align-items-center">
  215.                             <div class="col">
  216.                                 {{ form_widget(searchForm.order_datetime_start) }}
  217.                                 {{ form_errors(searchForm.order_datetime_start) }}
  218.                             </div>
  219.                             <div class="col-auto text-center">{{ 'admin.common.separator__range'|trans }}</div>
  220.                             <div class="col">
  221.                                 {{ form_widget(searchForm.order_datetime_end) }}
  222.                                 {{ form_errors(searchForm.order_datetime_end) }}
  223.                             </div>
  224.                         </div>
  225.                     </div>
  226.                 </div>
  227.                 <div class="row">
  228.                     <div class="col">
  229.                         <label class="col-form-label">{{ 'admin.order.orderer_company_name'|trans }}</label>
  230.                         {{ form_widget(searchForm.company_name) }}
  231.                         {{ form_errors(searchForm.company_name) }}
  232.                     </div>
  233.                     <div class="col">
  234.                         <label class="col-form-label">{{ 'admin.order.payment_date'|trans }}</label>
  235.                         <div class="row align-items-center">
  236.                             <div class="col">
  237.                                 {{ form_widget(searchForm.payment_datetime_start) }}
  238.                                 {{ form_errors(searchForm.payment_datetime_start) }}
  239.                             </div>
  240.                             <div class="col-auto text-center">{{ 'admin.common.separator__range'|trans }}</div>
  241.                             <div class="col">
  242.                                 {{ form_widget(searchForm.payment_datetime_end) }}
  243.                                 {{ form_errors(searchForm.payment_datetime_end) }}
  244.                             </div>
  245.                         </div>
  246.                     </div>
  247.                 </div>
  248.                 <div class="row">
  249.                     <div class="col">
  250.                         <label class="col-form-label">{{ 'admin.common.mail_address'|trans }}</label>
  251.                         {{ form_widget(searchForm.email) }}
  252.                         {{ form_errors(searchForm.email) }}
  253.                     </div>
  254.                     <div class="col">
  255.                         <label class="col-form-label">{{ 'admin.common.update_date'|trans }}</label>
  256.                         <div class="row align-items-center">
  257.                             <div class="col">
  258.                                 {{ form_widget(searchForm.update_datetime_start) }}
  259.                                 {{ form_errors(searchForm.update_datetime_start) }}
  260.                             </div>
  261.                             <div class="col-auto text-center">{{ 'admin.common.separator__range'|trans }}</div>
  262.                             <div class="col">
  263.                                 {{ form_widget(searchForm.update_datetime_end) }}
  264.                                 {{ form_errors(searchForm.update_datetime_end) }}
  265.                             </div>
  266.                         </div>
  267.                     </div>
  268.                 </div>
  269.                 <div class="row">
  270.                     <div class="col">
  271.                         <label class="col-form-label">{{ 'admin.common.phone_number'|trans }}</label>
  272.                         {{ form_widget(searchForm.phone_number) }}
  273.                         {{ form_errors(searchForm.phone_number) }}
  274.                     </div>
  275.                     <div class="col">
  276.                         <label class="col-form-label">{{ 'admin.order.delivery_date'|trans }}</label>
  277.                         <div class="row align-items-center">
  278.                             <div class="col">
  279.                                 <div class="input-group">
  280.                                     {{ form_widget(searchForm.shipping_delivery_datetime_start) }}
  281.                                     {{ form_errors(searchForm.shipping_delivery_datetime_start) }}
  282.                                 </div>
  283.                             </div>
  284.                             <div class="col-auto text-center">{{ 'admin.common.separator__range'|trans }}</div>
  285.                             <div class="col">
  286.                                 <div class="input-group">
  287.                                     {{ form_widget(searchForm.shipping_delivery_datetime_end) }}
  288.                                     {{ form_errors(searchForm.shipping_delivery_datetime_end) }}
  289.                                 </div>
  290.                             </div>
  291.                         </div>
  292.                     </div>
  293.                 </div>
  294.                 <div class="row">
  295.                     <div class="col">
  296.                         <label class="col-form-label">{{ 'admin.order.order_no'|trans }}</label>
  297.                         {{ form_widget(searchForm.order_no) }}
  298.                         {{ form_errors(searchForm.order_no) }}
  299.                     </div>
  300.                     <div class="col">
  301.                         <label class="col-form-label">{{ 'admin.order.purchase_price'|trans }}</label>
  302.                         <div class="row align-items-center">
  303.                             <div class="col">
  304.                                 <div class="input-group">
  305.                                     {{ form_widget(searchForm.payment_total_start) }}
  306.                                     {{ form_errors(searchForm.payment_total_start) }}
  307.                                 </div>
  308.                             </div>
  309.                             <div class="col-auto text-center">{{ 'admin.common.separator__range'|trans }}</div>
  310.                             <div class="col">
  311.                                 <div class="input-group">
  312.                                     {{ form_widget(searchForm.payment_total_end) }}
  313.                                     {{ form_errors(searchForm.payment_total_end) }}
  314.                                 </div>
  315.                             </div>
  316.                         </div>
  317.                     </div>
  318.                 </div>
  319.                 <div class="row">
  320.                     <div class="col">
  321.                         <div class="row">
  322.                             <div class="col-12">
  323.                                 <p class="col-form-label">{{ 'admin.order.tracking_number'|trans }}</p>
  324.                                 {{ form_widget(searchForm.tracking_number) }}
  325.                                 {{ form_errors(searchForm.tracking_number) }}
  326.                             </div>
  327.                         </div>
  328.                     </div>
  329.                     <div class="col">
  330.                         <label class="col-form-label">{{ 'admin.order.purchase_product'|trans }}</label>
  331.                         {{ form_widget(searchForm.buy_product_name) }}
  332.                         {{ form_errors(searchForm.buy_product_name) }}
  333.                     </div>
  334.                 </div>
  336.                 <div class="row mb-2">
  337.                     <div class="col">
  338.                         <div class="row">
  339.                             <div class="col-12">
  340.                                 <p class="col-form-label">{{ 'admin.order.shipping_mail'|trans }}</p>
  341.                                 {{ form_widget(searchForm.shipping_mail,  { 'label_attr': { 'class': 'checkbox-inline' }}) }}
  342.                                 {{ form_errors(searchForm.shipping_mail) }}
  343.                             </div>
  344.                         </div>
  345.                     </div>
  346.                     <div class="col"></div>
  347.                 </div>
  349.                 {# エンティティ拡張の自動出力 #}
  350.                 {% for f in searchForm|filter(f => f.vars.eccube_form_options.auto_render) %}
  351.                     {# TODO 1項目1行になるのを改善 #}
  352.                     <div class="row mb-2">
  353.                         {% if f.vars.eccube_form_options.form_theme %}
  354.                             {% form_theme f f.vars.eccube_form_options.form_theme %}
  355.                             {{ form_row(f) }}
  356.                         {% else %}
  357.                             <div class="col">
  358.                                 <div class="mb-3">
  359.                                     <label>{{ f.vars.label|trans }}</label>
  360.                                     {{ form_widget(f) }}
  361.                                     {{ form_errors(f) }}
  362.                                 </div>
  363.                             </div>
  364.                         {% endif %}
  365.                     </div>
  366.                 {% endfor %}
  367.             </div>
  368.             <div class="c-outsideBlock__contents">
  369.                 <div class="row">
  370.                     <div class="mb-4">
  371.                         <div class="col-12">
  372.                             <button class="btn btn-ec-conversion px-5" type="submit" id="search_submit">{{ 'admin.common.search'|trans }}</button>
  373.                             {% if pagination %}
  374.                                 <span class="fw-bold ms-2" id="search_total_count">{{ 'admin.common.search_result'|trans({"%count%":pagination.totalItemCount})|raw }}</span>
  375.                             {% endif %}
  376.                         </div>
  377.                     </div>
  378.                 </div>
  379.             </div>
  380.             <div class="c-outsideBlock__contents mb-5">
  381.                 {{ include('@admin/search_items.twig', { 'form': searchForm }, ignore_missing = true) }}
  382.             </div>
  383.             {{ form_widget(searchForm.sortkey, {'attr': {'class': 'js-listSort-key'}}) }}
  384.             {{ form_widget(searchForm.sorttype, {'attr': {'class': 'js-listSort-type'}}) }}
  385.         </form>
  386.     </div>
  387.     <!--検索条件設定テーブルここまで-->
  389.     <div class="c-contentsArea__cols">
  390.         <div class="c-contentsArea__primaryCol">
  391.             <div class="c-primaryCol">
  392.                 {% if pagination and pagination.totalItemCount %}
  394.                     <form id="form_bulk" method="POST" action="">
  395.                         <input type="hidden" name="{{ constant('Eccube\\Common\\Constant::TOKEN_NAME') }}" value="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
  396.                         <div class="row justify-content-between mb-2">
  397.                             <div class="col-10">
  398.                                 <div class="row justify-content-between">
  399.                                     <div class="col-auto d-none btn-bulk-wrapper">
  400.                                         <label class="me-2" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.bulk_actions'|trans }}">{{ 'admin.common.bulk_actions'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></label>
  401.                                         <button id="bulkSendMail" type="button" class="btn btn-ec-regular me-2" data-type="mail" data-bulk-update="true">
  402.                                             {{ 'admin.order.send_mail'|trans }}
  403.                                         </button>
  404.                                         <button type="button" id="bulkExportPdf" class="btn btn-ec-regular me-2">{{ 'admin.order.output_delivery_note_short'|trans }}</button>
  405.                                         {# TODO 削除処理は将来バージョンで対応 <button type="button" class="btn btn-ec-delete" data-bs-toggle="modal" data-bs-target="#bulkDeleteModal">{{ 'admin.common.delete'|trans }}</button> #}
  406.                                     </div>
  407.                                     <div class="col d-none btn-bulk-wrapper">
  408.                                         <div class="d-inline-block me-2">
  409.                                             <select class="form-select" id="option_bulk_status">
  410.                                                 <option value="" selected>{{ 'admin.order.change_status'|trans }}</option>
  411.                                                 {% for status in OrderStatuses %}
  412.                                                     <option value="{{ status.id }}">{{ status.name }}</option>
  413.                                                 {% endfor %}
  414.                                             </select>
  415.                                         </div>
  416.                                         <button type="button" id="btn_bulk_status" class="btn btn-ec-regular me-2 progressModal" data-type="status" data-bulk-update="true" data-submit="bulk">
  417.                                             {{ 'admin.common.decision'|trans }}
  418.                                         </button>
  419.                                     </div>
  420.                                 </div>
  421.                             </div>
  423.                         </div>
  424.                         <div style="margin: 10px; 0">
  425.                             <div class=" text-end">
  426.                                 <div class="d-inline-block align-bottom">
  427.                                     <select class="form-select" onchange="location = this.value;">
  428.                                         {% for pageMax in pageMaxis %}
  429.                                             <option {% if pageMax.name == page_count %} selected {% endif %}
  430.                                                     value="{{ path('admin_order_page', {'page_no': 1, 'page_count': pageMax.name}) }}">
  431.                                                 {{ 'admin.common.count'|trans({ '%count%': pageMax.name }) }}</option>
  432.                                         {% endfor %}
  433.                                     </select>
  434.                                 </div>
  435.                                 <div class="d-inline-block">
  436.                                     <div class="btn-group" role="group">
  437.                                         <div class="btn-group" role="group">
  438.                                             <button type="button" class="btn btn-ec-regular" data-bs-toggle="dropdown" id="csvDownloadDropDown">
  439.                                                 <i class="fa fa-cloud-download me-1 text-secondary"></i>
  440.                                                 <span>{{ 'admin.common.csv_download'|trans }}</span>
  441.                                             </button>
  442.                                             <div class="dropdown-menu">
  443.                                                 <a class="dropdown-item" href="{{ url('admin_order_export_order') }}" id="orderCsvDownload">
  444.                                                     {{ 'admin.order.order_csv'|trans }}
  445.                                                 </a>
  446.                                                 <a class="dropdown-item" href="{{ url('admin_order_export_shipping') }}" id="shippingCsvDownload">
  447.                                                     {{ 'admin.order.shipping_csv'|trans }}
  448.                                                 </a>
  449.                                             </div>
  450.                                         </div>
  452.                                         <div class="btn-group" role="group">
  453.                                             <button type="button" class="btn btn-ec-regular" data-bs-toggle="dropdown" id="csvSettingDropDown">
  454.                                                 <i class="fa fa-cog me-1 text-secondary"></i>
  455.                                                 <span>{{ 'admin.setting.shop.csv_setting'|trans }}</span>
  456.                                             </button>
  457.                                             <div class="dropdown-menu">
  458.                                                 <a class="dropdown-item" href="{{ url('admin_setting_shop_csv', { id : constant('\\Eccube\\Entity\\Master\\CsvType::CSV_TYPE_ORDER') }) }}" id="orderCsvSetting">
  459.                                                     {{ 'admin.order.order_csv'|trans }}
  460.                                                 </a>
  461.                                                 <a class="dropdown-item" href="{{ url('admin_setting_shop_csv', { id : constant('\\Eccube\\Entity\\Master\\CsvType::CSV_TYPE_SHIPPING') }) }}" id="shippingCsvSetting">
  462.                                                     {{ 'admin.order.shipping_csv'|trans }}
  463.                                                 </a>
  464.                                             </div>
  465.                                         </div>
  466.                                     </div>
  467.                                 </div>
  468.                             </div>
  469.                         </div>
  470.                         <div class="card rounded border-0 mb-4 d-block">
  471.                             <div class="card-body p-0">
  472.                                 <table class="table table-sm" id="search_result">
  473.                                     <thead>
  474.                                     <tr>
  475.                                         <th class="border-top-0 pt-2 pb-2 text-center ps-3">
  476.                                             <input type="checkbox" id="toggle_check_all" name="filter" value="open">
  477.                                         </th>
  478.                                         <th class="border-top-0 pt-2 pb-2 text-center">{{ 'admin.common.id'|trans }}<a href="#" class="js-listSort" data-sortkey="orderer"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>{{ 'admin.order.orderer'|trans }}<a href="#" class="js-listSort" data-sortkey="order"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  479.                                         <th class="border-top-0 pt-2 pb-2 text-center text-nowrap">{{ 'admin.common.payment_method'|trans }}<a href="#" class="js-listSort" data-sortkey="payment_method"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  480.                                         <th class="border-top-0 pt-2 pb-2 text-center">{{ 'admin.order.order_status'|trans }}<a href="#" class="js-listSort" data-sortkey="order_status"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  481.                                         <th class="border-top-0 pt-2 pb-2 text-center">{{ 'admin.order.purchase_price'|trans }}<a href="#" class="js-listSort" data-sortkey="purchase_price"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  482.                                         <th class="border-top-0 pt-2 pb-2 text-center">{{ 'admin.order.message_short'|trans }}</th>
  483.                                         <th class="border-top-0 pt-2 pb-2 text-center text-nowrap">{{ 'admin.order.shipping_status'|trans }}<a href="#" class="js-listSort" data-sortkey="shipping_status"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  484.                                         <th class="border-top-0 pt-2 pb-2 text-center">{{ 'admin.order.tracking_number'|trans }}<a href="#" class="js-listSort" data-sortkey="tracking_number"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  485.                                         <th class="border-top-0 pt-2 pb-2 text-center">{{ 'admin.order.delivery'|trans }}<a href="#" class="js-listSort" data-sortkey="delivery"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  486.                                         <th class="border-top-0 pt-2 pb-2 text-center pe-3"></th>
  487.                                     </tr>
  488.                                     </thead>
  489.                                     <tbody>
  490.                                     {% for Order in pagination %}
  491.                                         {% for Shipping in Order.Shippings %}
  492.                                             <tr>
  493.                                                 <td class="align-middle text-center ps-3">
  494.                                                     <input type="checkbox" id="check_{{ Shipping.id }}" data-id="{{ Shipping.id }}" name="ids[]" value="{{ Shipping.id }}"
  495.                                                            data-preview-notify-mail-url="{{ url('admin_shipping_preview_notify_mail', { id: Shipping.id}) }}"
  496.                                                            data-notify-mail-url="{{ url('admin_shipping_notify_mail', { id: Shipping.id}) }}"
  497.                                                            data-update-status-url="{{ url('admin_shipping_update_order_status', { id: Shipping.id}) }}"
  498.                                                     />
  499.                                                 </td>
  500.                                                 <td class="align-middle text-start">
  501.                                                     <a class="action-edit" href="{{ url('admin_order_edit', { id : Order.id }) }}">{{ Order.order_no }}<br>{{ Order.name01 ~ Order.name02 }}<br>{{ Order.order_date|date_min }}</a>
  502.                                                 </td>
  503.                                                 <td class="align-middle text-center">
  504.                                                     {{ Order.payment_method }}
  505.                                                 </td>
  506.                                                 <td class="align-middle text-center">
  507.                                                     <span class="badge badge-ec-blue" style="background-color: #fff; color: {{ Order.OrderStatusColor }}; border-color: {{ Order.OrderStatusColor }}">{{ Order.OrderStatus }}</span>
  508.                                                 </td>
  509.                                                 <td class="align-middle text-end">
  510.                                                     {{ Order.payment_total|price }}<br>
  511.                                                     {{ Order.payment_date ? Order.payment_date|date_day : 'admin.order.not_payment'|trans }}
  512.                                                 </td>
  513.                                                 <td class="align-middle text-center">
  514.                                                     {% if Order.message is not empty %}
  515.                                                         <a class="btn btn-ec-actionIcon" href="{{ url('admin_order_edit', { id : Order.id }) }}#order_message" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ Order.message }}" aria-describedby="tooltip819464">
  516.                                                             <i class="fa fa-commenting fa-lg text-secondary" aria-hidden="true"></i>
  517.                                                         </a>
  518.                                                     {% elseif Order.note is not empty %}
  519.                                                         <a class="btn btn-ec-actionIcon" href="{{ url('admin_order_edit', { id : Order.id }) }}#order_note" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ Order.note }}" aria-describedby="tooltip819464">
  520.                                                             <i class="fa fa-commenting fa-lg text-secondary" aria-hidden="true"></i>
  521.                                                         </a>
  522.                                                     {% endif %}
  523.                                                 </td>
  524.                                                 <td class="align-middle text-center">
  525.                                                     {% if Order.is_multiple %}
  526.                                                         <a href="{{ url('admin_shipping_edit', { id: Order.id }) }}">
  527.                                                             {% if Shipping.shipping_date %}
  528.                                                                 {{ Shipping.shipping_date|date_day }}
  529.                                                             {% else %}
  530.                                                                 {{ 'admin.order.unshipped'|trans }}
  531.                                                             {% endif %}
  532.                                                         </a>
  533.                                                     {% else %}
  534.                                                         {{ Shipping.shipping_date ? Shipping.shipping_date|date_day : 'admin.order.unshipped'|trans }}
  535.                                                     {% endif %}
  536.                                                     {% if Shipping.mail_send_date %}
  537.                                                         {% set send_mail_date = Shipping.mail_send_date|date_min %}
  538.                                                         <i class="fa fa-envelope fa-lg text-secondary" aria-hidden="true" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'admin.order.shipping_mail__completed'|trans({'%date%': send_mail_date}) }}"></i>
  539.                                                     {% endif %}
  540.                                                 </td>
  541.                                                 <td class="align-middle text-center">
  542.                                                     <div class="input-group input-group-sm">
  543.                                                         <input type="text" id="tracking_number_{{ Shipping.id }}" class="form-control update_tracking_number" placeholder="{{ 'admin.order.tracking_number'|trans }}" value="{{ Shipping.trackingNumber }}" data-shipping_id="{{ Shipping.id }}" data-url="{{ url('admin_shipping_update_tracking_number', { id : Shipping.id }) }}" tabindex="{{ loop.index }}"/>
  544.                                                         <span class="input-group-btn">
  545.                                                     <button type="button" class="btn btn-default update_tracking_number" data-target="#tracking_number_{{ Shipping.id }}">
  546.                                                         <i class="fa fa-check fa-lg text-secondary" aria-hidden="true"></i>
  547.                                                     </button>
  548.                                                 </span>
  549.                                                     </div>
  550.                                                 </td>
  551.                                                 <td class="align-middle text-center">
  552.                                                     {{ Shipping.name01 ~ Shipping.name02 }}<br>
  553.                                                     {{ Shipping.Pref.name }}
  554.                                                 </td>
  555.                                                 <td class="align-middle pe-3">
  556.                                                     <div class="text-end">
  557.                                                         <div class="px-1 d-inline-block">
  558.                                                             <a class="btn btn-ec-actionIcon confirmationModal"
  559.                                                                data-type="mail" data-bulk-update="false"
  560.                                                                data-preview-notify-mail-url="{{ url('admin_shipping_preview_notify_mail', { id: Shipping.id}) }}"
  561.                                                                data-notify-mail-url="{{ url('admin_shipping_notify_mail', { id: Shipping.id}) }}"
  562.                                                                data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'admin.order.shipping_mail_send'|trans }}">
  563.                                                                 <i class="fa fa-send fa-lg text-secondary" aria-hidden="true"></i>
  564.                                                             </a>
  565.                                                         </div>
  566.                                                         <div class="px-1 d-inline-block">
  567.                                                             <a class="btn btn-ec-actionIcon pdf-print" href="{{ url('admin_order_export_pdf') }}?ids[]={{ Shipping.id }}" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'admin.order.output_delivery_note_short'|trans }}">
  568.                                                                 <i class="fa fa-table fa-lg text-secondary" aria-hidden="true"></i>
  569.                                                             </a>
  570.                                                         </div>
  571.                                                         <div class="px-1 d-inline-block">
  572.                                                             <a class="btn btn-ec-actionIcon confirmationModal" href="javascript:;"
  573.                                                                data-id="{{ Shipping.id }}" data-type="status" data-bulk-update="false"
  574.                                                                data-update-status-id="{{ constant('Eccube\\Entity\\Master\\OrderStatus::DELIVERED') }}"
  575.                                                                data-update-status-url="{{ url('admin_shipping_update_order_status', { id: Shipping.id}) }}"
  576.                                                                data-preview-notify-mail-url="{{ url('admin_shipping_preview_notify_mail', { id: Shipping.id}) }}"
  577.                                                                data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'admin.order.to_shipped'|trans }}">
  578.                                                                 <i class="fa fa-check fa-lg text-secondary" aria-hidden="true"></i>
  579.                                                             </a>
  580.                                                         </div>
  581.                                                     </div>
  582.                                                 </td>
  583.                                             </tr>
  584.                                         {% endfor %}
  585.                                     {% endfor %}
  586.                                     </tbody>
  587.                                 </table>
  588.                                 <div class="row justify-content-md-center"></div>
  589.                             </div>
  590.                             <div class="row justify-content-md-center pb-4 mb-4">
  591.                                 {% if pagination.totalItemCount > 0 %}
  592.                                     {% include "@admin/pager.twig" with { 'pages' : pagination.paginationData, 'routes' : 'admin_order_page' } %}
  593.                                 {% endif %}
  594.                             </div>
  595.                         </div>
  596.                     </form>
  597.                     {# 検索条件エラー時 #}
  598.                 {% elseif has_errors %}
  599.                     <div class="card rounded border-0">
  600.                         <div class="card-body p-4">
  601.                             <div class="text-center text-muted mb-4 h5">{{ 'admin.common.search_invalid_condition'|trans }}</div>
  602.                             <div class="text-center text-muted">{{ 'admin.common.search_try_change_condition'|trans }}</div>
  603.                         </div>
  604.                     </div>
  605.                     {# 検索結果なし #}
  606.                 {% else %}
  607.                     <div class="card rounded border-0">
  608.                         <div class="card-body p-4">
  609.                             <div class="text-center text-muted mb-4 h5">{{ 'admin.common.search_no_result'|trans }}</div>
  610.                             <div class="text-center text-muted">{{ 'admin.common.search_try_change_condition'|trans }}</div>
  611.                             <div class="text-center text-muted">{{ 'admin.common.search_try_advanced_search'|trans }}</div>
  612.                         </div>
  613.                     </div>
  614.                 {% endif %}
  616.                 <!-- 出荷済にする確認モーダル -->
  617.                 <div class="modal fade" id="sentUpdateModal" tabindex="-1" role="dialog" aria-labelledby="sentUpdateModal" aria-hidden="true" data-bs-keyboard="false" data-bs-backdrop="static">
  618.                     <div class="modal-dialog modal-lg" role="document">
  619.                         <div class="modal-content">
  620.                             <div class="modal-header">
  621.                                 <h5 class="modal-title fw-bold"><!--confirmationModal_js.twig--></h5>
  622.                                 <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
  623.                             </div>
  624.                             <div class="modal-body">
  625.                                 <p class="modal-message"></p>
  626.                                 <ul id="bulkErrors"></ul>
  627.                                 <div id="bulk-options">
  628.                                     <div class="fw-bold mb-2 notificationMail">{{ 'admin.order.to_shipped__confirm_send_mail'|trans }}</div>
  629.                                     <div class="form-check form-check-inline">
  630.                                         <input class="form-check-input" type="checkbox" id="notificationMail">
  631.                                         <label class="form-check-label notificationMail">
  632.                                             {{ 'admin.order.to_shipped__confirm_send_mail_in_same_time'|trans }}
  633.                                         </label>
  634.                                     </div>
  635.                                     <div>
  636.                                         <div class="d-inline-block" data-bs-toggle="collapse" href="#viewEmail" aria-expanded="false" aria-controls="viewEmail"><a><i class="fa fa-plus-square-o fw-bold me-1"></i><span class="fw-bold">{{ 'admin.order.bulk_action__confirm_view_mail_body'|trans }}</span></a></div>
  637.                                         <div class="collapse bg-light p-4 ec-collapse bg-ec-formGray" id="viewEmail" style="word-wrap: break-word; word-break:break-all">
  638.                                             <pre></pre>
  639.                                         </div>
  640.                                     </div>
  641.                                 </div>
  642.                                 <div class="progress" style="display: none">
  643.                                     <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>
  644.                                 </div>
  645.                             </div>
  646.                             <div class="modal-footer">
  647.                                 <button class="btn btn-ec-sub" type="button" data-bs-dismiss="modal">{{ 'admin.common.cancel'|trans }}</button>
  648.                                 <button id="bulkChange" class="btn btn-ec-conversion" type="button"><!--confirmationModal_js.twig--></button>
  649.                                 <button id="bulkChangeComplete" class="btn btn-ec-regular" style="display: none" type="button">{{ 'admin.common.close'|trans }}</button>
  650.                             </div>
  651.                         </div>
  652.                     </div>
  653.                 </div>
  655.                 <!-- 一括削除の確認モーダル -->
  656.                 <div class="modal fade" id="bulkDeleteModal" tabindex="-1" role="dialog" aria-labelledby="discontinuance" aria-hidden="true" data-bs-keyboard="false" data-bs-backdrop="static">
  657.                     <div class="modal-dialog" role="document">
  658.                         <div class="modal-content">
  659.                             <div class="modal-header">
  660.                                 <h5 class="modal-title fw-bold">{{ 'admin.order.delete__confirm_title'|trans }}</h5>
  661.                                 <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
  662.                             </div>
  663.                             <div class="modal-body text-start">
  664.                                 <p class="text-start">{{ 'admin.order.delete__confirm_message'|trans }}</p>
  665.                                 <ul id="bulkErrors"></ul>
  666.                                 <div class="progress" style="display: none">
  667.                                     <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>
  668.                                 </div>
  669.                             </div>
  670.                             <div class="modal-footer">
  671.                                 <button class="btn btn-ec-sub" type="button" data-bs-dismiss="modal">{{ 'admin.common.cancel'|trans }}</button>
  672.                                 <button class="btn btn-ec-delete" type="button" id="btn_bulk_delete">{{ 'admin.common.delete' | trans }}</button>
  673.                             </div>
  674.                         </div>
  675.                     </div>
  676.                 </div>
  678.             </div>
  679.         </div>
  680.     </div>
  681. {% endblock %}