<section id="sec-reviews" class="pag-sec">
<div class="container">
<div class="lateral-products">
<header class="tit-sec tx-centro">
<i class="fas fa-quote-left"></i>
<h2>{{ getLanguage('rates', 'product') }}</h2>
<span class="sub">{{ getLanguage('experiences_completed', 'product') }}</span>
</header>
{% if scoreProduct.scoreTotal > 9 %}
<div class="avaliacao-nota">
<div class="nota">{{ scoreProduct.score }}</div>
<div class="quantidade">
{% include 'website/includes/stars.html.twig' with { score: scoreProduct.score } %}
<p class="total">{{ scoreProduct.scoreTotal }} {{ getLanguage('evaluations', 'product') }}</p>
</div>
<div class="distribuicao">
{% for i, score in scoreProduct.splitScore %}
{% set percent = 0 %}
{% if score > 0 %}
{% set percent = (score / scoreProduct.scoreTotal) * 100 %}
{% endif %}
<p class="nivel nota-{{ 5-i }}">
<span class="estrelas">
{% for k in 1..5 %}
<i class="fas fa-star"></i>
{% endfor %}
</span>
<span class="barra">
<span style="width: {{ percent }}%;"></span>
</span>
</p>
{% endfor %}
</div>
</div>
{% endif %}
</div>
</div>
</section>