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