{% block component_review_item %}
    {% set reviewVerifcation = 0 %}

    <div class="product-detail-review-item"
         itemprop="review"
         itemscope
         itemtype="https://schema.org/Review">
        {% block component_review_item_meta_published %}
            <meta itemprop="datePublished" content="{{ review.createdAt|date }}">
        {% endblock %}

        {% block component_review_item_meta_title %}
            <meta itemprop="name" content="{{ review.title }}">
        {% endblock %}

        {% block component_review_item_meta_lang %}
            {% if review.language %}
                <meta itemprop="inLanguage" content="{{ review.language.translationCode.code }}">
            {% endif %}
        {% endblock %}

        {% block component_review_item_meta_author %}
            <div itemprop="author" itemtype="https://schema.org/Person" itemscope>
                <meta itemprop="name" content="{{ review.externalUser }}">
            </div>
        {% endblock %}

        {% block component_review_item_info %}
            <div class="row product-detail-review-item-info">
                {% block component_review_item_info_date %}
                    <div class="col-12 product-detail-review-item-date">
                        <p><small>{{ review.createdAt|format_date('long') }} {{ review.createdAt|format_time('short') }}</small></p>
                    </div>
                {% endblock %}

                {% block component_review_item_info_points %}
                    <div class="col-md-auto product-detail-review-item-points">
                        {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
                            points: review.points,
                            altText: 'detail.reviewRatingAltText'|trans({ '%points%': review.points, '%maxPoints%': 5 })
                        } %}
                    </div>
                {% endblock %}

                {% block component_review_item_title %}
                    <div class="col-md-auto product-detail-review-item-title">
                        <p class="h5"{% if review.language %} lang="{{ review.language.translationCode.code }}"{% endif %}>
                            {{ review.title }}
                        </p>
                    </div>
                {% endblock %}

                {% block component_review_item_info_verify %}
                    <div class="col product-detail-review-item-verify">
                        {% if reviewVerifcation == 1 %}
                            <a data-bs-toggle="tooltip"
                               data-placement="bottom"
                               title="{{ 'detail.reviewVerifiedItemTooltip'|trans|striptags }}">
                                {% sw_icon 'checkmark-circle' style {
                                    color: 'primary',
                                    size: 'sm'
                                } %}
                            </a>
                        {% endif %}
                    </div>
                {% endblock %}
            </div>
        {% endblock %}

        {% block component_review_item_content %}
            <p class="product-detail-review-item-content" itemprop="description"{% if review.language %} lang="{{ review.language.translationCode.code }}"{% endif %}>
                {{ review.content|nl2br }}
            </p>
        {% endblock %}

        {% block component_review_item_comment %}
            {% if review.comment %}
                <div class="product-detail-review-item-comment">
                    <blockquote class="blockquote">
                        <footer class="blockquote-footer">
                            {{ 'detail.reviewCommentLabel'|trans|sw_sanitize }}{{ review.comment }}
                        </footer>
                    </blockquote>
                </div>
            {% endif %}
        {% endblock %}
    </div>
{% endblock %}