{% extends 'default_frame.twig' %}
{% set body_class = 'cart_page' %}
{% block main %}
<div id="undercolumn_cart">
<div class="ec-role">
<div class="ec-pageHeader">
<h2 class="title">{{ '現在のカゴの中'|trans }}</h2>
</div>
</div>
<div class="ec-cartRole">
{% 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-alert-warning">
<div class="ec-alert-warning__text">
{# 商品のSalecttypeを求める #}
{% set SaleTypetext = [] %}
{% for CartIndex,Cart in Carts %}
{% for CartItem in Cart.CartItems %}
{% if CartItem.ProductClass.SaleType.name not in SaleTypetext %}
{% set SaleTypetext = SaleTypetext|merge([CartItem.ProductClass.SaleType.name]) %}
{% endif %}
{% endfor %}
{% endfor %}
<div class="alert" style="margin-bottom:0;">
<div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
{{SaleTypetext|join(',')}}は同時購入できません。<br />お手数ですが、個別に購入手続きをお願い致します。
</div>
</div>
</div>
{% endif %}
<form name="form" id="form_cart" class="ec-cartRole" method="post" action="{{ url('cart') }}">
{% for CartIndex,Cart in Carts %}
<div class="cart-list">
{% set cartKey = Cart.cart_key %}
{% set errorflug = false %}
{% 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>
{% set errorflug = true %}
{% endfor %}
{# カートヘッダー(カートが別れる時のみ表示) #}
{% set purchasing_goods_name = '' %}
{% if Carts|length > 1 %}
{% set SaleTypefirst = [] %}
{% for CartItem in Cart.CartItems %}
{% if loop.first %}
{% set SaleTypefirst = CartItem.ProductClass.SaleType.name %}
{% endif %}
{% endfor %}
<h3 class="subtitle">{{SaleTypefirst}}</h3>
{% set purchasing_goods_name = SaleTypefirst %}
{% else %}
{% set purchasing_goods_name = "カートの中の商品" %}
{% endif %}
<div class="ec-cartRole__totalText">
<p>
{{purchasing_goods_name}}の合計金額は「<strong>{{ Cart.totalPrice|number_format }}円</strong>」です。
</p>
</div>
{# カート詳細情報 #}
<div class="ec-cartRole__cart">
<div class="ec-cartTable table-layout__type3">
<div class="tr table-head">
<div class="th w1 ec-cartHeader__label">削除</div>
<div class="th w1 ec-cartHeader__label">画像</div>
<div class="th w4 table-layout__name ec-cartHeader__label">商品名</div>
<div class="th w2 ec-cartHeader__label">単価</div>
<div class="th w2 ec-cartHeader__label">数量</div>
<div class="th w2 ec-cartHeader__label">小計</div>
</div>
{% for CartItem in Cart.CartItems %}
{% set ProductClass = CartItem.ProductClass %}
{% set Product = ProductClass.Product %}
<div class="tr">
<div class="td w1 table-layout__deleate textLC ec-cartRow__delColumn">
<div class="position-center">
<div class="only-pc">
<a class="btn-oldinput__short ec-icon" href="{{ url('cart_handle_item', {'operation': 'remove', 'productClassId': ProductClass.id }) }}" {{ csrf_token_for_anchor() }} data-method="put" data-message="カートから商品を削除してもよろしいですか?">
<span>削除</span>
</a>
</div>
<div class="only-sp">
<a class="ec-icon" href="{{ url('cart_handle_item', {'operation': 'remove', 'productClassId': ProductClass.id }) }}" {{ csrf_token_for_anchor() }} data-method="put" data-message="カートから商品を削除してもよろしいですか?">
<p class="ec-icon close-btn">
<img src="{{ asset('assets/icon/cross-white.svg') }}" alt="delete">
</p>
</a>
</div>
</div>
</div>
<div class="td w1 table-layout__img textLC ec-cartRow__img">
<div class="position-center">
<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="td w4 table-layout__right ec-cartRow__name" data-label="商品名 :">
<div class="position-center">
<a target="_blank" href="{{ url('product_detail', {id : Product.id} ) }}">{{ Product.name }}</a>
{% 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 %}
</div>
</div>
<div class="td w2 table-layout__right textLR ec-cartRow__unitPrice" data-label="単価 :">
<div class="position-center">
<span>{{ CartItem.price|number_format }}円</span>
</div>
</div>
<div class="td w2 table-layout__right textLC ec-cartRow__amountColumn" data-label="数量 :">
<div class="position-center">
<p class="ec-cartRow__amount">{{ CartItem.quantity|number_format }}</p>
<div class="ec-cartRow__amountUpDown flex">
{% if CartItem.quantity > 1 %}
<a href="{{ url('cart_handle_item', {'operation': 'down', 'productClassId': ProductClass.id}) }}" {{ csrf_token_for_anchor() }} class="ec-cartRow__amountDownButton load-overlay" data-method="put" data-confirm="false">
<span class="ec-cartRow__amountDownButton__icon"><img src="{{ asset('assets/icon/minus-dark.svg') }}" alt="reduce"></span>
</a>
{% else %}
<div class="ec-cartRow__amountDownButtonDisabled">
<span class="ec-cartRow__amountDownButton__icon"><img src="{{ asset('assets/icon/minus.svg') }}" alt="reduce"></span>
</div>
{% endif %}
<a href="{{ url('cart_handle_item', {'operation': 'up', 'productClassId': ProductClass.id}) }}" {{ csrf_token_for_anchor() }} class="ec-cartRow__amountUpButton load-overlay" data-method="put" data-confirm="false">
<span class="ec-cartRow__amountUpButton__icon"><img src="{{ asset('assets/icon/plus-dark.svg') }}" alt="increase"></span>
</a>
</div>
</div>
</div>
<div class="td w2 table-layout__right textLR ec-cartRow__subtotalColumn" data-label="小計 :">
<div class="ec-cartRow__sutbtotal position-center">
<span>{{ CartItem.total_price|number_format }}円</span>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% if errorflug == false %}
<p class="cart-agree">上記内容でよろしければ「購入手続きへ」ボタンをクリックしてください。</p>
{% endif %}
<div class="btn-area flex">
<a class="ec-blockBtn--action orange-btn" href="{{ path('cart_buystep', {'cart_key':cartKey}) }}">購入手続きへ</a>
<a class="ec-blockBtn--cancel gray-btn back-btn" href="{{ path('homepage') }}">戻る</a>
</div>
</div>
{% endfor %}
</form>
{% else %}
{% 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-role">
<div class="ec-alert-warning">
<div class="ec-alert-warning__text empty"><span class="attention">※ 現在カート内に商品はございません。</span></div>
</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}