{% if Contacts is defined %}
<div class="topBlocks replyBlock">
<div class="titleBlock">
<div class="titleBlock__name">
<img class="titleBlock__name__icon" src="{{ asset('assets/img/top/hatena.svg') }}" alt="CONTACT" width="32" height="32" loading="lazy">
<h2 class="titleBlock__name__title">新着の質問</h2>
</div>
</div>
<ul class="reply">
{% for Contact in Contacts %}
<li class="reply__list">
<div class="reply__list__image">
<div class="reply__list__image__block">
{% if Contact.Product %}
<img src="{{ asset(Contact.Product.main_list_image|no_image_product, 'save_image') }}" alt="">
{% else %}
<img src="{{ asset('no_image_product.png', 'save_image') }}" alt="">
{% endif %}
</div>
</div>
<div class="reply__list__content">
<p class="reply__list__date">
質問日: {{Contact.create_date|date_day}}
</p>
{% if Contact.Product %}
<a class="reply__list__title" href="{{ url('product_detail', {'id': Contact.Product.id}) }}">
<strong>{{Contact.Product.name}}</strong>
</a>
{% endif %}
<p class="reply__list__detail">
{{ Contact.contents|raw|nl2br }}
</p>
<div class="accrodion-list reply__list__answer">
<button class="accordion-btn reply__list__answer__btn"><span>サイトより回答</span><p class="mark"></p></button>
<div class="accordion__content reply__list__answer__content">
<p class="reply__list__answer__date">回答日時:{{Contact.reply_date|date_day}}</p>
<p class="reply__list__answer__detail">
{{ Contact.reply|raw|nl2br }}
</p>
</div>
</div>
</div>
</li>
{% endfor %}
</ul>
<a href="{{ url('product_contact') }}" class="more-btn reply__btn">
<span class="more-btn__text">詳しく見る</span>
<img class="arrow" src="{{ asset('assets/img/common/arrow-black.svg') }}" alt="詳しく見る" width="7.91" height="12.36" loading="lazy">
</a>
</div>
{% endif %}