{% if Contacts is defined %} <div class="topBlocks detailBlock"> <div class="titleBlock no-space"> <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__content"> <p class="reply__list__date"> 質問日: {{Contact.create_date|date_day}} </p> {% if Contact.Product %} <p class="reply__list__title"> <strong>{{Contact.Product.name}}</strong> </p> {% 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> {% if Contacts|length > 3 %} <a href="{{ url('product_contact') }}?product_id={{ Product.id }}" 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> {% endif %} </div>{% endif %}