<div class="category-search-wrap hide">
<div class="category-search">
<div class="category-search__title">
<h2 class="category-search__title-en">SEARCH</h2>
<span class="category-search__title-ja">あなたのワインをさがす</span>
</div>
<ul class="category-search__tab">
<li><a href="#type"><img src="/html/user_data/assets/img/common/search/ico--search-01.png" alt="タイプ"><span>タイプ</span></a></li>
<li><a href="#area"><img src="/html/user_data/assets/img/common/search/ico--search-02.png" alt="産地"><span>産地</span></a></li>
<li><a href="#breed"><img src="/html/user_data/assets/img/common/search/ico--search-03.png" alt="品種"><span>品種</span></a></li>
<!--<li><a href="#category">カテゴリー</a></li>
<li><a href="#scene">シーン別</a></li>-->
<li><a href="#price"><img src="/html/user_data/assets/img/common/search/ico--search-04.png" alt="価格"><span>価格</span></a></li>
</ul>
<div id="type" class="category-search-block">
<div class="category-search__title">
<h2 class="category-search__title-en">Type</h2>
<span class="category-search__title-ja">タイプでさがす</span>
</div>
<ul class="category-search__list">
{% set Categories = repository('Eccube\\Entity\\Category').findBy({'Parent': repository('Eccube\\Entity\\Category').find(8)}) %}
{% for Category in Categories %}
<li>
<a href="{{ url('product_list') }}?category_id={{ Category.id }}">
{{ Category.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
<div id="area" class="category-search-block">
<div class="category-search__title">
<h2 class="category-search__title-en">AREA</h2>
<span class="category-search__title-ja">産地でさがす</span>
</div>
<ul class="category-search__list">
{% set Categories = repository('Eccube\\Entity\\Category').getList(repository('Eccube\\Entity\\Category').find(21)) %}
{% macro tree(Category) %}
{% from _self import tree %}
<li>
<dl class="category-search-area">
<dt>{{ Category.name }}</dt>
{% if Category.children|length > 0 %}
<dd>
<ul class="category-search__list">
{% for Child in Category.children %}
{% if Child.children|length > 0 %}
{{ tree(Child) }}
{% else %}
<li>
<a href="{{ url('product_list') }}?category_id={{ Child.id }}">
{{ Child.name }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</dd>
{% else %}
<dd>
<ul class="category-search__list">
<li>
<a href="{{ url('product_list') }}?category_id={{ Category.id }}">
{{ Category.name }}
</a>
</li>
</ul>
</dd>
{% endif %}
</dl>
</li>
{% endmacro %}
{% from _self import tree %}
{% for Category in Categories %}
{{ tree(Category) }}
{% endfor %}
</ul>
</div>
<div id="breed" class="category-search-block">
<div class="category-search__title">
<h2 class="category-search__title-en">VARIETY</h2>
<span class="category-search__title-ja">品種でさがす</span>
</div>
<ul class="category-search__list">
{% set Categories = repository('Eccube\\Entity\\Category').findBy({'Parent': repository('Eccube\\Entity\\Category').find(18)},{'sort_no': 'DESC'}) %}
{% for Category in Categories %}
<li>
<a href="{{ url('product_list') }}?category_id={{ Category.id }}">
{{ Category.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
<div id="category" class="category-search-block">
<ul class="category-search__list">
<li><a href="#">カテゴリ</a></li>
<li><a href="#">カテゴリ</a></li>
<li><a href="#">カテゴリ</a></li>
<li><a href="#">カテゴリ</a></li>
<li><a href="#">カテゴリ</a></li>
</ul>
</div>
<div id="scene" class="category-search-block">
<ul class="category-search__list">
<li><a href="#">フランス</a></li>
<li><a href="#">フランス</a></li>
<li><a href="#">フランス</a></li>
<li><a href="#">フランス</a></li>
<li><a href="#">フランス</a></li>
</ul>
</div>
<div id="price" class="category-search-block">
<div class="category-search__title">
<h2 class="category-search__title-en">PRICE</h2>
<span class="category-search__title-ja">価格帯でさがす</span>
</div>
<ul class="category-search__list">
<li><a href="/products/list?price_id=1">¥0 - ¥2,000</a></li>
<li><a href="/products/list?price_id=2">¥2,000 - ¥3,000 <span>毎日の食事に</span></a></li>
<li><a href="/products/list?price_id=3">¥3,000 - ¥4,000</a></li>
<li><a href="/products/list?price_id=4">¥4,000 - ¥5,000 <span>ギフトにおすすめ</span></a></li>
<li><a href="/products/list?price_id=5">¥5,000 - ¥6,000</a></li>
<li><a href="/products/list?price_id=6">¥6,000 - ¥7,000</a></li>
<li><a href="/products/list?price_id=7">¥7,000 - <span>特別なときに</span></a></li>
</ul>
</div>
<!-- /.category-search --></div>
<div class="category-search-footer">
<button class="btn-search-back"><img src="/html/user_data/assets/img/common/search/ico--arrow-search.svg" alt="戻る"></button>
<button class="btn-search-close"><img src="/html/user_data/assets/img/common/search/ico--close.svg" alt="閉じる"></button>
</div>
<!-- /.category-search-wrap--></div>