{**
 * rec.reviews
 *
 * @author    Presta-Module.com <support@presta-module.com> - https://www.presta-module.com
 * @copyright Presta-Module - https://www.presta-module.com
 * @license   see file: LICENSE.txt
 *
 *           ____     __  __
 *          |  _ \   |  \/  |
 *          | |_) |  | |\/| |
 *          |  __/   | |  | |
 *          |_|      |_|  |_|
 *
 *}
<div class="reviews-container-{$review_per_ligne|escape:'htmlall':'UTF-8'}" id="pvr_reviews_block">
    <span id="pvr_scroll_reviews_top"></span>
    <div class="child-page-listing-{$review_per_ligne|escape:'htmlall':'UTF-8'}" id="pvr-reviews-container">
        <input type="hidden" name="pvr_show_more_value" value="{$show_more_value|escape:'htmlall':'UTF-8'}" />
        <input type="hidden" name="pvr_show_more_value_default" value="{$show_more_value_default|escape:'htmlall':'UTF-8'}" />
        <input type="hidden" name="pvr_total_reviews" value="{$total_review|escape:'htmlall':'UTF-8'}" />
        <div class="grid-container-{$review_per_ligne|escape:'htmlall':'UTF-8'}">
            {foreach from=$reviews item=review}
                <article id="preview-{$review.id_rating|escape:'htmlall':'UTF-8'}" class="reviews-listing">
                    <a class="reviews-title-{$review_per_ligne|escape:'htmlall':'UTF-8'}" id="review-data-{$review.id_rating|escape:'htmlall':'UTF-8'}">
                        <div class="reviews-item-content-{$review_per_ligne|escape:'htmlall':'UTF-8'}">
                            <span class="col-xs-6">
                                {$reviews_detail[$review.id_rating].firstname|escape:'htmlall':'UTF-8'}
                            </span>
                            <span class="col-xs-6 right">
                                <i class="material-icons {if $review_per_ligne == 4} material-icons-specific {/if}">&#xe04b;</i>&nbsp;{dateFormat date=$review.date_add|escape:'htmlall':'UTF-8' full=0}
                            </span>
                        </div>
                        <div class="reviews-item-content-{$review_per_ligne|escape:'htmlall':'UTF-8'}">
                            <div class="rating-star-yellow col-xs-6 {if $review_per_ligne == 4} rating-star-yellow-specific {/if}">
                                <div itemprop="reviewRating" itemtype="http://schema.org/Rating" itemscope>
                                    <meta itemprop="ratingValue" content="{$review.note|escape:'htmlall':'UTF-8'}" />
                                    <meta itemprop="bestRating" content="5" />
                                </div>
                                {if $review.note > 0}
                                    {section loop=$max_rating name=note}
                                        <input type="radio" value="{$smarty.section.note.iteration|intval}" {if $review.note >= $smarty.section.note.iteration}checked="checked" {/if} />
                                        <label class="product-tab{if $review.note >= $smarty.section.note.iteration} checked{/if}" for="rating{$smarty.section.note.iteration|intval}" title="{$smarty.section.note.iteration|intval}"></label>
                                    {/section}
                                {else}
                                    {section loop=$max_rating name=note}
                                        <input type="radio" value="{$smarty.section.note.iteration|intval}" />
                                        <label class="product-tab" for="rating{$smarty.section.note.iteration|intval}" title="{$smarty.section.note.iteration|intval}"></label>
                                    {/section}
                                {/if}
                            </div>
                            <div class="col-xs-6 right">
                                <i class="material-icons {if $review_per_ligne == 4} material-icons-specific {/if}">&#xe8cc;</i>&nbsp;{dateFormat date=$reviews_detail[$review.id_rating].date_add|escape:'htmlall':'UTF-8' full=0}
                            </div>
                        </div>
                    </a>
                    <div class="reviews-image" draggable="true" data-rtg-id="{$review.id_rating|escape:'htmlall':'UTF-8'}" id="pvr-img-preview-{$review.id_rating|escape:'htmlall':'UTF-8'}">
                        <button class="pvr-close" id="btn-close-{$review.id_rating|escape:'htmlall':'UTF-8'}" style="display: none;">X</button>
                        <video preload="auto" data-rtg-id="{$review.id_rating|escape:'htmlall':'UTF-8'}" poster="{$review.video_prw_img|escape:'htmlall':'UTF-8'}" class="w-100 pvr-video-player">
                            <source src="{$review.video_url|escape:'htmlall':'UTF-8'}" type="video/mp4">
                        </video>
                    </div>
                </article>
            {/foreach}
        </div>
        <span id="pvr_scroll_reviews_bottom"></span>
    </div>
</div>