app/template/default/Shopping/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% form_theme form 'Form/form_div_layout.twig' %}
  15. {% block javascript %}
  16.     <script>
  17.         $(function() {
  18.             var $redirectCallback = function() {
  19.                 loadingOverlay();
  20.                 $('#shopping_order_redirect_to').val($(this).attr('data-path'));
  21.                 $('#shopping-form').attr('action', '{{ url("shopping_redirect_to") }}').submit();
  22.                 setTimeout(function () {
  23.                     loadingOverlay("hide");
  24.                 }, 2000);
  25.             };
  26.             $('[data-trigger]').each(function() {
  27.                 $(this).on($(this).attr('data-trigger'), $redirectCallback);
  28.             });
  30.             {% if is_granted('ROLE_USER') == false %}
  31.             var edit = $('.customer-edit');
  32.             var hidden = $('.customer-in');
  33.             var form = $('.customer-form');
  35.             $('#customer').click(function() {
  36.                 $(edit).each(function(index) {
  37.                     var name = $(this).text();
  38.                     var input = $('<input id="edit' + index + '" type="text" />').val(name);
  39.                     $(form[index]).empty().append(input);
  40.                 });
  42.                 $('.non-customer-display').hide();
  43.                 $('.non-customer-edit').show();
  44.                 $('.mod-button').show();
  45.             });
  47.             $('#customer-ok').click(function() {
  48.                 $(form).each(function(index) {
  49.                     $(hidden[index]).val($(form[index]).children('input').val());
  50.                 });
  52.                 var postData = {};
  53.                 $(hidden).each(function() {
  54.                     postData[$(this).attr('name')] = $(this).val();
  55.                 });
  57.                 loadingOverlay();
  59.                 $.ajax({
  60.                     url: "{{ url('shopping_customer') }}",
  61.                     type: 'POST',
  62.                     data: postData,
  63.                     dataType: 'json'
  64.                 }).done(function(data) {
  65.                     if (data.status == 'OK') {
  66.                         $(form).each(function(index) {
  67.                             $(edit[index]).empty().text($(form[index]).children('input').val());
  68.                             $(form[index]).empty();
  69.                         });
  71.                         // kana field
  72.                         $(edit[2]).empty().text(data.kana01);
  73.                         $(edit[3]).empty().text(data.kana02);
  74.                         $('#customer-kana01').val(data.kana01);
  75.                         $('#customer-kana02').val(data.kana02);
  76.                     }
  77.                 }).fail(function() {
  78.                     alert('更新に失敗しました。入力内容を確認してください。');
  79.                 }).always(function(data) {
  80.                     // overlayを無効
  81.                     loadingOverlay('hide');
  82.                 });
  84.                 $('.non-customer-display').show();
  85.                 $('.non-customer-edit').hide();
  86.                 $('.mod-button').hide();
  87.             });
  89.             $('#customer-cancel').click(function() {
  90.                 $('.non-customer-display').show();
  91.                 $('.non-customer-edit').hide();
  92.                 $('.mod-button').hide();
  93.             });
  94.             {% endif %}
  95.         });
  96.     </script>
  97. {% endblock javascript %}
  99. {% block main %}
  101.     <div class="ec-role">
  102.         <div class="ec-pageHeader">
  103.             <h1>{{ 'ご注文手続き'|trans }}</h1>
  104.         </div>
  105.     </div>
  107.     <div class="ec-cartRole">
  108.         <div class="ec-cartRole__progress">
  109.             <ul class="ec-progress">
  110.                 {% set step = 1 %}
  111.                 <li class="ec-progress__item">
  112.                     <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  113.                     </div>
  114.                     <div class="ec-progress__label">{{ 'カートの商品'|trans }}
  115.                     </div>
  116.                 </li>
  117.                 {% if is_granted('ROLE_USER') == false %}
  118.                     <li class="ec-progress__item">
  119.                         <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  120.                         </div>
  121.                         <div class="ec-progress__label">{{ 'お客様情報'|trans }}
  122.                         </div>
  123.                     </li>
  124.                 {% endif %}
  125.                 <li class="ec-progress__item is-complete">
  126.                     <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  127.                     </div>
  128.                     <div class="ec-progress__label">{{ 'ご注文手続き'|trans }}
  129.                     </div>
  130.                 </li>
  131.                 <li class="ec-progress__item">
  132.                     <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  133.                     </div>
  134.                     <div class="ec-progress__label">{{ 'ご注文内容確認'|trans }}
  135.                     </div>
  136.                 </li>
  137.                 <li class="ec-progress__item">
  138.                     <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  139.                     </div>
  140.                     <div class="ec-progress__label">{{ '完了'|trans }}
  141.                     </div>
  142.                 </li>
  143.             </ul>
  144.         </div>
  146.         <!-- アラートメッセージ -->
  147.         {{ include('Shopping/alert.twig') }}
  148.     </div>
  150.     <form id="shopping-form" method="post" action="{{ url('shopping_confirm') }}">
  151.         {{ form_widget(form._token) }}
  152.         {{ form_widget(form.redirect_to) }}
  153.         <div class="ec-orderRole">
  154.             <div class="ec-orderRole__detail">
  155.                 <div class="ec-orderAccount">
  156.                     <div class="ec-rectHeading">
  157.                         <h2>{{ 'お客様情報'|trans }}</h2>
  158.                     </div>
  159.                     {% if is_granted('ROLE_USER') == false %}
  160.                         <div class="ec-orderAccount__change non-customer-display">
  161.                             <button id="customer" class="ec-inlineBtn" type="button">{{ '変更'|trans }}</button>
  162.                         </div>
  163.                     {% endif %}
  164.                     <div class="ec-orderAccount__account non-customer-display">
  165.                         <p class="ec-halfInput">{{ ''|trans }}<span class="customer-edit customer-name01">{{ Order.name01 }}</span> <span class="customer-edit customer-name02">{{ Order.name02 }}</span>{{ ' 様'|trans }}</p>
  166.                         <p class="ec-halfInput"><span class="customer-edit customer-kana01">{{ Order.kana01 }}</span> <span class="customer-edit customer-kana02">{{ Order.kana02 }}</span></p>
  167.                         <p class="ec-input"><span class="customer-edit customer-company_name">{{ Order.companyName }}</span></p>
  168.                         <p class="ec-zipInput">〒<span class="customer-edit customer-postal_code">{{ Order.postal_code }}</span></p>
  169.                         <p class="ec-input"><span class="customer-edit customer-pref">{{ Order.pref }}</span><span class="customer-edit customer-addr01">{{ Order.addr01 }}</span><span class="customer-edit customer-addr02">{{ Order.addr02 }}</span></p>
  170.                         <p class="ec-telInput"><span class="customer-edit customer-phone_number">{{ Order.phone_number }}</span></p>
  171.                         <p class="ec-input"><span class="customer-edit customer-email">{{ Order.email }}</span></p>
  172.                     </div>
  173.                     {% if is_granted('ROLE_USER') == false %}
  174.                         <div class="ec-borderedDefs  non-customer-edit" style="display:none;">
  175.                             <dl>
  176.                                 <dt>
  177.                                     <label class="ec-label required">{{ 'お名前'|trans }}</label>
  178.                                     <span class="ec-required">{{ '必須'|trans }}</span>
  179.                                 </dt>
  180.                                 <dd>
  181.                                     <div class="ec-halfInput">
  182.                                         <span class="customer-form customer-name01"></span>
  183.                                         <span class="customer-form customer-name02"></span>
  184.                                     </div>
  185.                                 </dd>
  186.                             </dl>
  187.                             <dl>
  188.                                 <dt>
  189.                                     <label class="ec-label required">{{ 'お名前(カナ)'|trans }}</label>
  190.                                     <span class="ec-required">{{ '必須'|trans }}</span>
  191.                                 </dt>
  192.                                 <dd>
  193.                                     <div class="ec-halfInput">
  194.                                         <span class="customer-form customer-kana01"></span>
  195.                                         <span class="customer-form customer-kana02"></span>
  196.                                     </div>
  197.                                 </dd>
  198.                             </dl>
  199.                             <dl>
  200.                                 <dt>
  201.                                     <label class="ec-label" for="nonmember_company_name">{{ '会社名'|trans }}</label>
  202.                                 </dt>
  203.                                 <dd>
  204.                                     <div class="ec-halfInput">
  205.                                         <span class="customer-form customer-company_name"></span>
  206.                                     </div>
  207.                                 </dd>
  208.                             </dl>
  209.                             <dl>
  210.                                 <dt>
  211.                                     <label class="ec-label required">{{ '住所'|trans }}</label>
  212.                                     <span class="ec-required">{{ '必須'|trans }}</span>
  213.                                 </dt>
  214.                                 <dd>
  215.                                     <div class="ec-zipInput">
  216.                                         <span>{{ '〒'|trans }}</span>
  217.                                         <span class="customer-form customer-postal_code"></span>
  218.                                         <div class="ec-zipInputHelp">
  219.                                             <div class="ec-zipInputHelp__icon">
  220.                                                 <div class="ec-icon">
  221.                                                     <img src="{{ asset('assets/icon/question-white.svg') }}" alt="">
  222.                                                 </div>
  223.                                             </div>
  224.                                             <a href="https://www.post.japanpost.jp/zipcode/" target="_blank">
  225.                                                 <span>{{ '郵便番号検索'|trans }}</span>
  226.                                             </a>
  227.                                         </div>
  228.                                     </div>
  229.                                     <div class="ec-select">
  230.                                         <span class="customer-form customer-address_pref"></span>
  231.                                     </div>
  232.                                     <div class="ec-input">
  233.                                         <span class="customer-form customer-address_addr01"></span>
  234.                                     </div>
  235.                                     <div class="ec-input">
  236.                                         <span class="customer-form customer-address_addr02"></span>
  237.                                     </div>
  238.                                 </dd>
  239.                             </dl>
  240.                             <dl>
  241.                                 <dt>
  242.                                     <label class="ec-label required" for="nonmember_phone_number">{{ '電話番号'|trans }}</label>
  243.                                     <span class="ec-required">{{ '必須'|trans }}</span>
  244.                                 </dt>
  245.                                 <dd>
  246.                                     <div class="ec-telInput">
  247.                                         <span class="customer-form customer-phone_number"></span>
  248.                                     </div>
  249.                                 </dd>
  250.                             </dl>
  251.                             <dl>
  252.                                 <dt>
  253.                                     <label class="ec-label required">{{ 'メールアドレス'|trans }}</label>
  254.                                     <span class="ec-required">{{ '必須'|trans }}</span>
  255.                                 </dt>
  256.                                 <dd>
  257.                                     <div class="ec-input">
  258.                                         <span class="customer-form customer-email"></span>
  259.                                     </div>
  260.                                 </dd>
  261.                             </dl>
  262.                         </div>
  263.                         <div class="mod-button" style="display:none;">
  264.                             <span id="customer-ok"><button type="button" class="ec-inlineBtn">{{ 'OK'|trans }}</button></span>
  265.                             <span id="customer-cancel"><button type="button" class="ec-inlineBtn">{{ 'キャンセル'|trans }}</button></span>
  266.                         </div>
  267.                         <input type="hidden" id="customer-name01" class="customer-in" name="customer_name01" value="{{ Order.name01 }}">
  268.                         <input type="hidden" id="customer-name02" class="customer-in" name="customer_name02" value="{{ Order.name02 }}">
  269.                         <input type="hidden" id="customer-kana01" class="customer-in" name="customer_kana01" value="{{ Order.kana01 }}">
  270.                         <input type="hidden" id="customer-kana02" class="customer-in" name="customer_kana02" value="{{ Order.kana02 }}">
  271.                         <input type="hidden" id="customer-company-name" class="customer-in" name="customer_company_name" value="{{ Order.companyName }}">
  272.                         <input type="hidden" id="customer-postal_code" class="customer-in" name="customer_postal_code" value="{{ Order.postal_code }}">
  273.                         <input type="hidden" id="customer-pref" class="customer-in" name="customer_pref" value="{{ Order.pref }}">
  274.                         <input type="hidden" id="customer-addr01" class="customer-in" name="customer_addr01" value="{{ Order.addr01 }}">
  275.                         <input type="hidden" id="customer-addr02" class="customer-in" name="customer_addr02" value="{{ Order.addr02 }}">
  276.                         <input type="hidden" id="customer-phone_number" class="customer-in" name="customer_phone_number" value="{{ Order.phone_number }}">
  277.                         <input type="hidden" id="customer-email" class="customer-in" name="customer_email" value="{{ Order.email }}">
  278.                     {% endif %}
  279.                 </div>
  280.                 <div class="ec-orderDelivery">
  281.                     <div class="ec-rectHeading">
  282.                         <h2>{{ '配送情報'|trans }}</h2>
  283.                     <!-- INS 20240409 送料に関するメッセージの追加　　　 -->                        
  284.                         <table>
  285.                             <tr>
  286.                                 <td style="color: #525263; font-weight: bold; vertical-align: top;">➀</td>
  287.                                 <td style="color: #525263; font-weight: bold;">￥５５,０００（税込）以上（備品除く）<br/>
  288.                                 <span style="color: #DE5D50; font-weight: bold; font-size:1.4rem;">送料無料</span></td>
  289.                             </tr>
  290.                             <tr>
  291.                                 <td style="color: #525263; font-weight: bold; vertical-align: top;">➁</td>
  292.                                 <td style="color: #525263; font-weight: bold;">￥５５,０００未満の方は送料着払いになります。<br/>※箱の大きさ・重さにより送料は異なります</td>
  293.                             </tr>
  294.                             <tr>
  295.                                 <td style="color: #525263; font-weight: bold; vertical-align: top;">➂</td>
  296.                                 <td style="color: #525263; font-weight: bold;">お振込み確認後、出荷状況により２～３日の発送です。</td>
  297.                             </tr>
  298.                             <tr>
  299.                                 <td style="color: #525263; font-weight: bold; vertical-align: top;">➃</td>
  300.                                 <td style="color: #525263; font-weight: bold;">平日 月～金 9:00~15:00までのお振込みは当日、<br/>土日祝のお振込みは翌日確認後の発送となります。</td>
  301.                             </tr>
  302.                         </table>
  303.                     </div>
  304.                     <!-- INS 20240409 →ここまで　　　 -->                        
  305.                     {% for shipping in Order.shippings %}
  306.                         {% set idx = loop.index0 %}
  307.                         {% set isShowReducedTaxMess = false %}
  308.                         <div class="ec-orderDelivery__title">{{ 'お届け先'|trans }}{% if Order.multiple %}({{ loop.index }}){% endif %}
  309.                             <div class="ec-orderDelivery__change">
  310.                                 {% if is_granted('ROLE_USER') %}
  311.                                     <button class="ec-inlineBtn" data-id="{{ shipping.id }}" data-trigger="click" data-path="{{ path('shopping_shipping', {'id': shipping.id}) }}">{{ '変更'|trans }}</button>
  312.                                 {% else %}
  313.                                     <button class="ec-inlineBtn" data-id="{{ shipping.id }}" data-trigger="click" data-path="{{ path('shopping_shipping_edit', {'id': shipping.id}) }}">{{ '変更'|trans }}</button>
  314.                                 {% endif %}
  315.                             </div>
  316.                         </div>
  317.                         <div class="ec-orderDelivery__item">
  318.                             <ul class="ec-borderedList">
  319.                                 {% for orderItem in shipping.productOrderItems %}
  320.                                     <li>
  321.                                         <div class="ec-imageGrid">
  322.                                             <div class="ec-imageGrid__img"><img src="{{ asset((orderItem.product is null ? null : orderItem.product.MainListImage)|no_image_product, 'save_image') }}" alt="{{ orderItem.productName }}"></div>
  323.                                             <div class="ec-imageGrid__content">
  324.                                                 <p>{{ orderItem.productName }}{% if is_reduced_tax_rate(orderItem) %}{{ '※'|trans }}{% set isShowReducedTaxMess = true %}{% endif %}</p>
  325.                                                 {% if orderItem.productClass is not null and orderItem.productClass.classCategory1 %}
  326.                                                     <p>{{ orderItem.productClass.classCategory1.className.name }}：{{ orderItem.productClass.classCategory1 }}</p>
  327.                                                 {% endif %}
  328.                                                 {% if orderItem.productClass is not null and orderItem.productClass.classCategory2 %}
  329.                                                     <p>{{ orderItem.productClass.classCategory2.className.name }}：{{ orderItem.productClass.classCategory2 }}</p>
  330.                                                 {% endif %}
  331.                                                 <p>{{ orderItem.priceIncTax|price }} × {{ orderItem.quantity|number_format }}<span>{{ '小計：'|trans }}{{ orderItem.totalPrice|price }}</span></p>
  332.                                             </div>
  333.                                         </div>
  334.                                     </li>
  335.                                 {% endfor %}
  336.                             </ul>
  337.                             <p>{{ isShowReducedTaxMess ? '※ は軽減税率対象商品です。'|trans }}</p>
  338.                         </div>
  339.                         <div class="ec-orderDelivery__address">
  340.                             <p>{{ ''|trans }}{{ shipping.name01 }} {{ shipping.name02 }} ({{ shipping.kana01 }} {{ shipping.kana02 }}){{ ' 様'|trans }}</p>
  341.                             <p>{{ '〒'|trans }}{{ shipping.postal_code }} {{ shipping.pref }}{{ shipping.addr01 }}{{ shipping.addr02 }}</p>
  342.                             <p>{{ shipping.phone_number }}</p>
  343.                         </div>
  344.                         <div class="ec-orderDelivery__actions">
  345.                             <div class="ec-selects">
  346.                                 <div class="ec-select">
  347.                                     <label>{{ '配送方法'|trans }}</label>
  348.                                     {{ form_widget(form.Shippings[idx].Delivery, { 'attr': { 'class': 'form-control', 'data-trigger': 'change' }}) }}
  349.                                     {{ form_errors(form.Shippings[idx].Delivery) }}
  350.                                 </div>
  351.                     <!-- del 20240409　お届け日・お届け時間の指定を削除
  352.                                 <div class="ec-select ec-select__delivery">
  353.                                     <label>{{ 'お届け日'|trans }}</label>
  354.                                     {{ form_widget(form.Shippings[idx].shipping_delivery_date, {'attr': {'class': 'form-control'}}) }}
  355.                                     {{ form_errors(form.Shippings[idx].shipping_delivery_date) }}
  356.                                 </div>
  357.                                 <div class="ec-select ec-select__time">
  358.                                     <label>{{ 'お届け時間'|trans }}</label>
  359.                                     {{ form_widget(form.Shippings[idx].DeliveryTime, {'attr': {'class': 'form-control'}}) }}
  360.                                     {{ form_errors(form.Shippings[idx].DeliveryTime) }}
  361.                                 </div>
  362.                     ここまで　-->     
  363.                             </div>
  364.                         </div>
  365.                     {% endfor %}
  366.                 <!-- del 20240409　届け先の追加指定を削除
  367.                     <div class="ec-orderDelivery__edit">
  368.                         <button type="button" class="ec-inlineBtn" data-trigger="click" data-path="{{ path('shopping_shipping_multiple') }}">{{ 'お届け先を追加する'|trans }}</button>
  369.                     </div>
  370.                 ここまで　-->     
  371.                 </div>
  372.                 <div class="ec-orderPayment">
  373.                     <div class="ec-rectHeading">
  374.                         <h2>{{ 'お支払方法'|trans }}</h2>
  375.                     </div>
  376.                     <!-- INS 20240409 振込手数料に関するメッセージの追加　　　 -->                        
  377.                     <p style="color: #525263; font-weight: bold;">　※振込手数料はお客様のご負担となります。</p>
  378.                     <p style="color: #525263; font-weight: bold;">　</p>
  379.                     <!-- ここまで　 -->                        
  380.                     <div class="ec-radio">
  381.                         {% for key, child in form.Payment %}
  382.                             <div style="display: block;">
  383.                                 {% set Payment = form.Payment.vars.choices[key].data %}
  384.                                 {{ form_widget(child, { 'attr': { 'data-trigger': 'change' }}) }}
  385.                                 {% if Payment.payment_image is not null %}
  386.                                     <p><img src="{{ asset(Payment.payment_image, 'save_image') }}"></p>
  387.                                 {% endif %}
  388.                             </div>
  389.                         {% endfor %}
  390.                     </div>
  391.                     <div class="ec-input {{ has_errors(form.Payment) ? ' error' }}">{{ form_errors(form.Payment) }}</div>
  392.                 </div>
  393.                 {% if BaseInfo.isOptionPoint and Order.Customer is not null %}
  394.                     <div class="ec-orderPayment">
  395.                         <div class="ec-rectHeading">
  396.                             <h2>{{ '利用ポイント'|trans }}</h2>
  397.                         </div>
  398.                         <div class="ec-input {{ has_errors(form.use_point) ? ' error' }}">
  399.                             <p>{{ '%point% pt が利用可能です。'|trans({ '%point%': Order.Customer.Point|number_format }) }}</p>
  400.                             {{ form_widget(form.use_point, { 'attr': { 'type': 'text', 'class': 'form-control', 'data-trigger': 'change' }}) }}
  401.                             {{ form_errors(form.use_point) }}
  402.                         </div>
  403.                     </div>
  404.                 {% endif %}
  405.                 <div class="ec-orderConfirm">
  406.                     <div class="ec-rectHeading">
  407.                         <h2>{{ 'お問い合わせ'|trans }}</h2>
  408.                     </div>
  409.                     <div class="ec-input">
  410.                         {{ form_widget(form.message, {'attr': {'class': 'form-control', 'placeholder': 'お問い合わせ事項がございましたら、こちらにご入力ください。(3000文字まで)'|trans, 'rows': '6'}}) }}
  411.                         {{ form_errors(form.message) }}
  412.                     </div>
  413.                 </div>
  414.                 {% for activeTradeLaw in activeTradeLaws|filter(t => t.name and t.description) %}
  415.                     <div class="ec-orderConfirm">
  416.                         <div class="ec-rectHeading">
  417.                             <h2>{{ activeTradeLaw.name }}</h2>
  418.                         </div>
  419.                         <div class="ec-input">
  420.                             {{ activeTradeLaw.description|raw }}
  421.                         </div>
  422.                     </div>
  423.                 {% endfor %}
  424.             </div>
  425.             <div class="ec-orderRole__summary">
  426.                 <div class="ec-totalBox">
  427.             <!--  del 20240409  小計・手数料・送料・値引き・合計を非表示
  428.                     <dl class="ec-totalBox__spec">
  429.                         <dt>{{ '小計'|trans }}</dt>
  430.                         <dd class="ec-totalBox__specTotal">{{ Order.subtotal|price }}</dd>
  431.                     </dl>
  432.                     <dl class="ec-totalBox__spec">
  433.                         <dt>{{ '手数料'|trans }}</dt>
  434.                         <dd>{{ Order.charge|price }}</dd>
  435.                     </dl>
  436.                     <dl class="ec-totalBox__spec">
  437.                         <dt>{{ '送料'|trans }}</dt>
  438.                         <dd>{{ Order.deliveryFeeTotal|price }}</dd>
  439.                     </dl>
  440.                     {% if Order.taxable_discount < 0 %}
  441.                     <dl class="ec-totalBox__spec">
  442.                         <dt>{{ '値引き'|trans }}</dt>
  443.                         <dd>{{ Order.taxable_discount|price }}</dd>
  444.                     </dl>
  445.                     {% endif %}
  446.                     <div class="ec-totalBox__total">{{ '合計'|trans }}<span class="ec-totalBox__price">{{ Order.taxable_total|price }}</span><span class="ec-totalBox__taxLabel">{{ '税込'|trans }}</span></div>
  447.                     {% for item in Order.tax_free_discount_items %}
  448.                         <dl class="ec-totalBox__spec">
  449.                             <dt>{{ item.product_name }}</dt>
  450.                             <dd>{{ item.total_price|price }}</dd>
  451.                         </dl>
  452.                     {% endfor %}
  453.             ここまで　-->
  454.                     <div class="ec-totalBox__paymentTotal">{{ 'お買い上げ合計'|trans }}<span class="ec-totalBox__price">{{ Order.payment_total|price }}</span><span class="ec-totalBox__taxLabel">{{ '税込'|trans }}</span></div>
  455.                     {% for rate, total in Order.total_by_tax_rate %}
  456.                     <dl class="ec-totalBox__taxRate">
  457.                         <dt>{{ '税率 %rate% %対象'|trans({ '%rate%': rate }) }}</dt>
  458.                         <dd>{{ total|price }} ({{ '内消費税'|trans }} {{ Order.tax_by_tax_rate[rate]|price }})</dd>
  459.                     </dl>
  460.                     {% endfor %}
  461.                     {% if BaseInfo.isOptionPoint and Order.Customer is not null %}
  462.                     <div class="ec-totalBox__pointBlock">
  463.                         <dl class="ec-totalBox__spec">
  464.                             <dt>{{ 'ご利用ポイント'|trans }}</dt>
  465.                             <dd>{{ Order.UsePoint|number_format }} pt</dd>
  466.                         </dl>
  467.                         <dl class="ec-totalBox__spec">
  468.                             <dt><span class="ec-font-bold">{{ '加算ポイント'|trans }}</span></dt>
  469.                             <dd><span class="ec-font-bold">{{ Order.AddPoint|number_format }} pt</span></dd>
  470.                         </dl>
  471.                     </div>
  472.                     {% endif %}
  473.                     <div class="ec-totalBox__btn">
  474.                         <button type="submit" class="ec-blockBtn--action">{{ '確認する'|trans }}</button>
  475.                         <a href="{{ url("cart") }}" class="ec-blockBtn--cancel">{{ 'カートに戻る'|trans }}</a>
  476.                     </div>
  477.                 </div>
  478.             </div>
  479.         </div>
  480.     </form>
  481. {% endblock %}