{% extends 'default_frame.twig' %}
{% block stylesheet %}
{% endblock %}
{% block main %}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
{# ▼ ブロック：DispHtag ▼ #}
{{ include('Block/DispHtag.twig') }}
{# ▲ ブロック：DispHtag ▲ #}
<title>ベースボール・マガジン社 BBM＠BOOK CART</title>
<meta name="description" content="ベースボール・マガジン社が運営する総合スポーツサイト。ベースボール・マガジン社発行の書籍・雑誌・スポーツカードなどの新着情報、各競技の技術情報や専門家によるコラムなど、スポーツファンを応援する情報が満載です。">
<meta name="keywords" content="ベースボールマガジン社,BBM">
{# ▼ ブロック：DispHead ▼ #}
{{ include('Block/DispHead.twig') }}
{# ▲ ブロック：DispHead ▲ #}
</head>
<body id="pagetop" class="top">
{# ▼ ブロック：DispBtag ▼ #}
{{ include('Block/DispBtag.twig') }}
{# ▲ ブロック：DispBtag ▲ #}
{# ▼ ブロック：DispHeader ▼ #}
{{ include('Block/DispHeaderTeiki2.twig') }}
{# ▲ ブロック：DispHeader ▲ #}
<br>
<div style="width:1000px; margin:0 auto;">
<h2 class="title">現在のカゴの中</h2>
{% if totalQuantity > 0 %}
<div>
<p>カゴの中の商品の合計金額は{{ totalPrice|number_format }}円です。</p>
{% for CartIndex,Cart in Carts %}
{% set cartKey = Cart.cart_key %}
<table style="width: 100%; border-collapse: collapse; border: 1px solid #b9b9b9;">
<col width="10%" />
<col width="15%" />
<col width="30%" />
<col width="15%" />
<col width="15%" />
<col width="15%" />
<tr style="border: 1px solid #b9b9b9;">
<th align="center" style="border: 1px solid #b9b9b9;">削除</th>
<th align="center" style="border: 1px solid #b9b9b9;">商品写真</th>
<th align="center" style="border: 1px solid #b9b9b9;">商品名</th>
<th align="center" style="border: 1px solid #b9b9b9;">単価</th>
<th align="center" style="border: 1px solid #b9b9b9;">数量</th>
<th align="center" style="border: 1px solid #b9b9b9;">小計</th>
</tr>
{% for CartItem in Cart.CartItems %}
{% set ProductClass = CartItem.ProductClass %}
{% set Product = ProductClass.Product %}
<tr style="border: 1px solid #b9b9b9;">
<td align="center" style="border: 1px solid #b9b9b9;">
<a href="{{ url('cart_handle_item', {'operation': 'remove', 'productClassId': ProductClass.id }) }}" {{ csrf_token_for_anchor() }} class="ec-icon" data-method="put" data-message="カートから商品を削除してもよろしいですか?">
削除
</a>
</td>
<td align="center" style="border: 1px solid #b9b9b9;">
<a target="_blank" href="{{ url('product_detail', {id : Product.id} ) }}">
<img src="{{ asset(Product.MainListImage|no_image_product, 'save_image') }}" alt="{{ Product.name }}" style="width:100px;"/>
</a>
</td>
<td style="border: 1px solid #b9b9b9;">
<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 %}
</td>
<td align="right" style="border: 1px solid #b9b9b9;">
{{ CartItem.price|number_format }}円
</td>
<td align="center" style="border: 1px solid #b9b9b9;">
<p class="mb5">{{ CartItem.quantity|number_format }}<p>
<ul id="quantity_level">
<li class="mb5">
<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('common_img/button/btn_plus.jpg', 'user_data') }}" alt="increase" style="width:15px;"></span>
</a>
</li>
{% if CartItem.quantity > 1 %}
<li>
<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('common_img/button/btn_minus.jpg', 'user_data') }}" alt="reduce" style="width:15px;"></span>
</a>
</li>
{% else %}
<li>
</li>
{% endif %}
</ul>
</td>
<td align="right" style="border: 1px solid #b9b9b9;">{{ CartItem.total_price|number_format }}円</td>
</tr>
{% endfor %}
<tr style="border: 1px solid #b9b9b9;">
<th colspan="5" align="right">合計</th>
<td align="right" style="border: 1px solid #b9b9b9;"><span class="price">{{ Cart.totalPrice|number_format }}円</span></td>
</tr>
</table>
<CENTER>上記内容でよろしければ「購入手続きへ」ボタンをクリックしてください。</CENTER>
<div class="btn_area align_c mt30">
<ul>
<li class="mb10">
<a href="{{ url('bookcart') }}">
<img class="hover_change_image" src="{{ asset('common_img/button/btn_back.jpg', 'user_data') }}" alt="戻る" />
</a>
</li>
<li>
<a href="{{ path('cart_buystep', {'cart_key':cartKey}) }}">
<img class="hover_change_image" src="{{ asset('common_img/button/btn_buystep.jpg', 'user_data') }}" alt="購入手続きへ" />
</a>
</li>
</ul>
</div>
{% endfor %}
</div>
{% else %}
<p class="empty"><span class="attention">※ 現在カート内に商品はございません。</span></p>
{% endif %}
</div>
{# ▼ ブロック：DispFooter ▼ #}
{{ include('Block/DispFooter.twig') }}
{# ▲ ブロック：DispFooter ▲ #}
{# ▼ ブロック：DispFtag ▼ #}
{{ include('Block/DispFtag.twig') }}
{# ▲ ブロック：DispFtag ▲ #}
</body>
</html>
{% endblock %}
{# ▲ main ▲ #}