{# <div class="comment" {{ sylius_test_html_attribute('comment', review.comment) }}>
    <div class="content">
        <a class="author">{{ review.author.firstName }}</a>
        <div class="metadata">
            <div class="title"><strong>{{ review.title }}</strong></div>
            <div class="date">{{ review.createdAt|format_date }}</div>
            <div class="rating">
                <div class="ui star rating" data-rating="{{ review.rating }}" data-max-rating="5" style="pointer-events: none;"></div>
            </div>
        </div>
        <div class="text">{{ review.comment }}</div>
    </div>
</div> #}
{% set user = review.author.firstName ? true : false %}
{% if user %}
	{% set username = review.author.firstName %}
{% else %}
	{% set username = review.author.email|split('@')|first %}
{% endif %}

<li class="pb-5">
	<div class="comment_img">
		{% if not user %}
			<img src="/assets/shop/img/avatar.png" alt="anonymous user"/>
		{% endif %}
	</div>
	<div class="comment_block">
		<div class="rating_wrap">
			<div class="rating">
				<div class="product_rate" style="width:{{ review.rating * 20}}%"></div>
			</div>
		</div>
		<p class="customer_meta">
			<span class="review_author">{{ username }}</span>
			<span class="comment-date">{{ review.createdAt|format_date }}</span>
		</p>
		<div class="description">
			<p>{{ review.comment }}</p>
		</div>
	</div>
	{% if review.images is not empty %}
		<div class="w-100 mt-4">
			<div class="accordion" id="accordionExample">
				<div class="accordion-item">
					<h2 class="accordion-header" id="review-{{ review.id }}">
						<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{ review.id }}" aria-expanded="false" aria-controls="collapseOne">
							Photo(s) du produit
						</button>
					</h2>
					<div id="collapse-{{ review.id }}" class="accordion-collapse collapse" aria-labelledby="review-{{ review.id }}" data-bs-parent="#accordionExample">
						<div class="accordion-body">
							<div class="review-images d-flex flex-wrap justify-content-around align-content-around">
								{% for image in review.images %}
									<div class="m-1">
										<img src="{{ asset(product_review_images_directory ~ image.filename ~ "." ~ image.extention ) |imagine_filter('sylius_shop_product_original') }}">
									</div>
								{% endfor %}
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	{% endif %}
</li>