{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% extends 'default_frame.twig' %}
{% form_theme form 'Form/form_div_layout.twig' %}
{% block main %}
<div class="ec-role">
<div class="ec-pageHeader">
<h1>{{ 'ご注文内容のご確認'|trans }}</h1>
</div>
</div>
<div class="ec-cartRole">
<div class="ec-cartRole__progress">
<ul class="ec-progress">
{% set step = 1 %}
<li class="ec-progress__item">
<div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
</div>
<div class="ec-progress__label">{{ 'カートの商品'|trans }}
</div>
</li>
{% if is_granted('ROLE_USER') == false %}
<li class="ec-progress__item">
<div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
</div>
<div class="ec-progress__label">{{ 'お客様情報'|trans }}
</div>
</li>
{% endif %}
<li class="ec-progress__item">
<div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
</div>
<div class="ec-progress__label">{{ 'ご注文手続き'|trans }}
</div>
</li>
<li class="ec-progress__item is-complete">
<div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
</div>
<div class="ec-progress__label">{{ 'ご注文内容確認'|trans }}
</div>
</li>
<li class="ec-progress__item">
<div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
</div>
<div class="ec-progress__label">{{ '完了'|trans }}
</div>
</li>
</ul>
</div>
</div>
<form id="shopping-form" method="post" action="{{ url('shopping_checkout') }}">
{{ form_widget(form._token) }}
<div class="ec-orderRole">
<div class="ec-orderRole__detail">
<div class="ec-orderAccount">
<div class="ec-rectHeading">
<h2>{{ 'お客様情報'|trans }}</h2>
</div>
<div class="ec-orderAccount__account">
<p class="ec-halfInput">{{ ''|trans }}{{ Order.name01 }} {{ Order.name02 }}{{ ' 様'|trans }}</p>
<p class="ec-halfInput">{{ Order.kana01 }} {{ Order.kana02 }}</p>
<p class="ec-input">{{ Order.companyName }}</p>
<p class="ec-zipInput">{{ '〒'|trans }}{{ Order.postal_code }}</p>
<p class="ec-input">{{ Order.pref }}{{ Order.addr01 }}{{ Order.addr02 }}</p>
<p class="ec-telInput">{{ Order.phone_number }}</p>
<p class="ec-input">{{ Order.email }}</p>
</div>
</div>
<div class="ec-orderDelivery">
<div class="ec-rectHeading">
<h2>{{ '配送情報'|trans }}</h2>
</div>
{% for shipping in Order.shippings %}
{% set idx = loop.index0 %}
{% set isShowReducedTaxMess = false %}
<div class="ec-orderDelivery__item">
<ul class="ec-borderedList">
{% for orderItem in shipping.productOrderItems %}
<li>
<div class="ec-imageGrid">
<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>
<div class="ec-imageGrid__content">
<p>{{ orderItem.productName }}{% if is_reduced_tax_rate(orderItem) %}{{ '※'|trans }}{% set isShowReducedTaxMess = true %}{% endif %}</p>
{% if orderItem.productClass is not null and orderItem.productClass.classCategory1 %}
<p>{{ orderItem.productClass.classCategory1.className.name }}:{{ orderItem.productClass.classCategory1 }}</p>
{% endif %}
{% if orderItem.productClass is not null and orderItem.productClass.classCategory2 %}
<p>{{ orderItem.productClass.classCategory2.className.name }}:{{ orderItem.productClass.classCategory2 }}</p>
{% endif %}
<p>{{ orderItem.priceIncTax|price }} × {{ orderItem.quantity|number_format }}<span>{{ '小計:'|trans }}{{ orderItem.totalPrice|price }}</span></p>
</div>
</div>
</li>
{% endfor %}
</ul>
<p>{{ isShowReducedTaxMess ? '※ は軽減税率対象商品です。'|trans }}</p>
</div>
<div class="ec-orderDelivery__address">
<p>{{ ''|trans }}{{ shipping.name01 }} {{ shipping.name02 }} ({{ shipping.kana01 }} {{ shipping.kana02 }}){{ ' 様'|trans }}</p>
<p>{{ '〒'|trans }}{{ shipping.postal_code }} {{ shipping.pref }}{{ shipping.addr01 }}{{ shipping.addr02 }}</p>
<p>{{ shipping.phone_number }}</p>
</div>
<div class="ec-orderDelivery__actions">
<div class="ec-selects">
<div class="ec-select">
<label>{{ '配送方法'|trans }}</label>
{% set delivery_fee = 0 %}
{% for item in shipping.order_items|filter(item => item.isDeliveryFee) %}
{% set delivery_fee = item.total_price %}
{% endfor %}
{{ Order.Shippings[idx].Delivery }}({{ delivery_fee|price }})
</div>
<div class="ec-select ec-select__delivery">
<label>{{ 'お届け日'|trans }}</label>
{{ Order.Shippings[idx].shipping_delivery_date? Order.Shippings[idx].shipping_delivery_date|date_day_with_weekday : '指定なし'|trans }}
</div>
<div class="ec-select ec-select__time">
<label>{{ 'お届け時間'|trans }}</label>
{{ Order.Shippings[idx].shipping_delivery_time?: '指定なし'|trans }}
</div>
</div>
</div>
{% endfor %}
</div>
<div class="ec-orderPayment">
<div class="ec-rectHeading">
<h2>{{ 'お支払方法'|trans }}</h2>
</div>
<div class="ec-blockRadio">
{% set charge = 0 %}
{% for item in Order.order_items|filter(item => item.isCharge) %}
{% set charge = item.total_price %}
{% endfor %}
{{ Order.Payment }}
</div>
</div>
{% if BaseInfo.isOptionPoint and Order.Customer is not null %}
<div class="ec-orderPayment">
<div class="ec-rectHeading">
<h2>{{ '利用ポイント'|trans }}</h2>
</div>
<div class="ec-blockRadio">
{{ Order.use_point|number_format }} pt
</div>
</div>
{% endif %}
<div class="ec-orderConfirm">
<div class="ec-rectHeading">
<h2>{{ 'お問い合わせ'|trans }}</h2>
</div>
<div class="ec-input">
{{ Order.message|nl2br }}
</div>
</div>
{% for activeTradeLaw in activeTradeLaws|filter(t => t.name and t.description) %}
<div class="ec-orderConfirm">
<div class="ec-rectHeading">
<h2>{{ activeTradeLaw.name }}</h2>
</div>
<div class="ec-input">
{{ activeTradeLaw.description|raw }}
</div>
</div>
{% endfor %}
</div>
<div class="ec-orderRole__summary">
<div class="ec-totalBox">
<dl class="ec-totalBox__spec">
<dt>{{ '小計'|trans }}</dt>
<dd class="ec-totalBox__specTotal">{{ Order.subtotal|price }}</dd>
</dl>
<dl class="ec-totalBox__spec">
<dt>{{ '手数料'|trans }}</dt>
<dd>{{ Order.charge|price }}</dd>
</dl>
<dl class="ec-totalBox__spec">
<dt>{{ '送料'|trans }}</dt>
<dd>{{ Order.deliveryFeeTotal|price }}</dd>
</dl>
{% if Order.taxable_discount < 0 %}
<dl class="ec-totalBox__spec">
<dt>{{ '値引き'|trans }}</dt>
<dd>{{ Order.taxable_discount|price }}</dd>
</dl>
{% endif %}
<div class="ec-totalBox__total">{{ '合計'|trans }}<span class="ec-totalBox__price">{{ Order.taxable_total|price }}</span><span class="ec-totalBox__taxLabel">{{ '税込'|trans }}</span></div>
{% for item in Order.tax_free_discount_items %}
<dl class="ec-totalBox__spec">
<dt>{{ item.product_name }}</dt>
<dd>{{ item.total_price|price }}</dd>
</dl>
{% endfor %}
<div class="ec-totalBox__paymentTotal">{{ 'お支払い合計'|trans }}<span class="ec-totalBox__price">{{ Order.payment_total|price }}</span><span class="ec-totalBox__taxLabel">{{ '税込'|trans }}</span></div>
{% for rate, total in Order.total_by_tax_rate %}
<dl class="ec-totalBox__taxRate">
<dt>{{ '税率 %rate% %対象'|trans({ '%rate%': rate }) }}</dt>
<dd>{{ total|price }} ({{ '内消費税'|trans }} {{ Order.tax_by_tax_rate[rate]|price }})</dd>
</dl>
{% endfor %}
{% if BaseInfo.isOptionPoint and Order.Customer is not null %}
<div class="ec-totalBox__pointBlock">
<dl class="ec-totalBox__spec">
<dt>{{ 'ご利用ポイント'|trans }}</dt>
<dd>{{ Order.UsePoint|number_format }} pt</dd>
</dl>
{#<dl class="ec-totalBox__spec">#}
{# <dt><span class="ec-font-bold">{{ '加算ポイント'|trans }}</span></dt>#}
{# <dd><span class="ec-font-bold">{{ Order.AddPoint|number_format }} pt</span></dd>#}
{#</dl>#}
</div>
{% endif %}
<div class="ec-totalBox__btn">
<button type="submit" class="ec-blockBtn--action">{{ '注文する'|trans }}</button>
<a href="{{ url('shopping') }}" class="ec-blockBtn--cancel">{{ 'ご注文手続きに戻る'|trans }}</a>
</div>
</div>
</div>
</div>
</form>
{% endblock %}