app/template/admin/Order/edit.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends '@admin/default_frame.twig' %}
  13. {% set menus = ['order', 'order_edit'] %}
  15. {% block title %}{{ 'admin.order.order_registration'|trans }}{% endblock %}
  16. {% block sub_title %}{{ 'admin.order.order_management'|trans }}{% endblock %}
  18. {% form_theme form '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}
  19. {% form_theme searchCustomerModalForm '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}
  20. {% form_theme searchProductModalForm '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}
  22. {% block javascript %}
  23.     <script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  24.     <script>
  25.         $(function() {
  26.             // 項目数が多く、入力している項目によってEnter押下時に期待する動作が変わるので、いったん禁止
  27.             $('input').on('keydown', function(e) {
  28.                 if ((e.which && e.which === 13) || (e.keyCode && e.keyCode === 13)) {
  29.                     return false;
  30.                 } else {
  31.                     return true;
  32.                 }
  33.             });
  35.             // 会員検索
  36.             $('#searchCustomerModalButton').on('click', function() {
  37.                 var list = $('#searchCustomerModalList');
  38.                 list.children().remove();
  40.                 $.ajax({
  41.                     url: '{{ url('admin_order_search_customer_html') }}',
  42.                     type: 'POST',
  43.                     dataType: 'html',
  44.                     data: {'search_word': $('#admin_search_customer_multi').val()}
  45.                 }).done(function(data) {
  46.                     $('#searchCustomerModalList').html(data);
  47.                 }).fail(function(data) {
  48.                     alert('search customer failed.');
  49.                 });
  50.             });
  52.             // 商品検索
  53.             $('#searchProductModalButton').on('click', function() {
  54.                 var list = $('#searchProductModalList');
  55.                 list.children().remove();
  57.                 $.ajax({
  58.                     url: '{{ url('admin_order_search_product') }}',
  59.                     type: 'POST',
  60.                     dataType: 'html',
  61.                     data: {
  62.                         'id': $('#admin_search_product_id').val(),
  63.                         'category_id': $('#admin_search_product_category_id').val(),
  64.                         'word': $('#admin_search_product_word').val()
  65.                     }
  66.                 }).done(function(data) {
  67.                     $('#searchProductModalList').html(data);
  68.                 }).fail(function(data) {
  69.                     alert('search product failed.');
  70.                 });
  71.             });
  73.             // その他明細
  74.             $('#addOrderItemType').on('show.bs.modal', function(e) {
  75.                 var list = $('#searchOrderItemTypeList');
  76.                 list.children().remove();
  78.                 $.ajax({
  79.                     url: '{{ url('admin_order_search_order_item_type') }}',
  80.                     type: 'POST',
  81.                     dataType: 'html'
  82.                 }).done(function(data) {
  83.                     $('#searchOrderItemTypeList').html(data);
  84.                 }).fail(function(data) {
  85.                     alert('search order item type failed.');
  86.                 });
  87.             });
  89.             // ページング処理
  90.             $(document).on('click', '#searchProductModalList ul.pagination li.page-item a.page-link', function(e) {
  91.                 e.preventDefault();
  92.                 var list = $('#searchProductModalList');
  93.                 list.children().remove();
  94.                 var url = $(this).attr('href');
  95.                 $.ajax({
  96.                     url: url,
  97.                     type: 'GET',
  98.                     dataType: 'html'
  99.                 }).done(function(data) {
  100.                     $('#searchProductModalList').html(data);
  101.                 }).fail(function(data) {
  102.                     alert('search product failed.');
  103.                 });
  104.             });
  106.             // 商品追加
  107.             $collectionHolder = $('#table-form-field');
  108.             index = $collectionHolder.find('tbody > tr').length;
  109.             formIdPrefix = '#order_OrderItems_';
  110.             if (index > 0) {
  111.                 let row = '#' + $collectionHolder.find('tbody > tr').last().data("row");
  112.                 index = row.replace(formIdPrefix, '');
  113.             }
  115.             $(document).on('click', '.delete', function(e) {
  116.                 // 商品削除
  117.                 $(this).parents('tr').remove();
  118.                 index--;
  119.                 $("#calculate").trigger('click');
  120.             });
  122.             // 計算結果の更新が押されたらページ内リンクさせる
  123.             $('.btn').click(function() {
  124.                 var data = $(this).data();
  125.                 if (data.link) {
  126.                     $('#form1').attr('action', '#' + data.link).submit();
  127.                     return false;
  128.                 }
  129.             });
  131.             // 注文者情報をコピー
  132.             $('.copy-customer').on('click', function() {
  133.                 $('#order_Shipping_name_name01').val($('#order_name_name01').val());
  134.                 $('#order_Shipping_name_name02').val($('#order_name_name02').val());
  135.                 $('#order_Shipping_kana_kana01').val($('#order_kana_kana01').val());
  136.                 $('#order_Shipping_kana_kana02').val($('#order_kana_kana02').val());
  137.                 $('#order_Shipping_postal_code').val($('#order_postal_code').val());
  138.                 $('#order_Shipping_address_pref').val($('#order_address_pref').val());
  139.                 $('#order_Shipping_address_addr01').val($('#order_address_addr01').val());
  140.                 $('#order_Shipping_address_addr02').val($('#order_address_addr02').val());
  141.                 $('#order_Shipping_email').val($('#order_email').val());
  142.                 $('#order_Shipping_phone_number').val($('#order_phone_number').val());
  143.                 $('#order_Shipping_company_name').val($('#order_company_name').val());
  144.             });
  146.             // PDF出力(単一)
  147.             $('.pdf-print').click(function() {
  148.                 window.open(this.href, 'newwin', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=700, height=700');
  149.                 return false;
  150.             });
  152.             // お届け時間の初期表示
  153.             $('#order_Shipping_Delivery').change();
  155.             var confirmFormChange = function(form, target, modal) {
  156.                 var returnLink = form.find('input[type="hidden"][name*="return_link"]'),
  157.                     saveBtn = modal.find('a[data-action="save"]'),
  158.                     cancelBtn = modal.find('a[data-action="cancel"]');
  159.                 modal.on('hidden.bs.modal', function() {
  160.                     returnLink.val('');
  161.                 });
  162.                 saveBtn.on('click', function() {
  163.                     returnLink.val($(this).data('return-link'));
  164.                     $(this).addClass('disabled');
  165.                     $('#form1').append('<input type="hidden" name="mode" value="register">');
  166.                     form.submit();
  167.                 });
  168.                 target.on('click', function() {
  169.                     modal.find('.modal-body .screen-name').text($(this).attr('title'));
  170.                     modal.modal('show');
  171.                     saveBtn.data('return-link', $(this).attr('href'));
  172.                     cancelBtn.attr('href', $(this).attr('href'));
  173.                     return false;
  174.                 });
  175.             };
  176.             confirmFormChange($('#form1'), $('a[data-action="confirm"]'), $('#confirmFormChangeModal'))
  178.             // 配送業者選択時にお届け時間を設定
  179.             var times = {{ shippingDeliveryTimes|raw }};
  180.             $('#order_Shipping_Delivery').change(function() {
  181.                 var deliveryId = $(this).val();
  182.                 var $shippingDeliveryTime = $('#order_Shipping_DeliveryTime');
  183.                 $shippingDeliveryTime.find('option').remove();
  184.                 $shippingDeliveryTime.append($('<option></option>').val('').text('指定なし'));
  185.                 if (typeof(times[deliveryId]) !== 'undefined') {
  186.                     for (var timeId in times[deliveryId]) {
  187.                         timeValue = times[deliveryId][timeId];
  188.                         $shippingDeliveryTime.append($('<option></option>')
  189.                             .val(timeId)
  190.                             .text(timeValue));
  191.                     }
  192.                 }
  193.             });
  194.         });
  196.         {# ポイント機能が有効かつ会員の場合のみポイントの割引金額を変更する #}
  197.         {% if BaseInfo.isOptionPoint and Order.Customer is not null %}
  198.             // 再計算時のポイントの割引金額の更新
  199.             function updatePointItem() {
  200.                 // ポイント換算レート
  201.                 var pointConversionRate = {{ BaseInfo.point_conversion_rate }};
  202.                 // 利用ポイント
  203.                 var usePoint = $('#order_use_point').val();
  205.                 // 利用ポイントが数値以外の時は割引金額を更新しない
  206.                 if (isNaN(usePoint)) return;
  208.                 // 割引金額を計算
  209.                 var discountPrice = (-1) * pointConversionRate * usePoint;
  211.                 // ポイント明細の金額の要素を取得
  212.                 var $pointPrice = $('.pointPrice');
  214.                 // ポイント明細の金額の要素がある場合はポイントの更新
  215.                 if ($pointPrice.length) {
  216.                     $pointPrice.val(discountPrice);
  217.                 }
  218.             }
  219.         {% endif %}
  220.     </script>
  221. {% endblock javascript %}
  223. {% block main %}
  224.     {# 決済処理中/購入処理中ステータスは登録・更新等の操作を無効にする #}
  225.     {% set action_disabled = false %}
  226.     {% if Order.OrderStatus is not empty and Order.OrderStatus.id in [
  227.         constant('Eccube\\Entity\\Master\\OrderStatus::PROCESSING'), constant('Eccube\\Entity\\Master\\OrderStatus::PENDING')] -%}
  228.         {% set action_disabled = true %}
  229.     {%- endif %}
  230.     <!-- 移動確認モーダル-->
  231.     <div class="modal fade" id="confirmFormChangeModal" tabindex="-1" role="dialog"
  232.          aria-labelledby="confirmFormChangeModal" aria-hidden="true">
  233.         <div class="modal-dialog" role="document">
  234.             <div class="modal-content">
  235.                 <div class="modal-header">
  236.                     <h5 class="modal-title">{{ 'admin.common.move_to_confirm_title'|trans }}</h5>
  237.                     <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close">
  239.                     </button>
  240.                 </div>
  241.                 <div class="modal-body">
  242.                     <p class="screen-name"></p>
  243.                 </div>
  244.                 <div class="modal-footer">
  245.                     <a class="btn btn-ec-conversion" data-action="save" href="javascript:void(0)">
  246.                         {{ 'admin.common.move_to_confirm_save_and_move'|trans }}
  247.                     </a>
  248.                     <a class="btn btn-ec-sub" data-action="cancel" href="javascript:void(0)">
  249.                         {{ 'admin.common.move_to_confirm_move_only'|trans }}
  250.                     </a>
  251.                 </div>
  252.             </div>
  253.         </div>
  254.     </div>
  255.     <form name="form1" id="form1" method="post" action="?"{% if BaseInfo.isOptionPoint and Order.Customer is not null %} onsubmit="updatePointItem()"{% endif %}>
  256.         <input type="hidden" name="mode" value="">
  257.         {{ form_widget(form._token) }}
  258.         {{ form_widget(form.return_link) }}
  259.         <div class="c-contentsArea__cols">
  260.             <div class="c-contentsArea__primaryCol">
  261.                 <div class="c-primaryCol">
  262.                     <div class="card rounded border-0 mb-4">
  263.                         <div class="card-header">
  264.                             <div class="row">
  265.                                 <div class="col-8">
  266.                                     <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.order_info'|trans }}"><span class="card-title">{{ 'admin.order.order_info'|trans }}</span><i class="fa fa-question-circle fa-lg ms-1"></i></div>
  267.                                 </div>
  268.                                 <div class="col-4 text-end"><a data-bs-toggle="collapse" href="#orderOverview" aria-expanded="false" aria-controls="orderOverview"><i class="fa fa-angle-up fa-lg"></i></a></div>
  269.                             </div>
  270.                         </div>
  271.                         <div class="collapse show ec-cardCollapse" id="orderOverview">
  272.                             <div class="card-body">
  273.                                 <div class="row">
  274.                                     <div class="col-6">
  275.                                         <div class="row mb-3">
  276.                                             <div class="col-3" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.order_no'|trans }}">{{ 'admin.order.order_no'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></div>
  277.                                             <div class="col">{{ Order.order_no }}</div>
  278.                                         </div>
  279.                                         <div class="row mb-3">
  280.                                             <label class="col-3 col-form-label" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.order_status'|trans }}">{{ 'admin.order.order_status'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></label>
  281.                                             <div class="col">
  282.                                                 {% if Order.id is not empty %}
  283.                                                     {{ form_widget(form.OrderStatus) }}
  284.                                                     {{ form_errors(form.OrderStatus) }}
  285.                                                 {% endif %}
  286.                                             </div>
  287.                                         </div>
  288.                                         <div class="row mb-3">
  289.                                             <label class="col-3 col-form-label">{{ 'admin.common.payment_method'|trans }}</label>
  290.                                             <div class="col">
  291.                                                 {{ form_widget(form.Payment) }}
  292.                                                 {{ form_errors(form.Payment) }}
  293.                                                 <p class="form-text fw-bold text-danger mb-0">{{ 'admin.order.change_payment_method_message'|trans }}</p>
  294.                                             </div>
  295.                                         </div>
  296.                                     </div>
  297.                                     <div class="col-6">
  298.                                         <div class="row mb-3">
  299.                                             <div class="col-3"><i class="fa fa-inbox fa-fw me-1" aria-hidden="true"></i>{{ 'admin.order.order_date'|trans }}</div>
  300.                                             <div class="col">{{ Order.order_date ? Order.order_date|date_sec : '' }}</div>
  301.                                         </div>
  302.                                         <div class="row mb-3">
  303.                                             <div class="col-3"><i class="fa fa-money fa-fw me-1" aria-hidden="true"></i>{{ 'admin.order.payment_date'|trans }}</div>
  304.                                             <div class="col">{{ Order.payment_date ? Order.payment_date|date_sec : '' }}</div>
  305.                                         </div>
  306.                                         {% if not Order.isMultiple %}
  307.                                             <div class="row mb-3">
  308.                                                 <div class="col-3"><i class="fa fa-truck fa-fw me-1" aria-hidden="true"></i>{{ 'admin.order.shipping_date'|trans }}</div>
  309.                                                 <div class="col">
  310.                                                     {{ Order.Shippings[0].shipping_date|date_sec }}
  311.                                                 </div>
  312.                                             </div>
  313.                                         {% endif %}
  314.                                         <div class="row mb-3">
  315.                                             <div class="col-3"><i class="fa fa-refresh fa-fw me-1" aria-hidden="true"></i>{{ 'admin.common.update_date'|trans }}</div>
  316.                                             <div class="col">{{ Order.update_date ? Order.update_date|date_sec : '' }}</div>
  317.                                         </div>
  318.                                         <div class="row mb-3">
  319.                                             <div class="col-3"><i class="fa fa-mobile fa-fw me-1" aria-hidden="true"></i>{{ 'admin.common.device_type'|trans }}</div>
  320.                                             <div class="col">{{ Order.device_type }}</div>
  321.                                         </div>
  322.                                         <div class="row mb-3">
  323.                                             <div class="col-3"><i class="fa fa-commenting fa-fw me-1" aria-hidden="true"></i>{{ 'admin.order.message'|trans }}</div>
  324.                                             <div class="col">{{ Order.message ? Order.message|nl2br : '' }}</div>
  325.                                         </div>
  326.                                     </div>
  327.                                 </div>
  329.                                 {# エンティティ拡張の自動出力 #}
  330.                                 {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  331.                                     {% if f.vars.eccube_form_options.form_theme %}
  332.                                         {% form_theme f f.vars.eccube_form_options.form_theme %}
  333.                                         {{ form_row(f) }}
  334.                                     {% else %}
  335.                                         <div class="row">
  336.                                             <div class="col-6">
  337.                                                 <div class="row mb-3">
  338.                                                     <div class="col-3">
  339.                                                         <span>{{ f.vars.label|trans }}</span>
  340.                                                     </div>
  341.                                                     <div class="col">
  342.                                                         {{ form_widget(f) }}
  343.                                                         {{ form_errors(f) }}
  344.                                                     </div>
  345.                                                 </div>
  346.                                             </div>
  347.                                         </div>
  348.                                     {% endif %}
  349.                                 {% endfor %}
  351.                             </div>
  352.                         </div>
  353.                     </div><!-- .card.rounded -->
  354.                     <div class="card rounded border-0 mb-4">
  355.                         <div class="card-header">
  356.                             <div class="row">
  357.                                 <div class="col-2">
  358.                                     <div class="d-inline-block"><span class="card-title">{{ 'admin.order.orderer'|trans }}</span></div>
  359.                                 </div>
  360.                                 <div class="col">{% if id %}<span class="me-5">{% if form.Customer.vars.value is empty %}{{ 'admin.order.non_member'|trans }}{% else %}<a href="{{ url('admin_customer_edit', {'id': form.Customer.vars.value}) }}">{{ form.Customer.vars.value }}</a>{% endif %}</span>{{ Order.full_name }} ({{ Order.full_name_kana }}) 〒{{ Order.postal_code }} {{ Order.pref }}{{ Order.addr01 }}{{ Order.addr02 }} {{ Order.email }}{% endif %}</div>
  361.                                 <div class="col-1 text-end"><a class="d-block" data-bs-toggle="collapse" href="#ordererInfo" aria-expanded="false" aria-controls="ordererInfo"><i class="fa {{ id ? 'fa-angle-down' : 'fa-angle-up' }} fa-lg"></i></a></div>
  362.                             </div>
  363.                         </div>
  364.                         <div class="collapse {{ id ? '' : 'show' }} ec-cardCollapse h-adr" id="ordererInfo">
  365.                             <span class="p-country-name" style="display:none;">Japan</span>
  366.                             <div class="card-body">
  367.                                 {% if Order.id is empty %}
  368.                                     <div class="row mb-3">
  369.                                         <div class="col-auto">
  370.                                             <a class="btn btn-ec-regular px-3" data-bs-toggle="modal" data-bs-target="#searchCustomerModal">{{ 'admin.order.search_from_customer'|trans }}</a>
  371.                                         </div>
  372.                                     </div>
  373.                                     <!-- 会員検索モーダル -->
  374.                                     <div class="modal fade" id="searchCustomerModal" tabindex="-1" role="dialog" aria-labelledby="searchCustomerModal" aria-hidden="true">
  375.                                         <div class="modal-dialog modal-lg" role="document">
  376.                                             <div class="modal-content">
  377.                                                 <div class="modal-header">
  378.                                                     <h5 class="modal-title fw-bold">{{ 'admin.order.search_customer_title'|trans }}</h5>
  379.                                                     <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
  380.                                                 </div>
  381.                                                 <div class="modal-body">
  382.                                                     {{ form_widget(searchCustomerModalForm.multi, { attr : {'class': 'mb-2searchCustomerModal', placeholder : 'admin.customer.multi_search_label' }}) }}
  383.                                                     <button type="button" id="searchCustomerModalButton" class="btn btn-ec-conversion px-5 mb-4 mt-2">{{ 'admin.common.search'|trans }}</button>
  384.                                                     <div class="mb-3" id="searchCustomerModalList"></div>
  385.                                                 </div>
  386.                                             </div>
  387.                                         </div>
  388.                                     </div>
  389.                                 {% endif %}
  390.                                 <div class="row">
  391.                                     <div class="col-6">
  392.                                         <div class="row">
  393.                                             <label class="col-3 col-form-label" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.customer_id'|trans }}">{{ 'admin.customer.customer_id'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></label>
  394.                                             <div class="col">
  395.                                                 <p id="order_CustomerId">{% if form.Customer.vars.value is empty %}{{ 'admin.order.non_member'|trans }}{% else %}<a href="{{ url('admin_customer_edit', {'id': form.Customer.vars.value}) }}">{{ form.Customer.vars.value }}</a>{% endif %}</p>
  396.                                                 {{ form_widget(form.Customer) }}
  397.                                                 {{ form_errors(form.Customer) }}
  398.                                             </div>
  399.                                         </div>
  400.                                         <div class="row mb-3">
  401.                                             <label class="col-3 col-form-label">{{ 'admin.common.name'|trans }}<span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span></label>
  402.                                             <div class="col">
  403.                                                 <div class="row">
  404.                                                     <div class="col">
  405.                                                         {{ form_widget(form.name.name01) }}
  406.                                                         {{ form_errors(form.name.name01) }}
  407.                                                     </div>
  408.                                                     <div class="col">
  409.                                                         {{ form_widget(form.name.name02) }}
  410.                                                         {{ form_errors(form.name.name02) }}
  411.                                                     </div>
  412.                                                 </div>
  413.                                             </div>
  414.                                         </div>
  415.                                         <div class="row mb-3">
  416.                                             <label class="col-3 col-form-label">{{ 'admin.common.kana'|trans }}<span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span></label>
  417.                                             <div class="col">
  418.                                                 <div class="row">
  419.                                                     <div class="col">
  420.                                                         {{ form_widget(form.kana.kana01) }}
  421.                                                         {{ form_errors(form.kana.kana01) }}
  422.                                                     </div>
  423.                                                     <div class="col">
  424.                                                         {{ form_widget(form.kana.kana02) }}
  425.                                                         {{ form_errors(form.kana.kana02) }}
  426.                                                     </div>
  427.                                                 </div>
  428.                                             </div>
  429.                                         </div>
  430.                                         <div class="row mb-3">
  431.                                             <label class="col-3 col-form-label">{{ 'admin.common.address'|trans }}<span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span></label>
  432.                                             <div class="col">
  433.                                                 <div class="row mb-3">
  434.                                                     <div class="col row align-items-center">
  435.                                                         <span class="col-auto">{{ 'admin.common.postal_symbol'|trans }}</span>
  436.                                                         <span class="col-auto ps-0">{{ form_widget(form.postal_code) }}</span>
  437.                                                         {{ form_errors(form.postal_code) }}
  438.                                                     </div>
  439.                                                 </div>
  440.                                                 <div class="row mb-3">
  441.                                                     <div class="col">
  442.                                                         {{ form_widget(form.address.pref) }}
  443.                                                         {{ form_errors(form.address.pref) }}
  444.                                                     </div>
  445.                                                 </div>
  446.                                                 <div class="row mb-3">
  447.                                                     <div class="col">
  448.                                                         {{ form_widget(form.address.addr01) }}
  449.                                                         {{ form_errors(form.address.addr01) }}
  450.                                                     </div>
  451.                                                 </div>
  452.                                                 <div class="row">
  453.                                                     <div class="col">
  454.                                                         {{ form_widget(form.address.addr02) }}
  455.                                                         {{ form_errors(form.address.addr02) }}
  456.                                                     </div>
  457.                                                 </div>
  458.                                             </div>
  459.                                         </div>
  460.                                     </div>
  462.                                     <div class="col-6">
  463.                                         <div class="row mb-3">
  464.                                             <label class="col-3 col-form-label">{{ 'admin.common.mail_address'|trans }}<span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span></label>
  465.                                             <div class="col">
  466.                                                 {{ form_widget(form.email) }}
  467.                                                 {{ form_errors(form.email) }}
  468.                                             </div>
  469.                                         </div>
  470.                                         <div class="row mb-3">
  471.                                             <label class="col-3 col-form-label">{{ 'admin.common.phone_number'|trans }}<span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span></label>
  472.                                             <div class="col">
  473.                                                 {{ form_widget(form.phone_number) }}
  474.                                                 {{ form_errors(form.phone_number) }}
  475.                                             </div>
  476.                                         </div>
  477.                                         <div class="row mb-3">
  478.                                             <label class="col-3 col-form-label">{{ 'admin.common.company_name'|trans }}</label>
  479.                                             <div class="col">
  480.                                                 {{ form_widget(form.company_name) }}
  481.                                                 {{ form_errors(form.company_name) }}
  482.                                             </div>
  483.                                         </div>
  484.                                         <div class="row mb-3">
  485.                                             <label class="col-3 col-form-label">{{ 'admin.order.message'|trans }}</label>
  486.                                             <div class="col">
  487.                                                 {{ form_widget(form.message, { attr : {'rows': 8 }}) }}
  488.                                                 {{ form_errors(form.message) }}
  489.                                             </div>
  490.                                         </div>
  491.                                     </div>
  492.                                 </div>
  494.                             </div>
  495.                         </div>
  496.                     </div><!-- .card.rounded -->
  497.                     <div class="card rounded border-0 mb-4">
  498.                         <div class="card-header">
  499.                             <div class="row">
  500.                                 <div class="col-8">
  501.                                     <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.shipping_info'|trans }}"><span class="card-title">{{ 'admin.order.shipping_info'|trans }}</span><i class="fa fa-question-circle fa-lg ms-1"></i></div>
  502.                                 </div>
  503.                                 <div class="col-4 text-end"><a data-bs-toggle="collapse" href="#shippingInfo" aria-expanded="false" aria-controls="shippingInfo"><i class="fa fa-angle-up fa-lg"></i></a></div>
  504.                             </div>
  505.                         </div>
  506.                         <div class="collapse show ec-cardCollapse" id="shippingInfo">
  507.                             <div class="card-body">
  508.                                 {% if Order.isMultiple %}
  509.                                     {# 複数配送の場合は配送先の表示のみ #}
  510.                                     <div class="mb-3">
  511.                                         <a id="shipping-add" class="btn btn-ec-regular" data-action="confirm" title="{{ 'admin.common.move_to_confirm_message'|trans({'%name%' : 'admin.order.shipping_registration'|trans
  512.                                            }) }}" href="{{ path("admin_shipping_edit", {id: Order.id}) }}">{{ 'admin.order.edit_multiple_shipping'|trans }}</a>
  513.                                         <span class="ml-3">{{ 'admin.order.edit_multiple_shipping_description'|trans }}</span>
  514.                                     </div>
  515.                                     {% for shipping in Order.Shippings %}
  516.                                         <div class="col">
  517.                                             <span class="me-5">{{ 'admin.order.delivery'|trans }}({{ loop.index }})</span>
  518.                                             {% set shipping_name = shipping.full_name ~ '(' ~ shipping.full_name_kana ~ ')' ~ (shipping.company_name is not null ? ' ' ~ shipping.company_name : '') %}
  519.                                             {% set shipping_addr = 'admin.common.postal_symbol'|trans ~ shipping.postal_code ~ ' ' ~ shipping.pref ~ shipping.addr01 ~ shipping.addr02 %}
  520.                                             {% set shipping_date = shipping.shipping_date is not null ? shipping.shipping_date|date_day : '' %}
  521.                                             {{ shipping_name }} {{ shipping_addr }} {{ shipping.phone_number }} {{ shipping_date }}
  522.                                         </div>
  523.                                     {% endfor %}
  524.                                 {% else %}
  525.                                     {# 単数配送の場合は配送先の編集が可能 #}
  526.                                     <div class="row mb-3">
  527.                                         <div class="col-6">
  528.                                             <button type="button" class="btn btn-ec-regular copy-customer">{{ 'admin.order.copy_orderer'|trans }}</button>
  529.                                             {% if Order.id is not empty %}
  530.                                                 <a class="btn btn-ec-regular pdf-print" href="{{ url('admin_order_export_pdf') }}?ids[]={{ Order.Shippings[0].id }}">{{ 'admin.order.output_delivery_note'|trans }}</a>
  531.                                             {% endif %}
  532.                                         </div>
  533.                                         {% if Order.id is not empty %}
  534.                                             <div class="col-6 text-end">
  535.                                                 <a id="shipping-add" class="btn btn-ec-regular w-25" data-action="confirm" title="{{ 'admin.common.move_to_confirm_message'|trans({'%name%' : 'admin.order.shipping_registration'|trans
  536.                                            }) }}" href="{{ path("admin_shipping_edit", {id: Order.id}) }}">{{ 'admin.order.add_shipping'|trans }}</a>
  537.                                             </div>
  538.                                         {% endif %}
  539.                                     </div>
  540.                                     <div class="row h-adr">
  541.                                         <span class="p-country-name" style="display:none;">Japan</span>
  542.                                         <div class="col-6">
  543.                                             <div class="row mb-3">
  544.                                                 <label class="col-3 col-form-label">{{ 'admin.common.name'|trans }}<span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span></label>
  545.                                                 <div class="col">
  546.                                                     <div class="row">
  547.                                                         <div class="col">
  548.                                                             {{ form_widget(form.Shipping.name.name01) }}
  549.                                                             {{ form_errors(form.Shipping.name.name01) }}
  550.                                                         </div>
  551.                                                         <div class="col">
  552.                                                             {{ form_widget(form.Shipping.name.name02) }}
  553.                                                             {{ form_errors(form.Shipping.name.name02) }}
  554.                                                         </div>
  555.                                                     </div>
  556.                                                 </div>
  557.                                             </div>
  558.                                             <div class="row mb-3">
  559.                                                 <label class="col-3 col-form-label">{{ 'admin.common.kana'|trans }}<span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span></label>
  560.                                                 <div class="col">
  561.                                                     <div class="row">
  562.                                                         <div class="col">
  563.                                                             {{ form_widget(form.Shipping.kana.kana01) }}
  564.                                                             {{ form_errors(form.Shipping.kana.kana01) }}
  565.                                                         </div>
  566.                                                         <div class="col">
  567.                                                             {{ form_widget(form.Shipping.kana.kana02) }}
  568.                                                             {{ form_errors(form.Shipping.kana.kana02) }}
  569.                                                         </div>
  570.                                                     </div>
  571.                                                 </div>
  572.                                             </div>
  573.                                             <div class="row mb-3">
  574.                                                 <label class="col-3 col-form-label">{{ 'admin.common.address'|trans }}<span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span></label>
  575.                                                 <div class="col">
  576.                                                     <div class="row mb-3">
  577.                                                         <div class="col row align-items-center">
  578.                                                             <span class="col-auto">{{ 'admin.common.postal_symbol'|trans }}</span>
  579.                                                             <span class="col-auto ps-0">{{ form_widget(form.Shipping.postal_code) }}</span>
  580.                                                             {{ form_errors(form.Shipping.postal_code) }}
  581.                                                         </div>
  582.                                                     </div>
  583.                                                     <div class="row mb-3">
  584.                                                         <div class="col">
  585.                                                             {{ form_widget(form.Shipping.address.pref) }}
  586.                                                             {{ form_errors(form.Shipping.address.pref) }}
  587.                                                         </div>
  588.                                                     </div>
  589.                                                     <div class="row mb-3">
  590.                                                         <div class="col">
  591.                                                             {{ form_widget(form.Shipping.address.addr01) }}
  592.                                                             {{ form_errors(form.Shipping.address.addr01) }}
  593.                                                         </div>
  594.                                                     </div>
  595.                                                     <div class="row">
  596.                                                         <div class="col">
  597.                                                             {{ form_widget(form.Shipping.address.addr02) }}
  598.                                                             {{ form_errors(form.Shipping.address.addr02) }}
  599.                                                         </div>
  600.                                                     </div>
  601.                                                 </div>
  602.                                             </div>
  603.                                         </div>
  604.                                         <div class="col-6">
  605.                                             <div class="row mb-3">
  606.                                                 <label class="col-3 col-form-label">{{ 'admin.common.phone_number'|trans }}<span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span></label>
  607.                                                 <div class="col">
  608.                                                     {{ form_widget(form.Shipping.phone_number) }}
  609.                                                     {{ form_errors(form.Shipping.phone_number) }}
  610.                                                 </div>
  611.                                             </div>
  613.                                             <div class="row mb-3">
  614.                                                 <label class="col-3 col-form-label">{{ 'admin.common.company_name'|trans }}</label>
  615.                                                 <div class="col">
  616.                                                     {{ form_widget(form.Shipping.company_name) }}
  617.                                                     {{ form_errors(form.Shipping.company_name) }}
  618.                                                 </div>
  619.                                             </div>
  620.                                         </div>
  621.                                         <div class="col-12">
  622.                                             <hr>
  623.                                         </div>
  624.                                         <div class="col-6">
  625.                                             <div class="row mb-3">
  626.                                                 <label class="col-3 col-form-label" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.shipping_info.tracking_number'|trans }}">{{ 'admin.order.tracking_number'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></label>
  627.                                                 <div class="col">
  628.                                                     {{ form_widget(form.Shipping.tracking_number) }}
  629.                                                     {{ form_errors(form.Shipping.tracking_number) }}
  630.                                                 </div>
  631.                                             </div>
  632.                                             <div class="row mb-3">
  633.                                                 <label class="col-3 col-form-label" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.shipping_info.delivery_provider'|trans }}">{{ 'admin.order.delivery_provider'|trans }}<span class="badge bg-primary ms-1"></span><i class="fa fa-question-circle fa-lg ms-1"></i></label>
  634.                                                 <div class="col">
  635.                                                     {{ form_widget(form.Shipping.Delivery) }}
  636.                                                     {{ form_errors(form.Shipping.Delivery) }}
  637.                                                 </div>
  638.                                             </div>
  639.                                             <div class="row mb-3">
  640.                                                 <label class="col-3 col-form-label" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.shipping_info.shop_memo'|trans }}">{{ 'admin.order.shop_memo_for_shipped'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></label>
  641.                                                 <div class="col">
  642.                                                     {{ form_widget(form.Shipping.note) }}
  643.                                                     {{ form_errors(form.Shipping.note) }}
  644.                                                 </div>
  645.                                             </div>
  646.                                         </div>
  647.                                         <div class="col-6">
  648.                                             <div class="row mb-3">
  649.                                                 <label class="col-3 col-form-label"><i class="fa fa-calendar-check-o fa-fw me-1" aria-hidden="true"></i>{{ 'admin.order.delivery_date'|trans }}</label>
  650.                                                 <div class="col">
  651.                                                     {{ form_widget(form.Shipping.shipping_delivery_date) }}
  652.                                                     {{ form_errors(form.Shipping.shipping_delivery_date) }}
  653.                                                 </div>
  654.                                             </div>
  655.                                             <div class="row mb-3">
  656.                                                 <label class="col-3 col-form-label"><i class="fa fa-clock-o fa-fw me-1" aria-hidden="true"></i>{{ 'admin.order.delivery_time'|trans }}</label>
  657.                                                 <div class="col">
  658.                                                     {{ form_widget(form.Shipping.DeliveryTime) }}
  659.                                                     {{ form_errors(form.Shipping.DeliveryTime) }}
  660.                                                 </div>
  661.                                             </div>
  662.                                         </div>
  663.                                     </div>
  664.                                 {% endif %}
  665.                             </div>
  666.                         </div>
  667.                     </div><!-- .card.rounded -->
  668.                     <div id="order-product" class="card rounded border-0 mb-4">
  669.                         <div class="card-header">
  670.                             <div class="row">
  671.                                 <div class="col-8">
  672.                                     <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.product_info'|trans }}"><span class="card-title">{{ 'admin.order.product_info'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></span></div>
  673.                                 </div>
  674.                                 <div class="col-4 text-end"><a data-bs-toggle="collapse" href="#orderItem" aria-expanded="false" aria-controls="orderItem"><i class="fa fa-angle-up fa-lg"></i></a></div>
  675.                             </div>
  676.                         </div>
  677.                         <div class="collapse show ec-cardCollapse" id="orderItem">
  678.                             <div class="card-body">
  679.                                 <div class="row justify-content-between mb-2">
  680.                                     <div class="col-6">
  681.                                         {# 複数配送の場合は商品追加できない #}
  682.                                         {% if not Order.isMultiple %}
  683.                                             <a class="btn btn-ec-regular me-2 add" data-bs-toggle="modal" data-bs-target="#addProduct">{{ 'admin.order.add_product_item'|trans }}</a>
  684.                                             <div class="modal fade" id="addProduct" tabindex="-1" role="dialog" aria-labelledby="addProduct" aria-hidden="true">
  685.                                                 <div class="modal-dialog modal-lg" role="document">
  686.                                                     <div class="modal-content">
  687.                                                         <div class="modal-header">
  688.                                                             <h5 class="modal-title">{{ 'admin.order.add_product_item'|trans }}</h5>
  689.                                                             <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
  690.                                                         </div>
  691.                                                         <div class="modal-body">
  692.                                                             <div style="display:none;">{{ form_widget(searchProductModalForm.id, { attr : {'class': 'mb-3', 'placeholder': 'admin.product.multi_search_label' }}) }}</label></div>
  693.                                                             {{ form_widget(searchProductModalForm.word, { attr : {'class': 'mb-3', 'placeholder': '商品名・検索ワード・商品ID・品番' }}) }}
  694.                                                             {{ form_widget(searchProductModalForm.category_id) }}
  695.                                                             <button type="button" id="searchProductModalButton" class="btn btn-ec-conversion px-5 mb-4 mt-2">{{ 'admin.common.search'|trans }}</button>
  696.                                                             <div id="searchProductModalList"></div>
  697.                                                         </div>
  698.                                                     </div>
  699.                                                 </div>
  700.                                             </div>
  701.                                         {% endif %}
  702.                                         <a class="btn btn-ec-regular me-2" data-bs-toggle="modal" data-bs-target="#addOrderItemType">{{ 'admin.order.add_other_item'|trans }}</a>
  703.                                         <div class="modal fade" id="addOrderItemType" tabindex="-1" role="dialog" aria-labelledby="addOrderItemType" aria-hidden="true">
  704.                                             <div class="modal-dialog modal-lg" role="document">
  705.                                                 <div class="modal-content">
  706.                                                     <div class="modal-header">
  707.                                                         <h5 class="modal-title">{{ 'admin.order.add_other_item'|trans }}</h5>
  708.                                                         <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
  709.                                                     </div>
  710.                                                     <div class="modal-body">
  711.                                                         <div id="searchOrderItemTypeList"></div>
  712.                                                     </div>
  713.                                                 </div>
  714.                                             </div>
  715.                                         </div>
  716.                                         {{ form_errors(form.OrderItemsErrors) }}
  717.                                     </div>
  718.                                     <div class="col-5 text-end">
  719.                                         <button type="submit" class="btn btn-ec-regular me-2" name="mode" value="calc" data-link="order-product" id="calculate"{{ action_disabled ? ' disabled="disabled"' }}>{{ 'admin.order.update_calculation_results'|trans }}</button>
  720.                                     </div>
  721.                                 </div>
  722.                                 <table id="table-form-field" class="table table-striped table-sm mb-0"
  723.                                        data-prototype="{% apply escape %}{{ include('@admin/Order/order_item_prototype.twig', {'orderItemForm': form.OrderItems.vars.prototype}) }}{% endapply %}">
  724.                                     <thead class="table-active">
  725.                                     <tr class="text-nowrap">
  726.                                         <th class="pt-2 pb-2 ps-3">{{ 'admin.product.product_name_and_code'|trans }}</th>
  727.                                         <th class="pt-2 pb-2">
  728.                                             <div class="col-8">{{ 'admin.order.amount'|trans }}</div>
  729.                                         </th>
  730.                                         <th class="pt-2 pb-2">
  731.                                             <div class="col-8">{{ 'admin.order.quantity'|trans }}</div>
  732.                                         </th>
  733.                                         <th class="pt-2 pb-2">
  734.                                             <div class="col-8">{{ 'admin.order.tax_rate'|trans }}</div>
  735.                                         </th>
  736.                                         <th class="pt-2 pb-2">
  737.                                             <div class="col-8">{{ 'admin.order.tax_type'|trans }}</div>
  738.                                         </th>
  739.                                         <th class="pt-2 pb-2">
  740.                                             <div class="col-8">{{ 'admin.order.subtotal'|trans }}</div>
  741.                                         </th>
  742.                                         <th class="pt-2 pb-2 pe-3"></th>
  743.                                     </tr>
  744.                                     </thead>
  745.                                     <tbody>
  746.                                     {% for orderItemForm in form.OrderItems %}
  747.                                         {% set OrderItem = orderItemForm.vars.data %}
  748.                                         <tr data-row="{{ orderItemForm.vars.id }}">
  749.                                             {# hidden values #}
  750.                                             {{ form_widget(orderItemForm.ProductClass) }}
  751.                                             {{ form_widget(orderItemForm.order_item_type) }}
  752.                                             {{ form_widget(orderItemForm.point_rate) }}
  753.                                             {{ form_widget(orderItemForm.tax_type) }}
  754.                                             <!-- 商品名 -->
  755.                                             <td class="align-middle w-25 ps-3">
  756.                                                 <p class="mb-0 fw-bold">
  757.                                                     {# 商品とポイント値引きは名前変更できない #}
  758.                                                     {% if OrderItem.isProduct or OrderItem.isPoint %}
  759.                                                         {% if OrderItem.isProduct %}
  760.                                                             <a href="{{ url('admin_product_product_edit', {id: OrderItem.ProductClass.Product.id}) }}" target="_blank">
  761.                                                                 {{ OrderItem.product_name }}
  762.                                                             </a>
  763.                                                         {% else %}
  764.                                                             {{ OrderItem.product_name }}
  765.                                                         {% endif %}
  766.                                                         {{ form_widget(orderItemForm.product_name, { 'type': 'hidden' }) }}
  767.                                                     {% else %}
  768.                                                         {{ form_widget(orderItemForm.product_name) }}
  769.                                                     {% endif %}
  770.                                                 </p>
  771.                                                 <span>
  772.                                                     {{ OrderItem.product_code }}
  773.                                                     {% if OrderItem.class_category_name1 is not empty %}
  774.                                                         / (
  775.                                                         {{ OrderItem.class_name1 }}：
  776.                                                         {{ OrderItem.class_category_name1 }}
  777.                                                         {% if OrderItem.class_category_name2 is not empty %}
  778.                                                             /
  779.                                                             {{ OrderItem.class_name2 }}：
  780.                                                             {{ OrderItem.class_category_name2 }}
  781.                                                         {% endif %}
  782.                                                         )
  783.                                                     {% endif %}
  784.                                                 </span>
  785. {% if OrderItem.really_period %}
  786.                                                 <small><br>レンタル期間：{{ OrderItem.really_period }}</small>
  787. {% endif %}
  788.                                                 {{ form_errors(orderItemForm.product_name) }}
  789.                                             </td>
  790.                                             <!-- 金額 -->
  791.                                             <td class="align-middle">
  792.                                                 <div class="col mt-3">
  793.                                                     {# ポイント値引きは価格変更できない #}
  794.                                                     {% if OrderItem.isPoint %}
  795.                                                         {{ form_widget(orderItemForm.price, {'attr': { 'readonly': 'readonly', 'class': 'pointPrice' } }) }}
  796.                                                     {% else %}
  797.                                                         {{ form_widget(orderItemForm.price) }}
  798.                                                     {% endif %}
  799.                                                     <div class="text-end small">({{ OrderItem.TaxDisplayType }})</div>
  800.                                                     {{ form_errors(orderItemForm.price) }}
  801.                                                 </div>
  802.                                             </td>
  803.                                             <!-- 数量 -->
  804.                                             <td class="align-middle">
  805.                                                 <div class="col-12 col-xl-8">
  806.                                                     {# 複数配送の場合は商品の個数を変更できない、ポイントの場合も個数を変更できない #}
  807.                                                     {% if (Order.isMultiple and OrderItem.isProduct) or OrderItem.isPoint %}
  808.                                                         {{ form_widget(orderItemForm.quantity, { 'attr': { 'readonly': 'readonly' } }) }}
  809.                                                     {% else %}
  810.                                                         {{ form_widget(orderItemForm.quantity) }}
  811.                                                     {% endif %}
  812.                                                     {{ form_errors(orderItemForm.quantity) }}
  813.                                                 </div>
  814.                                             </td>
  815.                                             <!-- 税率 -->
  816.                                             <td class="align-middle">
  817.                                                 <div class="col-12 col-xl-8">
  818.                                                     {# 複数配送・ポイント明細・不課税明細は商品の税率を変更できない #}
  819.                                                     {% if (Order.isMultiple and OrderItem.isProduct) or OrderItem.isPoint or OrderItem.TaxType.id == constant('Eccube\\Entity\\Master\\TaxType::NON_TAXABLE') %}
  820.                                                         {{ form_widget(orderItemForm.tax_rate, { 'attr': { 'readonly': 'readonly' } }) }}
  821.                                                     {% else %}
  822.                                                         {{ form_widget(orderItemForm.tax_rate) }}
  823.                                                     {% endif %}
  824.                                                     {{ form_errors(orderItemForm.tax_rate) }}
  825.                                                 </div>
  826.                                             </td>
  827.                                             <!-- 課税区分 -->
  828.                                             <td class="align-middle">
  829.                                                 <div class="col">
  830.                                                     {{ OrderItem.tax_type }}
  831.                                                 </div>
  832.                                             </td>
  833.                                             <!-- 小計 -->
  834.                                             <td class="align-middle">
  835.                                                 <div class="col">
  836.                                                     <span>{{ OrderItem.total_price|price }}</span>
  837.                                                 </div>
  838.                                             </td>
  839.                                             <td class="align-middle text-end pe-3">
  840.                                                 <div class="row justify-content-end">
  841.                                                     {# 複数配送の場合は商品を削除できない #}
  842.                                                     {% if (Order.isMultiple and OrderItem.isProduct) or OrderItem.isPoint %}
  843.                                                         <div class="col-auto text-center">
  844.                                                             <div class="d-inline-block me-3" data-bs-toggle="tooltip"
  845.                                                                  data-bs-placement="top" title="{{ 'admin.common.delete'|trans }}">
  846.                                                                 <a class="btn btn-ec-actionIcon disabled">
  847.                                                                     <i class="fa fa-close fa-lg text-secondary" aria-hidden="true"></i>
  848.                                                                 </a>
  849.                                                             </div>
  850.                                                         </div>
  851.                                                     {% else %}
  852.                                                         <div class="col-auto text-center">
  853.                                                             <div class="d-inline-block me-3" data-bs-toggle="tooltip"
  854.                                                                  data-bs-placement="top" title="{{ 'admin.common.delete'|trans }}">
  855.                                                                 <a class="btn btn-ec-actionIcon" data-bs-toggle="modal" data-bs-target="#delete_{{ orderItemForm.vars.id }}">
  856.                                                                     <i class="fa fa-close fa-lg text-secondary" aria-hidden="true"></i>
  857.                                                                 </a>
  858.                                                             </div>
  859.                                                             <!-- 明細の削除確認モーダル -->
  860.                                                             <div class="modal fade" id="delete_{{ orderItemForm.vars.id }}" tabindex="-1" role="dialog" aria-labelledby="delete_{{ orderItemForm.vars.id }}" aria-hidden="true">
  861.                                                                 <div class="modal-dialog" role="document">
  862.                                                                     <div class="modal-content">
  863.                                                                         <div class="modal-header">
  864.                                                                             <h5 class="modal-title fw-bold">{{ 'admin.common.delete_modal__title'|trans }}</h5>
  865.                                                                             <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close">
  867.                                                                             </button>
  868.                                                                         </div>
  869.                                                                         <div class="modal-body text-start">
  870.                                                                             <p class="text-start">{{ 'admin.order.delete_item__confirm_message'|trans({ '%name%' : OrderItem.product_name }) }}</p>
  871.                                                                         </div>
  872.                                                                         <div class="modal-footer">
  873.                                                                             <button class="btn btn-ec-sub" type="button" data-bs-dismiss="modal">{{ 'admin.common.cancel'|trans }}</button>
  874.                                                                             <a href="#order-product" class="btn delete btn-ec-delete">{{ 'admin.common.delete'|trans }}</a>
  875.                                                                         </div>
  876.                                                                     </div>
  877.                                                                 </div>
  878.                                                             </div>
  879.                                                         </div>
  880.                                                     {% endif %}
  881.                                                 </div>
  882.                                             </td>
  883.                                         </tr>
  884.                                     {% endfor %}
  885.                                     </tbody>
  886.                                 </table>
  887.                                 <hr class="mt-0">
  888.                                 <!-- 小計 -->
  889.                                 <div class="row justify-content-end mb-3">
  890.                                     <div class="col-auto"><span class="align-middle">{{ 'admin.order.subtotal'|trans }}</span></div>
  891.                                     <div class="col-2 text-end"><span class="h4 align-middle fw-normal">{{ Order.subtotal|price }}</span></div>
  892.                                 </div>
  893.                                 <!-- 送料 -->
  894.                                 <div class="row justify-content-end mb-3">
  895.                                     <div class="col-auto"><span class="align-middle">{{ 'admin.order.delivery_fee'|trans }}</span></div>
  896.                                     <div class="col-2 text-end"><span class="h4 align-middle fw-normal">{{ Order.delivery_fee_total|price }}</span></div>
  897.                                 </div>
  898.                                 <!-- 手数料 -->
  899.                                 <div class="row justify-content-end mb-3">
  900.                                     <div class="col-auto"><span class="align-middle">{{ 'admin.common.charge'|trans }}</span></div>
  901.                                     <div class="col-2 text-end"><span class="h4 align-middle fw-normal">{{ Order.charge|price }}</span></div>
  902.                                 </div>
  903.                                 <!-- 値引き -->
  904.                                 <div class="row justify-content-end mb-3">
  905.                                     <div class="col-auto"><span class="align-middle">{{ 'admin.order.discount'|trans }}</span></div>
  906.                                     <div class="col-2 text-end"><span class="h4 align-middle text-danger fw-normal">{{ Order.taxable_discount|price }}</span></div>
  907.                                 </div>
  908.                                 <hr>
  909.                                 <!-- 合計 -->
  910.                                 <div class="row justify-content-end mb-3">
  911.                                     <div class="col-auto"><span class="align-middle">{{ 'admin.order.total'|trans }}</span></div>
  912.                                     <div class="col-2 text-end"><span class="h4 align-middle fw-normal">{{ Order.taxable_total|price }}</span></div>
  913.                                 </div>
  914.                                 {% for item in Order.tax_free_discount_items %}
  915.                                 <div class="row justify-content-end mb-3">
  916.                                     <div class="col-auto"><span class="align-middle">{{ item.product_name }}</span></div>
  917.                                     <div class="col-2 text-end"><span class="h4 align-middle text-danger fw-normal">{{ item.total_price|price }}</span></div>
  918.                                 </div>
  919.                                 {% endfor %}
  920.                                 <!-- お支払い合計 -->
  921.                                 <div class="row justify-content-end mb-3">
  922.                                     <div class="col-auto"><span class="align-middle">{{ 'admin.order.payment_total'|trans }}</span></div>
  923.                                     <div class="col-2 text-end"><span class="h4 align-middle fw-normal">{{ Order.payment_total|price }}</span></div>
  924.                                 </div>
  925.                                 <hr>
  926.                                 <!-- 消費税額 -->
  927.                                 {% for rate, total in Order.total_by_tax_rate %}
  928.                                     <div class="row justify-content-end mb-3">
  929.                                         <div class="col-auto"><span class="align-middle">{{ 'common.tax_rate_target'|trans({ '%rate%': rate }) }}</span></div>
  930.                                         <div class="col-2 text-end"><span class="align-middle fw-normal">{{ total|price }}</span>({{ 'common.tax_amount'|trans }} {{ Order.tax_by_tax_rate[rate]|price }})</div>
  931.                                     </div>
  932.                                 {% endfor %}
  933.                                 <hr>
  934.                                 <!-- 加算ポイント -->
  935.                                 <div class="row justify-content-end mb-3">
  936.                                     <div class="col-auto"><span class="align-middle">{{ 'admin.order.add_point'|trans }}</span></div>
  937.                                     <div class="col-2 text-end">
  938.                                         <span class="h4 align-middle fw-normal">
  939.                                             {{ form.vars.value.addpoint|number_format }}
  940.                                         </span>
  941.                                     </div>
  942.                                 </div>
  943.                                 <!-- 利用ポイント -->
  944.                                 <div class="row justify-content-end mb-3">
  945.                                     <div class="col-auto"><span class="align-middle">{{ 'admin.order.use_point'|trans }}</span></div>
  946.                                     <div class="col-2 text-end">
  947.                                         <span class="h4 align-middle fw-normal">
  948.                                             {# ポイント機能が有効かつ会員の場合のみポイントを編集可能とする #}
  949.                                             {% if BaseInfo.isOptionPoint and Order.Customer is not null %}
  950.                                                 {{ form_widget(form.use_point) }}
  951.                                             {% else %}
  952.                                                 {{ form_widget(form.use_point, {'attr': { 'readonly': 'readonly' } }) }}
  953.                                             {% endif %}
  954.                                             {{ form_errors(form.use_point) }}
  955.                                         </span>
  956.                                     </div>
  957.                                 </div>
  958.                             </div>
  959.                         </div>
  960.                     </div><!-- .card.rounded -->
  961.                     <!-- ショップ用メモ欄 -->
  962.                     <div class="card rounded border-0 mb-4">
  963.                         <div class="card-header">
  964.                             <div class="row">
  965.                                 <div class="col-8">
  966.                                     <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.shop_memo'|trans }}"><span class="card-title">{{ 'admin.common.shop_memo'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></span></div>
  967.                                 </div>
  968.                                 <div class="col-4 text-end"><a data-bs-toggle="collapse" href="#freeArea" aria-expanded="false" aria-controls="freeArea"><i class="fa fa-angle-up fa-lg"></i></a></div>
  969.                             </div>
  970.                         </div>
  971.                         <div class="collapse show ec-cardCollapse" id="freeArea">
  972.                             <div class="card-body">
  973.                                 {{ form_widget(form.note, {'attr': {'rows': 8}}) }}
  974.                             </div>
  975.                         </div>
  976.                     </div><!-- .card.rounded -->
  977.                     <!-- メール送信履歴 -->
  978.                     {% if id is not null %}
  979.                         <div class="card rounded border-0 mb-4">
  980.                             <div class="card-header">
  981.                                 <div class="row">
  982.                                     <div class="col-8">
  983.                                         <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.mail_history'|trans }}"><span class="card-title">{{ 'admin.order.mail_history'|trans }}</span><i class="fa fa-question-circle fa-lg ms-1"></i></div>
  984.                                     </div>
  985.                                     <div class="col-4 text-end"><a data-bs-toggle="collapse" href="#mailHistory" aria-expanded="false" aria-controls="mailHistory"><i class="fa fa-angle-up fa-lg"></i></a></div>
  986.                                 </div>
  987.                             </div>
  988.                             <div class="collapse show ec-cardCollapse" id="mailHistory">
  989.                                 <div class="card-body">
  990.                                     <table class="table table-striped">
  991.                                         <thead class="table-active">
  992.                                         <tr>
  993.                                             <th class="pt-2 pb-2 ps-3">{{ 'admin.order.mail_send_date'|trans }}</th>
  994.                                             <th class="pt-2 pb-2 pe-3">{{ 'admin.order.mail_subject'|trans }}</th>
  995.                                         </tr>
  996.                                         </thead>
  997.                                         <tbody>
  998.                                         {% for MailHistory in Order.MailHistories %}
  999.                                             <tr>
  1000.                                                 <td class="ps-3">{{ MailHistory.send_date|date_min }}</td>
  1001.                                                 <td class="pe-3">
  1002.                                                     <a class="text-primary" data-bs-toggle="modal" data-bs-target="#mail2-{{ loop.index }}">{{ MailHistory.mail_subject }}</a>
  1003.                                                     <div class="modal fade" id="mail2-{{ loop.index }}" tabindex="-1" role="dialog" aria-labelledby="mail2-{{ loop.index }}" aria-hidden="true">
  1004.                                                         <div class="modal-dialog" role="document">
  1005.                                                             <div class="modal-content">
  1006.                                                                 <div class="modal-header">
  1007.                                                                     <h5 class="modal-title">{{ MailHistory.mail_subject }}</h5>
  1008.                                                                     <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
  1009.                                                                 </div>
  1010.                                                                 <div class="modal-body">
  1011.                                                                     <p>
  1012.                                                                         {% if MailHistory.mail_html_body|length > 0 %}
  1013.                                                                             {{ MailHistory.mail_html_body|raw|purify }}
  1014.                                                                         {% else %}
  1015.                                                                             {{ MailHistory.mail_body|nl2br }}
  1016.                                                                         {% endif %}
  1017.                                                                     </p>
  1018.                                                                 </div>
  1019.                                                                 <div class="modal-footer">
  1020.                                                                     <button class="btn btn-ec-regular" type="button" data-bs-dismiss="modal">{{ 'admin.common.close'|trans }}</button>
  1021.                                                                 </div>
  1022.                                                             </div>
  1023.                                                         </div>
  1024.                                                     </div>
  1025.                                                 </td>
  1026.                                             </tr>
  1027.                                         {% endfor %}
  1028.                                         </tbody>
  1029.                                     </table>
  1030.                                     <div class="text-center">
  1031.                                         <a class="btn btn-ec-regular" data-action="confirm" title="{{ 'admin.common.move_to_confirm_message'|trans({
  1032.                                                '%name%' : 'admin.order.mail'|trans
  1033.                                            }) }}" href="{{ path('admin_order_mail', { id : Order.id }) }}">{{ 'admin.order.mail_create'|trans }}</a>
  1034.                                     </div>
  1035.                                 </div>
  1036.                             </div>
  1037.                         </div><!-- .card.rounded -->
  1038.                     {% endif %}
  1039.                 </div>
  1040.             </div>
  1041.         </div>
  1042.         <!-- コンバージョンエリア -->
  1043.         <div class="c-conversionArea">
  1044.             <div class="c-conversionArea__container">
  1045.                 <div class="row justify-content-between align-items-center">
  1046.                     <div class="col-6">
  1047.                         <div class="c-conversionArea__leftBlockItem">
  1048.                             <a class="c-baseLink" href="{{ url('admin_order', { 'resume': 1 }) }}"><i class="fa fa-backward" aria-hidden="true"></i><span>{{ 'admin.order.order_list'|trans }}</span></a>
  1049.                         </div>
  1050.                     </div>
  1051.                     <div class="col-6">
  1052.                         <div class="row align-items-center justify-content-end">
  1053.                             <div class="col-auto">
  1054.                                 <button type="submit" class="btn btn-ec-conversion px-5" name="mode" value="register"{{ action_disabled ? ' disabled="disabled"' }}>{{ 'admin.common.registration'|trans }}</button>
  1055.                             </div>
  1056.                         </div>
  1057.                     </div>
  1058.                 </div>
  1059.             </div>
  1060.         </div>
  1061.     </form>
  1062. {% endblock %}