<div id="review-div">
<div class="comments hide" >
<span class="font-weight-bold"> <span class="ti-comments-smiley"></span> {{ product.reviewsProducts|length }} - {{ 'Review(s)'|trans }} </span></span>
<ul class="list_none comment_list mt-4">
{% for review in product.reviewsProducts|reverse|slice(0,2) %}
<li>
<div class="comment_img">
<img src="{{ asset('assets/uploads/user/'~review.user.profilImage) }}" alt="user1"/>
</div>
<div class="comment_block">
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:{{ (review.note/5) * 100 }}%"></div>
</div>
</div>
<p class="customer_meta">
<span class="review_author">{{ review.user.username }}</span>
<span class="comment-date">{{ review.createdAt|date('d-m-Y') }}</span>
</p>
<div class="description">
<p>{{ review.comment }}</p>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
<div class="review_form field_form hide">
<div >
<div class="form-group col-12">
<span class="font-weight-bold"><span class="ti-star"></span> Note this product</span>
<div class="star_rating">
<span data-value="1" data-note="#reviews_product_note"><i class="far fa-star"></i></span>
<span data-value="2" data-note="#reviews_product_note"><i class="far fa-star"></i></span>
<span data-value="3" data-note="#reviews_product_note"><i class="far fa-star"></i></span>
<span data-value="4" data-note="#reviews_product_note"><i class="far fa-star"></i></span>
<span data-value="5" data-note="#reviews_product_note"><i class="far fa-star"></i></span>
</div>
</div>
{{ form_start(form,{'action':path('reviews_product_new',{'id':product.id}),'attr':{'id':'reviews_product_form_id'}}) }}
{{ form_widget(form.note) }}
{{ form_row(form.comment,{'label':false,'attr':{'placeholder':'Your review for '~product.name }}) }}
{{ form_widget(form) }}
<div class="form-group col-12 text-right">
<button onclick="submitContact('#reviews_product_form_id','#btsrewiew')" id="btsrewiew" type="submit" class="btn btn-primary" name="submit" value="Submit">Submit Review</button>
</div>
{{ form_end(form) }}
</div>
</div>
</div>