{#
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 = 'course_page' %}
{% block stylesheet %}
<style>
</style>
{% endblock %}
{% block javascript %}
<script>
</script>
{% endblock javascript %}
{% block main %}
<section class="detail_wrap">
<div class="detail_title">
<span>{{ course.name }}</span>
</div>
<div class="detail_car_type">
{{ course.car_type|nl2br }}
</div>
{% if course.description %}
<div class="detail_description">
{{ course.description|nl2br }}
</div>
{% endif %}
{% if course.image_before1 or course.image_before2 %}
<div class="detail_image detail_image_before d-flex justify-content-center">
{% if course.image_before1 and course.image_before2 %}
<img src="{{ eccube_config.course_image_dir_default }}{{ course.image_before1 }}" width="100%" alt="{{ course.name ~ '画像1'}}">
<img src="{{ eccube_config.course_image_dir_default }}{{ course.image_before2 }}" width="100%" alt="{{ course.name ~ '画像2'}}">
{% else %}
{% if course.image_before1 %}
<img src="{{ eccube_config.course_image_dir_default }}{{ course.image_before1 }}" width="100%" alt="{{ course.name ~ '画像1'}}">
{% elseif course.image_before2 %}
<img src="{{ eccube_config.course_image_dir_default }}{{ course.image_before2 }}" width="100%" alt="{{ course.name ~ '画像2'}}">
{% endif %}
{% endif %}
</div>
{% endif %}
{% if course.map %}
<div class="mx-auto">
<div class="item_title"><span>コース情報</span></div>
<div class="item_table">
<table class="table table-bordered table-striped">
{% if course.length %}
<tr>
<th class="">全長</th>
<td class="text-end">{{ course.length }} m</td>
</tr>
{% endif %}
{% if course.straight %}
<tr>
<th class="">最大直線長</th>
<td class="text-end">{{ course.straight }} m</td>
</tr>
{% endif %}
{% if course.height is not null %}
<tr>
<th class="">高低差</th>
<td class="text-end">{{ course.height }} m</td>
</tr>
{% endif %}
{% if course.width %}
<tr>
<th class="">走行路幅員</th>
<td class="text-end">{{ course.width }}</td>
</tr>
{% endif %}
</table>
</div>
<img src="{{ eccube_config.course_image_dir_default }}{{ course.map }}" alt="{{ course.name ~ 'コース図'}}" width="100%">
</div>
{% endif %}
{% if course.license %}
<div class="item_comment">
<div class="item_title"><span>必要ライセンス</span></div>
<div class="">走行には、有効期限内の下記ライセンスの提示が必要です。</div>
<div class="text-center my-4 text-danger">
<div class="">{{ course.license }}</div>
</div>
</div>
{% endif %}
{% if course.fee1 %}
<div class="fee_wrap">
<div class="item_title"><span>走行料金</span></div>
<div class="mb-4">
{% if course.fee1_title %}
<div class="fee_title"><span>{{ course.fee1_title }}</span></div>
{% endif %}
<table class="table">
{{ course.fee1|raw }}
</table>
</div>
{% if course.fee2 %}
<div class="mb-4">
<table class="table">
{{ course.fee2|raw }}
</table>
</div>
{% endif %}
</div>
{% endif %}
{% if course.comment1 or course.comment2 or course.comment3 %}
<div class="item_comment">
<div class="item_title"><span>注意事項</span></div>
<div class="item_comment_data">
{% if course.comment1 %}
<div class="">・{{ course.comment1 }}</div>
{% endif %}
{% if course.comment2 %}
<div class="">・{{ course.comment2 }}</div>
{% endif %}
{% if course.comment3 %}
<div class="">・{{ course.comment3 }}</div>
{% endif %}
</div>
</div>
{% endif %}
<div class="product_list">
<div class="item_title"><span>関連商品</span></div>
<div class="ec-newItemRole">
<div class="top_sales_ticket">
{% for Product in ticket %}
<div class="top_sales_listItem">
<a href="{{ url('product_detail', {'id': Product.id}) }}">
<div class="img_wrap">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
</div>
<p class="ec-newItemRole__listItemTitle">{{ Product.name }}</p>
<p class="ec-newItemRole__listItemPrice">
{% if Product.hasProductClass %}
{% if Product.getPrice02Min == Product.getPrice02Max %}
{{ Product.getPrice02IncTaxMin|price }}
{% else %}
{{ Product.getPrice02IncTaxMin|price }} ~ {{ Product.getPrice02IncTaxMax|price }}
{% endif %}
{% else %}
{{ Product.getPrice02IncTaxMin|price }}
{% endif %}
{{ '(税込)'|trans }}</p>
</a>
</div>
{% endfor %}
</div>
<div class="top_sales_driver">
{% for Product in drives %}
<div class="top_sales_listItem">
<a href="{{ url('product_detail', {'id': Product.id}) }}">
<div class="img_wrap">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" width="100%" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
</div>
<p class="ec-newItemRole__listItemTitle">{{ Product.name }}</p>
<p class="ec-newItemRole__listItemPrice">
{% if Product.hasProductClass %}
{% if Product.getPrice02Min == Product.getPrice02Max %}
{{ Product.getPrice02IncTaxMin|price }}
{% else %}
{{ Product.getPrice02IncTaxMin|price }} ~ {{ Product.getPrice02IncTaxMax|price }}
{% endif %}
{% else %}
{{ Product.getPrice02IncTaxMin|price }}
{% endif %}
{{ '(税込)'|trans }}</p>
</a>
</div>
{% endfor %}
</div>
</div>
</div>
</section>
{% endblock %}