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