{#
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' %}
{% set body_class = 'cart_page' %}
{% block main %}
<div class="ec-blockspliter ec-cartTop show-resultPC"></div>
<div class="ec-role">
<div class="ec-mypageRole">
<div class="ec-mypageRole__main">
<div class="ec-grid4 ec-cartProgress shopping-progress show-resultPC">
{% set step = 1 %}
<div class="ec-grid4__cell ec-cartProgress__navItem active">
<p>STEP{{ step }}{% set step = step + 1 %}</p>
<p>{{ 'カート内の商品'|trans }}</p>
</div>
<div class="ec-grid4__cell ec-cartProgress__navItem">
<p>STEP{{ step }}{% set step = step + 1 %}</p>
<p>{{ 'ご注文手続き'|trans }}</p>
</div>
<div class="ec-grid4__cell ec-cartProgress__navItem">
<p>STEP{{ step }}{% set step = step + 1 %}</p>
<p>{{ 'ご注文内容確認'|trans }}</p>
</div>
<div class="ec-grid4__cell ec-cartProgress__navItem">
<p>STEP{{ step }}{% set step = step + 1 %}</p>
<p>{{ '完了'|trans }}</p>
</div>
</div>
{# smart phone #}
<div class="ec-grid4 ec-spCartProgress show-resultSP">
{% set step = 1 %}
<div class="ec-grid4__cell ec-spCartProgress__navItem active">
<span style="position: relative;">
<p class="cartProgressStep">STEP</p>
<p class="cartProgressNum">{{ step }}{% set step = step + 1 %}</p>
<div class="ec-spProgressBlockspliter show-resultSP"></div>
</span>
<p class="cartProgressLabel">{{ 'カート内の<br class="rwd_show">商品'|trans|raw }}</p>
</div>
<div class="ec-grid4__cell ec-spCartProgress__navItem">
<span>
<p class="cartProgressStep">STEP</p>
<p class="cartProgressNum">{{ step }}{% set step = step + 1 %}</p>
</span>
<p class="cartProgressLabel">{{ 'ご注文<br class="rwd_show">手続き'|trans|raw }}</p>
</div>
<div class="ec-grid4__cell ec-spCartProgress__navItem">
<span>
<p class="cartProgressStep">STEP</p>
<p class="cartProgressNum">{{ step }}{% set step = step + 1 %}</p>
</span>
<p class="cartProgressLabel">{{ 'ご注文内容<br class="rwd_show">確認'|trans|raw }}</p>
</div>
<div class="ec-grid4__cell ec-spCartProgress__navItem">
<span>
<p class="cartProgressStep">STEP</p>
<p class="cartProgressNum">{{ step }}{% set step = step + 1 %}</p>
</span>
<p class="cartProgressLabel">{{ '完了'|trans }}</p>
</div>
</div>
</div>
</div>
</div>
<div class="ec-blockspliter"></div>
<div class="ec-mypageRole ec-spMypageRoleTitle headingTop">
<h1 class="ec-mypageRole__title">
{{ 'カート内の商品'|trans }}
</h1>
</div>
<div class="ec-blockspliter"></div>
<div class="ec-role ec-cartPage">
<div class="ec-mypageRole">
<div class="ec-mypageRole__main">
{% set productStr = app.session.flashbag.get('eccube.front.request.product') %}
{% for error in app.session.flashbag.get('eccube.front.request.error') %}
{% set idx = loop.index0 %}
<div class="ec-cartRole__error">
<div class="ec-alert-warning">
<div class="ec-alert-warning__icon"><img
src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
<div class="ec-alert-warning__text">
{% if productStr[idx] is defined %}
{{ error|trans({'%product%':productStr[idx]})|nl2br }}
{% else %}
{{ error|trans|nl2br }}
{% endif %}
</div>
</div>
</div>
{% endfor %}
{% for error in app.session.flashbag.get('eccube.front.cart.error') %}
<div class="ec-cartRole__error">
<div class="ec-alert-warning">
<div class="ec-alert-warning__icon"><img
src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
<div class="ec-alert-warning__text">
{{ error|trans|nl2br }}
</div>
</div>
</div>
{% endfor %}
{% if totalQuantity > 0 %}
{% if Carts|length > 1 %}
<div class="ec-cartRole__error">
<div class="ec-alert-warning">
<div class="ec-alert-warning__text">
{{ '同時購入できない商品がカートに含まれています。'|trans|nl2br }}
</div>
</div>
</div>
{% endif %}
<form name="form" id="form_cart" method="post" action="{{ url('cart') }}">
{% for CartIndex,Cart in Carts %}
{% set cartKey = Cart.cart_key %}
{% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
<div class="ec-cartRole__error">
<div class="ec-alert-warning">
<div class="ec-alert-warning__icon"><img
src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
<div class="ec-alert-warning__text">
{{ error|trans|nl2br }}
</div>
</div>
</div>
{% endfor %}
{% for CartItem in Cart.CartItems %}
{% set ProductClass = CartItem.ProductClass %}
{% set Product = ProductClass.Product %}
<div class="ec-off1Grid">
<div class="ec-off1Grid__cell">
<div class="ec-grid3 ec-cartPage__list">
<div class="ec-grid3__cell ec-cartPage__detail show-resultSP">
<div class="ec-cartRow__name">
<a class="ec-cartPage__productTitle" target="_blank"
href="{{ url('product_detail', {id : Product.id} ) }}">{{ Product.name }}</a>
<label class="product-code">{{ '商品コード: '|trans }}{{ Product.code_min }}</label>
</div>
</div>
<div class="ec-grid3__cell ec-cartPage__img">
<div class="ec-cartRow__img">
<a target="_blank"
href="{{ url('product_detail', {id : Product.id} ) }}">
<img src="{{ asset(Product.MainListImage|no_image_product, 'save_image') }}"
alt="{{ Product.name }}"/>
</a>
</div>
</div>
<div class="ec-grid3__cell ec-cartPage__detail">
<div class="ec-cartRow__name">
<a class="ec-cartPage__productTitle show-resultPC" target="_blank"
href="{{ url('product_detail', {id : Product.id} ) }}">{{ Product.name }}</a>
<label class="product-code show-resultPC">{{ '商品コード: '|trans }}{{ Product.code_min }}</label>
<span class="ec-cartPage__category">
{% if ProductClass.ClassCategory1 and ProductClass.ClassCategory1.id %}
<p>{{ ProductClass.ClassCategory1.ClassName.name }}:{{ ProductClass.ClassCategory1 }}</p>
{% endif %}
{% if ProductClass.ClassCategory2 and ProductClass.ClassCategory2.id %}
<p>{{ ProductClass.ClassCategory2.ClassName.name }}:{{ ProductClass.ClassCategory2 }}</p>
{% endif %}
</span>
</div>
<p class="ec-cartPageQuantity">数 量</p>
<div class="ec-numberInput__control">
{% if CartItem.quantity > 1 %}
<a href="{{ url('cart_handle_item', {'operation': 'down', 'productClassId': ProductClass.id}) }}" {{ csrf_token_for_anchor() }}
class="ec-blockBtn detailProduct_btn" data-method="put"
data-confirm="false">
<span class="btn-minus__cart"></span>
</a>
{% else %}
<div class="ec-cartRow__amountDownButtonDisabled">
<span class="ec-cartRow__amountDownButton__icon"><span
class="btn-minus__cart"></span></span>
</div>
{% endif %}
<input type="number" id="quantity" name="quantity" required="required"
min="1" maxlength="9" class="" readonly
value="{{ CartItem.quantity|number_format }}">
<a href="{{ url('cart_handle_item', {'operation': 'up', 'productClassId': ProductClass.id}) }}" {{ csrf_token_for_anchor() }}
class="ec-blockBtn detailProduct_btn" data-method="put"
data-confirm="false">
<span class="btn-plus__cart"></span>
</a>
</div>
</div>
<div class="ec-grid3__cell ec-cartPage__total">
<div class="ec-cartRow__sutbtotal">{{ CartItem.total_price|price }}
<span> {{ '(税込)'|trans }}</span></div>
<a class="ec-icon"
href="{{ url('cart_handle_item', {'operation': 'remove', 'productClassId': ProductClass.id }) }}" {{ csrf_token_for_anchor() }}
data-method="put" data-message="カートから商品を削除してもよろしいですか?">
<img src="{{ asset('assets/icon/cross-white.svg') }}" alt="delete">
<p>{{ '削除する'|trans }}</p>
</a>
</div>
</div>
</div>
</div>
{% endfor %}
{# <div class="ec-cartRole__progress">#}
{# {% if BaseInfo.delivery_free_amount and BaseInfo.delivery_free_quantity %}#}
{# <br/>#}
{# {% if is_delivery_free[cartKey] %}#}
{# {{ '現在送料無料です。'|trans }}#}
{# {% else %}#}
{# {{ 'あと「<strong>%price%</strong>」または「<strong>%quantity%個</strong>」のお買い上げで<strong class="ec-color-red">送料無料</strong>になります。'|trans({ '%price%': least[cartKey]|price, '%quantity%': quantity[cartKey]|number_format })|raw }}#}
{# {% endif %}#}
{# {% elseif BaseInfo.delivery_free_amount %}#}
{# <br/>#}
{# {% if is_delivery_free[cartKey] %}#}
{# {{ '現在送料無料です。'|trans }}#}
{# {% else %}#}
{# {{ 'あと「<strong>%price%</strong>」のお買い上げで<strong class="ec-color-red">送料無料</strong>になります。'|trans({ '%price%': least[cartKey]|price })|raw }}#}
{# {% endif %}#}
{# {% elseif BaseInfo.delivery_free_quantity %}#}
{# <br/>#}
{# {% if is_delivery_free[cartKey] %}#}
{# {{ '現在送料無料です。'|trans }}#}
{# {% else %}#}
{# {{ 'あと「<strong>%quantity%個</strong>」のお買い上げで<strong class="ec-color-red">送料無料</strong>になります。'|trans({ '%quantity%': quantity[cartKey]|number_format })|raw }}#}
{# {% endif %}#}
{# {% endif %}#}
{# </div>#}
<div class="ec-off1Grid">
<div class="ec-off1Grid__cell">
<div class="ec-grid3">
<div class="ec-grid3__cell2 cartDesc">
<p>{{ '商品合計金額が%price%円(税込)以上で送料無料となります。'|trans({ '%price%': BaseInfo.delivery_free_amount|number_format }) }}</p>
</div>
<div class="ec-grid3__cell ec-cartPage__list grid-extend">
{% set paymentAmount = 0 %}
<div class="cartCalc">
<span>
<p>{{ '小計'|trans }}</p>
<p>{{ Cart.totalPrice|price }}{{ '(税込)'|trans }}</p>
</span>
<span>
<p>{{ '送料'|trans }}</p>
{% if Cart.totalPrice > BaseInfo.delivery_free_amount %}
{% set paymentAmount = Cart.totalPrice %}
<p>{{ '¥0'|trans }}</p>
{% else %}
{% if Cart.deliveryFeeTotal > 0 %}
{% set paymentAmount = Cart.totalPrice + Cart.deliveryFeeTotal %}
<p>{{ Cart.deliveryFeeTotal|price }}</p>
{% else %}
{% set paymentAmount = Cart.totalPrice + 660 %}
<p>{{ '¥660'|trans }}</p>
{% endif %}
{% endif %}
</span>
</div>
<div class="cartTotal">
<p>{{ '合計'|trans }}</p>
<p>{{ paymentAmount|price }}{{ '(税込)'|trans }}</p>
</div>
<div class="submitBtn">
<a href="{{ path('cart_buystep', {'cart_key':cartKey}) }}">
<button type="button" class="ec-blockBtn--cancel nextStep">
{{ 'ご注文手続きへ'|trans }}
</button>
</a>
{% if loop.last %}
<a href="{{ path('homepage') }}">
<button type="button" class="ec-blockBtn--cancel homepage">
<img src="{{ asset('assets/img/common/back.svg') }}" alt="" style="width: 13px !important;" />
{{ 'お買い物を続ける'|trans }}
</button>
</a>
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</form>
{% else %}
<div class="ec-off1Grid">
{% for CartIndex,Cart in Carts %}
{% set cartKey = Cart.cart_key %}
{% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
<div class="ec-cartRole__error">
<div class="ec-alert-warning">
<div class="ec-alert-warning__icon"><img
src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
<div class="ec-alert-warning__text">
{{ error|trans|nl2br }}
</div>
</div>
</div>
{% endfor %}
{% endfor %}
<div class="ec-off3Grid">
<div class="ec-off3Grid__cell">
<div class="ec-alert-warning">
<div class="ec-alert-warning__icon"><img
src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
<div class="ec-alert-warning__text">{{ '現在カート内に商品はございません。'|trans }}</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
<div class="ec-blockspliter"></div>
<div class="ec-blockempty register-block"></div>
{% endblock %}