<li class="nav-item">
    <a class="nav-link active" data-toggle="tab" href="#product-details" role="tab">{{ 'sylius.ui.details'|trans }}</a>
</li>

{% if product.attributes|length > 0 %}
    <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#product-attributes" role="tab" {{ sylius_test_html_attribute('tab', 'attributes') }}>{{ 'sylius.ui.attributes'|trans }}</a>
    </li>
{% endif %}

<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#product-reviews" role="tab">{{ 'sylius.ui.reviews'|trans }} ({{ product.acceptedReviews|length }})</a>
</li>
