<div class="product-review" {{ sylius_test_html_attribute('comment', review.comment) }}>
    <header class="product-review-header">
        <div>
            {% if review.author.firstName is not empty %}
                <span class="review-author">{{ review.author.firstName }}</span>
            {% endif %}

            <span class="review-date">{{ 'app.ui.review.date_prefix'|trans }} {{ review.createdAt|format_date }}</span>
        </div>

        <div class="review-rating-wrapper">
            <div class="review-rating">
                <div data-rating="{{ review.rating }}" data-max-rating="5" style="pointer-events: none;"></div>
            </div>
            <div class="review-date-order">{{ 'app.ui.review.order_date_prefix'|trans }} 21/03/2019</div>
        </div>
    </header>

    <strong class="review-title">{{ review.title }}</strong>
    <div class="review-content">
        <p>{{ review.comment }}</p>
    </div>
</div>
