{% extends 'default_frame.twig' %}
{% set body_class = 'cart_page' %}
{% block javascript %}
<script>
function doChange(id){
var q_num = $("#q_" + id).val();
var o_num = $("#o_" + id).val();
var num = q_num - o_num;
location.href = "{{ url('cart_change_num') }}?class_id=" + id + "&num=" + num;
}
</script>
{% endblock %}
{% block main %}
<form name="form" id="form_cart" class="ec-cartRole" method="post" action="{{ url('cart') }}">
<div class="ec-cartRole">
<div class="ec-cartRole__progress">
<ul class="ec-progress">
{% set step = 1 %}
{% set kanji_numbers = ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十'] %}
{# カートページ #}
{% if app.request.get('_route') == 'cart' %}
<li class="ec-progress__item is-complete">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ 'カートの商品'|trans }}</div>
</li>
{% else %}
<li class="ec-progress__item">
<a href="{{ url('cart') }}">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ 'カートの商品'|trans }}</div>
</a>
</li>
{% endif %}
{% set step = step + 1 %}
{# お客様情報 #}
{% if is_granted('ROLE_USER') == false %}
{% if app.request.get('_route') == 'shopping_nonmember' %}
<li class="ec-progress__item is-complete">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ 'お客様情報'|trans }}</div>
</li>
{% elseif app.request.get('_route') in ['shopping', 'shopping_confirm', 'shopping_complete'] %}
<li class="ec-progress__item">
<a href="{{ url('shopping_nonmember') }}">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ 'お客様情報'|trans }}</div>
</a>
</li>
{% else %}
<li class="ec-progress__item">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ 'お客様情報'|trans }}</div>
</li>
{% endif %}
{% set step = step + 1 %}
{% endif %}
{# ご注文手続き #}
{% if app.request.get('_route') == 'shopping' %}
<li class="ec-progress__item is-complete">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ 'ご注文手続き'|trans }}</div>
</li>
{% elseif app.request.get('_route') in ['shopping_confirm', 'shopping_complete'] %}
<li class="ec-progress__item">
<a href="{{ url('shopping') }}">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ 'ご注文手続き'|trans }}</div>
</a>
</li>
{% else %}
<li class="ec-progress__item">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ 'ご注文手続き'|trans }}</div>
</li>
{% endif %}
{% set step = step + 1 %}
{# ご注文内容確認 #}
{% if app.request.get('_route') == 'shopping_confirm' %}
<li class="ec-progress__item is-complete">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ 'ご注文内容確認'|trans }}</div>
</li>
{% elseif app.request.get('_route') == 'shopping_complete' %}
<li class="ec-progress__item">
<a href="{{ url('shopping_confirm') }}">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ 'ご注文内容確認'|trans }}</div>
</a>
</li>
{% else %}
<li class="ec-progress__item">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ 'ご注文内容確認'|trans }}</div>
</li>
{% endif %}
{% set step = step + 1 %}
{# 完了 #}
{% if app.request.get('_route') == 'shopping_complete' %}
<li class="ec-progress__item is-complete">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ '完了'|trans }}</div>
</li>
{% else %}
<li class="ec-progress__item">
<div class="ec-progress__number">{{ kanji_numbers[step-1] }}</div>
<div class="ec-progress__label">{{ '完了'|trans }}</div>
</li>
{% endif %}
</ul>
</div>
<div class="ec-role">
<div class="ec-pageHeader">
<h1>{{ 'ショッピングカート'|trans }}</h1>
</div>
</div>
{% 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 %}
<div class="ec-cartRole__totalText">
ご注文内容
</div>
{% 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 %}
{% 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 %}
<!-- カートコンテナ開始 -->
<div class="cart__container">
<!-- カートヘッダー -->
<div class="cart__header">
<div class="cart__header-item cart__header-image">画像</div>
<div class="cart__header-item cart__header-name">商品名</div>
<div class="cart__header-item cart__header-price">価格</div>
<div class="cart__header-item cart__header-quantity">数量</div>
<div class="cart__header-item cart__header-subtotal">小計</div>
<div class="cart__header-item cart__header-delete">削除</div>
</div>
{% for CartItem in Cart.CartItems %}
{% set ProductClass = CartItem.ProductClass %}
{% set Product = ProductClass.Product %}
<!-- 商品行 -->
<div class="cart__row">
<div class="cart__cell cart__cell-image">
<a target="_blank" href="{{ url('product_detail', {id : Product.id} ) }}">
<img src="{{ asset(Product.MainListImage|no_image_product, 'save_image') }}" class="product_img" alt="{{ Product.name }}" />
</a>
</div>
<div class="cart__cell cart__cell-name">
<a target="_blank" href="{{ url('product_detail', {id : Product.id} ) }}">{{ Product.name }}</a>
{% if ProductClass.ClassCategory1 and ProductClass.ClassCategory1.id %}
<br>{{ ProductClass.ClassCategory1.ClassName.name }}:{{ ProductClass.ClassCategory1 }}
{% endif %}
{% if ProductClass.ClassCategory2 and ProductClass.ClassCategory2.id %}
<br>{{ ProductClass.ClassCategory2.ClassName.name }}:{{ ProductClass.ClassCategory2 }}
{% endif %}
</div>
<div class="cart__cell cart__cell-price">{{ CartItem.price|number_format }}円</div>
<div class="cart__cell cart__cell-quantity">
<span class="cart__quantity-value title">数量</span>
<span class="cart__quantity-value">
<input type="number" value="{{ CartItem.quantity }}" id="q_{{ ProductClass.id }}">
<input type="hidden" value="{{ CartItem.quantity }}" id="o_{{ ProductClass.id }}">
個<button type="button" class="btn btn-default btn-change" onclick="doChange('{{ ProductClass.id }}');">変更</button>
</div>
<div class="cart__cell cart__cell-subtotal"><span class="cart__cell-subtotal title">小計</span> <span class="cart__cell-subtotalValue">{{ CartItem.total_price|number_format }}円</span></div>
<div class="cart__cell cart__cell-delete">
<a href="{{ url('cart_handle_item', {'operation': 'remove', 'productClassId': ProductClass.id }) }}" {{ csrf_token_for_anchor() }} class="cart__delete-button" data-method="put" data-message="カートから商品を削除してもよろしいですか?">削除</a>
</div>
</div>
{% endfor %}
<!-- 合計行 -->
<div class="cart__row cart__row-total">
<div class="cart__cell cart__cell-total-label">商品合計</div>
<div class="cart__cell cart__cell-total-value">{{ Cart.totalPrice|number_format }}円</div>
</div>
</div>
<!-- カートコンテナ終了 -->
{% endfor %}
{% 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-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>
{% for CartIndex,Cart in Carts %}
{% set cartKey = Cart.cart_key %}
<div class="ec-cartRole__progress">
<span class="ec-cartRole__progress__free">1件あたり5,400円以上送料無料</span>
{% if BaseInfo.delivery_free_amount and BaseInfo.delivery_free_quantity %}
{% if is_delivery_free[cartKey] %}
<p>{{ '現在送料無料です。'|trans }}</p>
{% else %}
<p>{{ 'あと「<strong>%price%</strong>円」で送料無料です。'|trans({ '%price%': least[cartKey]|number_format, '%quantity%': quantity[cartKey]|number_format })|raw }}</p>
{% endif %}
{% elseif BaseInfo.delivery_free_amount %}
{% if is_delivery_free[cartKey] %}
<p>{{ '現在送料無料です。'|trans }}</p>
{% else %}
<p>{{ 'あと「<strong>%price%</strong>円」で送料無料です。'|trans({ '%price%': least[cartKey]|number_format })|raw }}</p>
{% endif %}
{% elseif BaseInfo.delivery_free_quantity %}
{% if is_delivery_free[cartKey] %}
<p>{{ '現在送料無料です。'|trans }}</p>
{% else %}
<p>{{ 'あと「<strong>%price%</strong>」送料無料です。'|trans({ '%quantity%': quantity[cartKey]|number_format })|raw }}</p>
{% endif %}
{% endif %}
</div>
<div id="btn_area">
<ul>
<li><a class="ec-blockBtn--cancel" href="{{ path('homepage') }}">{{ '買い物を続ける'|trans }}</a></li>
<li><a class="ec-blockBtn--action" href="{{ path('cart_buystep', {'cart_key':cartKey}) }}">{{ '購入手続きに進む'|trans }}</a></li>
</ul>
</div>
{% endfor %}
</form>
<div id="cart_log_area">
<p>※必ずお読みください。</p>
<p>@kakiyama.comからのメール受信ができるよう、あらかじめ設定をお願いいたします。<br>
お問い合せをする場合がありますので、必ずメールはご確認ください。</p>
<p>1件のご注文につき、お届け先は1ヶ所のみ指定可能です。複数箇所への配送をご希望の場合、1件ずつご注文を確定してください。</p>
<p>領収書につきましては、「発送完了メール記載のURL」または「マイページ(会員のお客様のみ)」よりPDFデータがダウンロード可能です。<br>
代金引換の領収書につきましては、ヤマト運輸が発行する送り状(伝票)の控えを領収書とさせていただきます。</p>
<p>離島・一部地域への配送、悪天候などの配送状況によって配送が遅れる場合がございます。あらかじめご了承ください。<br>
詳しくは、<a href="https://www.kuronekoyamato.co.jp/" target="_blank">ヤマト運輸の公式サイト</a>にてご確認ください。</p>
</div>
{% endblock %}