{% extends 'fullwidth_frame.twig' %}
{% block main %}
{% set parentId = 7 %}
{% set ParentCategory = repository('Eccube\\Entity\\Category').find(parentId) %}
{% set childCategories = ParentCategory.children|sort((a, b) => a.sortNo <=> b.sortNo) %}
<div class="home_title__inner">
<h2 class="home_en_title "><span class="en">Category</span><small>カテゴリーから探す</small></h2>
</div><!--/.home_title__inner-->
<div class="category_container">
<div class="category__list">
{% for category in childCategories %}
<a class="category__list_block" href="#target{{ category.id }}">
<div class="category__list_block__inner">
<span class="thumb"><img src="{{ asset('rich_category/'~category.logo_file_name,'save_image') }}"></span>
<span class="cat_ttl">{{ category.name }}</span>
</div>
</a>
{% endfor %}
</div><!--/.category__list-->
</div><!--/.category_container-->
<div class="category_detail_list">
{% for category in childCategories %}
<a id="target{{ category.id }}" class="category_detail_block" href="{{ url('homepage') }}products/list?category_id={{ category.id }}">
<div class="category_detail_block__inner">
<div class="category_detail_block__img">
<img src="{{ asset('rich_category/'~category.file_name,'save_image') }}">
</div>
<div class="category_detail_block__txt">
<h3 class="cat_ttl">{{ category.name }}</h3>
<h4 class="cat_head">{{ category.title|default('タイトルがありません') }}</h4>
<p>{{ category.content|default('説明文がありません') }}</p>
<div class="text-right">
<span class="base_link_brn">
<span>詳細を見る</span>
<span>詳細を見る</span>
</span>
</div><!--/.text-right-->
</div><!--./category_detail_block__txt-->
</div><!--/.category_detail_block__inner-->
</a><!--/.category_detail_block-->
{% endfor %}
</div><!--/.category_detail_list-->
{% endblock %}