{{#with data}}
{{#if loadAsScroll}}
<div id="{{@root/dom/divScrollingListContainer}}" class="pro-plus-reviews bs4--d-none">
    <div class="bs4--mt-4 bs4--mb-5">
        <div class="pro-plus-reviews-heading paint-first-border-before">
            <h2 class="rew-heading bs4--mb-3">Recent Google Reviews</h2>
        </div>
        <div id="{{@root/dom/divProPlusReviews}}" class="bs4--px-2 bs4--px-sm-0"></div>
    </div>
</div>
{{else if showReviewSection}}
<div class="bs4--card bs4--mb-3{{#if @root/data/showProHeader}} agent-only-panel{{/if}}">
    <div
        class="bs4--card-header bs4--px-3 {{#if @root/data/showProHeader}}agent-only-header bs4--border-pro-yellow with-pro-plus-badge{{/if}}">
        <h4 class="headline-5 bs4--font-weight-normal bs4--my-0">Recent Reviews</h4>
    </div>
    <div class="bs4--card-body bs4--p-3">
        <div class="row ps-r">
            <div class="col-xs-10 col-xs-push-1 frame ph-0" id="{{@root/dom/divProPlusReviews}}">
                {{#if proPlusReviews.data.length}}
                <ul class="list-unstyled slidee clearfix">
                    {{#each proPlusReviews.data}}
                    <li id="{{@root/dom/liReview}}_{{@index}}" class="bs4--float-left{{#unless @last}} bs4--mr-2{{/unless}}"></li>
                    {{/each}}
                </ul>
                {{#if showEditButton}}
                <p class="bs4--pt-2 bs4--pb-0"><a href="/pro/plus/report?mr=1&smm=1" class="paint-first-font" id="{{@root/dom/aEdit}}">Edit</a></p>
                {{/if}}
                {{/if}}
            </div>
            {{#unless loadAsScroll}}
            <button class="media-arrow-prev bs4--bg-transparent bs4--border-0 bs4--p-0 bs4--ml-3 bs4--ml-sm-2" aria-label="Previous">
                <i id="{{@root/dom/spanPreviousPage}}" class="material-icons" aria-hidden="true">chevron_left</i>
            </button>
            <button class="media-arrow-next bs4--bg-transparent bs4--border-0 bs4--p-0 bs4--mr-3 bs4--mr-sm-2" aria-label="Next">
                <i id="{{@root/dom/spanNextPage}}" class="material-icons" aria-hidden="true">chevron_right</i>
            </button>
            {{/unless}}
        </div>
    </div>
</div>
{{/if}}
{{/with}}