app/template/flapshop/Shopping/confirm.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  3. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  4. http://www.ec-cube.co.jp/
  5. For the full copyright and license information, please view the LICENSE
  6. file that was distributed with this source code.
  7. #}
  8. {% extends 'default_frame.twig' %}
  9. {% form_theme form 'Form/form_div_layout.twig' %}
  10. {% block main %}
  11. <div class="ec-role">
  12.     <div class="ec-pageHeader">
  13.         <h1>{{ 'ご注文内容のご確認'|trans }}</h1>
  14.     </div>
  15. </div>
  16. <div class="ec-cartRole">
  17.     <div class="ec-cartRole__progress">
  18.         <ul class="ec-progress">
  19.             {% set step = 1 %}
  20.             <li class="ec-progress__item">
  21.                 <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  22.                 </div>
  23.                 <div class="ec-progress__label">{{ 'カートの商品'|trans }}
  24.                 </div>
  25.             </li>
  26.             {% if is_granted('ROLE_USER') == false %}
  27.                 <li class="ec-progress__item">
  28.                     <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  29.                     </div>
  30.                     <div class="ec-progress__label">{{ 'お客様情報'|trans }}
  31.                     </div>
  32.                 </li>
  33.             {% endif %}
  34.             <li class="ec-progress__item">
  35.                 <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  36.                 </div>
  37.                 <div class="ec-progress__label">{{ 'ご注文手続き'|trans }}
  38.                 </div>
  39.             </li>
  40.             <li class="ec-progress__item is-complete">
  41.                 <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  42.                 </div>
  43.                 <div class="ec-progress__label">{{ 'ご注文内容確認'|trans }}
  44.                 </div>
  45.             </li>
  46.             <li class="ec-progress__item">
  47.                 <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  48.                 </div>
  49.                 <div class="ec-progress__label">{{ '完了'|trans }}
  50.                 </div>
  51.             </li>
  52.         </ul>
  53.     </div>
  54. </div>
  55.     <form id="shopping-form" method="post" action="{{ url('shopping_checkout') }}">
  56.     {{ form_widget(form._token) }}
  57.     <div class="ec-orderRole">
  58.         <div class="ec-orderRole__detail">
  59.             <div class="ec-orderAccount">
  60.                 <div class="ec-rectHeading">
  61.                     <h2>{{ 'お客様情報'|trans }}</h2>
  62.                 </div>
  63.                 <div class="ec-orderAccount__account">
  64.                     <p class="ec-halfInput">{{ ''|trans }}{{ Order.name01 }} {{ Order.name02 }}{{ ' 様'|trans }}</p>
  65.                     <p class="ec-halfInput">{{ Order.kana01 }} {{ Order.kana02 }}</p>
  66.                     <p class="ec-input">{{ Order.companyName }}</p>
  67.                     <p class="ec-zipInput">{{ '〒'|trans }}{{ Order.postal_code }}</p>
  68.                     <p class="ec-input">{{ Order.pref }}{{ Order.addr01 }}{{ Order.addr02 }}</p>
  69.                     <p class="ec-telInput">{{ Order.phone_number }}</p>
  70.                     <p class="ec-input">{{ Order.email }}</p>
  71.                 </div>
  72.             </div>
  73.             <div class="ec-orderDelivery">
  74.                 <div class="ec-rectHeading">
  75.                     <h2>{{ '配送情報'|trans }}</h2>
  76.                 </div>
  77.                 {% for shipping in Order.shippings %}
  78.                     {% set idx = loop.index0 %}
  79.                     {% set isShowReducedTaxMess = false %}
  80.                     <div class="ec-orderDelivery__item">
  81.                         <ul class="ec-borderedList">
  82.                             {% for orderItem in shipping.productOrderItems %}
  83.                             <li>
  84.                                 <div class="ec-imageGrid">
  85.                                     <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>
  86.                                     <div class="ec-imageGrid__content">
  87.                                         <p>{{ orderItem.productName }}{% if is_reduced_tax_rate(orderItem) %}{{ '※'|trans }}{% set isShowReducedTaxMess = true %}{% endif %}</p>
  88.                                         {% if orderItem.productClass is not null and orderItem.productClass.classCategory1 %}
  89.                                             <p>{{ orderItem.productClass.classCategory1.className.name }}:{{ orderItem.productClass.classCategory1 }}</p>
  90.                                         {% endif %}
  91.                                         {% if orderItem.productClass is not null and orderItem.productClass.classCategory2 %}
  92.                                             <p>{{ orderItem.productClass.classCategory2.className.name }}:{{ orderItem.productClass.classCategory2 }}</p>
  93.                                         {% endif %}
  94.                                         <p>{{ orderItem.priceIncTax|price }} × {{ orderItem.quantity|number_format }}<span>{{ '小計:'|trans }}{{ orderItem.totalPrice|price }}</span></p>
  95.                                     </div>
  96.                                 </div>
  97.                             </li>
  98.                             {% endfor %}
  99.                         </ul>
  100.                         <p>{{ isShowReducedTaxMess ? '※ は軽減税率対象商品です。'|trans }}</p>
  101.                     </div>
  102.                     <div class="ec-orderDelivery__address">
  103.                         <p>{{ ''|trans }}{{ shipping.name01 }} {{ shipping.name02 }} ({{ shipping.kana01 }} {{ shipping.kana02 }}){{ ' 様'|trans }}</p>
  104.                         <p>{{ '〒'|trans }}{{ shipping.postal_code }} {{ shipping.pref }}{{ shipping.addr01 }}{{ shipping.addr02 }}</p>
  105.                         <p>{{ shipping.phone_number }}</p>
  106.                     </div>
  107.                     <div class="ec-orderDelivery__actions">
  108.                         <div class="ec-selects">
  109.                             <div class="ec-select">
  110.                                 <label>{{ '配送方法'|trans }}</label>
  111.                                 {% set delivery_fee = 0 %}
  112.                                 {% for item in shipping.order_items|filter(item => item.isDeliveryFee) %}
  113.                                     {% set delivery_fee = item.total_price %}
  114.                                 {% endfor %}
  115.                                 {{ Order.Shippings[idx].Delivery }}({{ delivery_fee|price }})
  116.                             </div>
  117.                             <div class="ec-select ec-select__delivery">
  118.                                 <label>{{ 'お届け日'|trans }}</label>
  119.                                 {{ Order.Shippings[idx].shipping_delivery_date? Order.Shippings[idx].shipping_delivery_date|date_day_with_weekday : '指定なし'|trans }}
  120.                             </div>
  121.                             <div class="ec-select ec-select__time">
  122.                                 <label>{{ 'お届け時間'|trans }}</label>
  123.                                 {{ Order.Shippings[idx].shipping_delivery_time?: '指定なし'|trans }}
  124.                             </div>
  125.                         </div>
  126.                     </div>
  127.                 {% endfor %}
  128.             </div>
  129.             <div class="ec-orderPayment">
  130.                 <div class="ec-rectHeading">
  131.                     <h2>{{ 'お支払方法'|trans }}</h2>
  132.                 </div>
  133.                 <div class="ec-blockRadio">
  134.                     {% set charge = 0 %}
  135.                     {% for item in Order.order_items|filter(item => item.isCharge) %}
  136.                         {% set charge = item.total_price %}
  137.                     {% endfor %}
  138.                     {{ Order.Payment }}
  139.                 </div>
  140.             </div>
  141.             {% if BaseInfo.isOptionPoint and Order.Customer is not null %}
  142.             <div class="ec-orderPayment">
  143.                 <div class="ec-rectHeading">
  144.                     <h2>{{ '利用ポイント'|trans }}</h2>
  145.                 </div>
  146.                 <div class="ec-blockRadio">
  147.                     {{ Order.use_point|number_format }} pt
  148.                 </div>
  149.             </div>
  150.             {% endif %}
  151.             <div class="ec-orderConfirm">
  152.                 <div class="ec-rectHeading">
  153.                     <h2>{{ 'お問い合わせ'|trans }}</h2>
  154.                 </div>
  155.                 <div class="ec-input">
  156.                     {{ Order.message|nl2br }}
  157.                 </div>
  158.             </div>
  159.             {% for activeTradeLaw in activeTradeLaws|filter(t => t.name and t.description) %}
  160.                 <div class="ec-orderConfirm">
  161.                     <div class="ec-rectHeading">
  162.                         <h2>{{ activeTradeLaw.name }}</h2>
  163.                     </div>
  164.                     <div class="ec-input">
  165.                         {{ activeTradeLaw.description|raw }}
  166.                     </div>
  167.                 </div>
  168.             {% endfor %}
  169.         </div>
  170.         <div class="ec-orderRole__summary">
  171.             <div class="ec-totalBox">
  172.                 <dl class="ec-totalBox__spec">
  173.                     <dt>{{ '小計'|trans }}</dt>
  174.                     <dd class="ec-totalBox__specTotal">{{ Order.subtotal|price }}</dd>
  175.                 </dl>
  176.                 <dl class="ec-totalBox__spec">
  177.                     <dt>{{ '手数料'|trans }}</dt>
  178.                     <dd>{{ Order.charge|price }}</dd>
  179.                 </dl>
  180.                 <dl class="ec-totalBox__spec">
  181.                     <dt>{{ '送料'|trans }}</dt>
  182.                     <dd>{{ Order.deliveryFeeTotal|price }}</dd>
  183.                 </dl>
  184.                 {% if Order.taxable_discount < 0 %}
  185.                 <dl class="ec-totalBox__spec">
  186.                     <dt>{{ '値引き'|trans }}</dt>
  187.                     <dd>{{ Order.taxable_discount|price }}</dd>
  188.                 </dl>
  189.                 {% endif %}
  190.                 <div class="ec-totalBox__total">{{ '合計'|trans }}<span class="ec-totalBox__price">{{ Order.taxable_total|price }}</span><span class="ec-totalBox__taxLabel">{{ '税込'|trans }}</span></div>
  191.                 {% for item in Order.tax_free_discount_items %}
  192.                     <dl class="ec-totalBox__spec">
  193.                         <dt>{{ item.product_name }}</dt>
  194.                         <dd>{{ item.total_price|price }}</dd>
  195.                     </dl>
  196.                 {% endfor %}
  197.                 <div class="ec-totalBox__paymentTotal">{{ 'お支払い合計'|trans }}<span class="ec-totalBox__price">{{ Order.payment_total|price }}</span><span class="ec-totalBox__taxLabel">{{ '税込'|trans }}</span></div>
  198.                 {% for rate, total in Order.total_by_tax_rate %}
  199.                     <dl class="ec-totalBox__taxRate">
  200.                         <dt>{{ '税率 %rate% %対象'|trans({ '%rate%': rate }) }}</dt>
  201.                         <dd>{{ total|price }} ({{ '内消費税'|trans }} {{ Order.tax_by_tax_rate[rate]|price }})</dd>
  202.                     </dl>
  203.                 {% endfor %}
  204.                 {% if BaseInfo.isOptionPoint and Order.Customer is not null %}
  205.                 <div class="ec-totalBox__pointBlock">
  206.                     <dl class="ec-totalBox__spec">
  207.                         <dt>{{ 'ご利用ポイント'|trans }}</dt>
  208.                         <dd>{{ Order.UsePoint|number_format }} pt</dd>
  209.                     </dl>
  210.                     {#<dl class="ec-totalBox__spec">#}
  211.                     {#    <dt><span class="ec-font-bold">{{ '加算ポイント'|trans }}</span></dt>#}
  212.                     {#    <dd><span class="ec-font-bold">{{ Order.AddPoint|number_format }} pt</span></dd>#}
  213.                     {#</dl>#}
  214.                 </div>
  215.                 {% endif %}
  216.                 <div class="ec-totalBox__btn">
  217.                     <button type="submit" class="ec-blockBtn--action">{{ '注文する'|trans }}</button>
  218.                     <a href="{{ url('shopping') }}" class="ec-blockBtn--cancel">{{ 'ご注文手続きに戻る'|trans }}</a>
  219.                 </div>
  220.             </div>
  221.         </div>
  222.     </div>
  223. </form>
  224. {% endblock %}