{% set config = repository('Plugin\\CMBlogPro42\\Entity\\Config').get() %}
{% set blogs = repository('Plugin\\CMBlogPro42\\Entity\\Blog').getList() %}
{% if blogs is defined and blogs|length > 0 %}
<div class="cm_blog_plugin p-home-topics">
<div class="p-home-topics__row">
<div class="p-home-topics__heading">
<h2 class="p-home-topics__ttl c-ttl-sec">
<span class="jp">トピックス</span>
<span class="en">TOPICS</span>
</h2>
<ul class="p-home-topics__cat">
<li class="p-home-topics__cat-item"><a href="{{ url('cm_blog_pro_page_list') }}" class="p-home-topics__cat-link">すべて</a></li>
<li class="p-home-topics__cat-item"><a href="{{ url('cm_blog_pro_page_list', {categories: [1]}) }}" class="p-home-topics__cat-link">お知らせ</a></li>
<li class="p-home-topics__cat-item"><a href="{{ url('cm_blog_pro_page_list', {categories: [2]}) }}" class="p-home-topics__cat-link">コラム</a></li>
</ul>
</div>
<div class="p-home-topics__content">
<ul class="p-home-topics__content-list l-topics">
{% for blog in blogs %}
<li class="p-home-topics__content-item l-topics__item">
<a href="{{ url('cm_blog_pro_page_detail', {'id': blog.slug ? blog.slug : blog.id}) }}" class="p-home-topics__content-link l-topics__link">
<p class="p-home-topics__content-info l-topics__info">
<span class="p-home-topics__content-date l-topics__date">{{ blog.release_date|date('Y.m.d')}}</span>
{% for category in blog.getBlogCategories %}
<span class="p-home-topics__content-cat l-topics__cat">{{ category.getCategory.getName|length > 15 ? category.getCategory.getName|striptags|replace({(' '):' '})|slice(0, 15)|raw ~ '...' : category.getCategory.getName|raw }}</span>
{% endfor %}
</p>
<h3 class="p-home-topics__content-ttl l-topics__ttl">{{ blog.getTitle|length > 120 ? blog.getTitle|striptags|replace({(' '):' '})|slice(0, 120)|raw ~ '...' : blog.getTitle|raw }}</h3>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
{% endif %}