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