<section class="product-card__reviews" id="js-review-block">
<div class="product-card__reviews-header">
<div class="product-card__reviews-tab-title">
<a href="#" class="active js-review-tab-lnk"
data-item="r">Отзывы {{ product.reviews.count>0?product.reviews.count:'' }}</a>
<a href="#" class="js-review-tab-lnk" data-item="q">Вопросы {{ product.questions.count>0?product
.questions.count:'' }}</a>
</div>
<a target="_blank"
href="https://perina-peroni.ru/articles/pravila-publikatsii-otzyvov-o-tovare-internet-magazine-ili-salonakh-perina-peroni-na-saite-perina-peroni-ru"
class="product-card__reviews-rules">Правила оформления отзывов и вопросов</a>
</div>
<div class="js-review-tab js-review-tab-r review-tab active">
<button class="product-card__reviews-btn color-btn js-product-card-review-toggle">Написать отзыв</button>
{% if product.reviews.count %}
<div class="product-card__reviews-sort">
<span>Сортировать по:</span>
<a href="#" data-url="{{ path('sort_reviews',{'id':product.id,'sortKey':'date','itemType':'r'}) }}"
class="review__sort-icon js-sort" data-desc="0">Дате</a>
<a href="#" data-url="{{ path('sort_reviews',{'id':product.id,'sortKey':'score','itemType':'r'}) }}"
class="js-sort" data-desc="1">Оценке</a>
<a href="#" data-url="{{ path('sort_reviews',{'id':product.id,'sortKey':'value','itemType':'r'}) }}"
class="js-sort" data-desc="1">Полезности</a>
</div>
<div class="product-card__reviews-bag" id="js-reviews-bag">
{% for review in product.reviews %}
{% include 'catalog/product/product.review.item.html.twig' %}
{% endfor %}
</div>
{# <div class="product-card__review-more"> #}
{# <a href="#">Показать еще</a> #}
{# </div> #}
{% endif %}
</div>
<div class="js-review-tab js-review-tab-q review-tab">
<button class="product-card__reviews-btn color-btn js-product-card-question-toggle">Задать вопрос</button>
<div class="product-card__review-form">
<form id="js-question-form" action="{{ path('add_question',{'id':product.id}) }}" method="post">
<div class="login-modal__form-group">
<label for="js-q-name-input">Ваше имя:</label>
<input type="text" autocomplete="off" name="question[author]" id="js-q-name-input"
value="{{ currentCustomer.customerEntity.firstName }}">
<div class="input-error" data-key="questionAuthor"></div>
</div>
<div class="login-modal__form-group">
<label for="js-q-txt-input">Текст вопроса:</label>
<textarea name="question[question]" id="js-q-txt-input" class="review-form__textarea"
cols="30" rows="5" placeholder="Напишите Ваш вопрос"></textarea>
<div class="input-error" data-key="question"></div>
</div>
<input type="hidden" id="g-recaptcha" name="question[recaptcha]"/>
<div class="login-modal__form-group">
<button type="submit" class="color-btn">Задать вопрос</button>
</div>
</form>
</div>
{% if product.questions.count %}
<div class="product-card__reviews-sort">
<span>Сортировать по:</span>
<a href="#" data-url="{{ path('sort_reviews',{'id':product.id,'sortKey':'date','itemType':'q'}) }}"
class="review__sort-icon js-sort" data-desc="0">Дате</a>
<a href="#" data-url="{{ path('sort_reviews',{'id':product.id,'sortKey':'value','itemType':'q'}) }}"
class="js-sort" data-desc="1">Полезности</a>
</div>
<div class="product-card__reviews-bag" id="js-questions-bag">
{% for question in product.questions %}
{% include 'catalog/product/product.question.item.html.twig' %}
{% endfor %}
</div>
{# <div class="product-card__review-more"> #}
{# <a href="#">Показать еще</a> #}
{# </div> #}
{% endif %}
</div>
</section>
{% include 'catalog/product/review.form.modal.html.twig' %}
{% include 'catalog/product/question.form.modal.html.twig' %}