{if $this->getAttribute('showTitle') && $this->getAttribute('frontendTitle')}
<header class="control-header">
    <h1>{$this->getAttribute('frontendTitle')}</h1>
</header>
{/if}

{if $this->getAttribute('content') != ""}
<div class="control-content">
    {$this->getAttribute('content')}
</div>
{/if}

<div class="customerReviewsSlider">

    <div class="glide customerReviewsSlider-slider-wrapper">

        <div class="customerReviewsSlider-arrows" data-glide-el="controls">
            <span class="customerReviewsSlider-arrow customerReviewsSlider-arrow-left" data-glide-dir="<">
                <span class="arrow fa fa-arrow-left"></span>
            </span>
        </div>
        <div data-glide-el="track" class="glide__track customerReviewsSlider-track">
            <ul class="glide__slides customerReviewsSlider-slider">

                {foreach from=$entries item=entry}

                <li class="glide__slide customerReviewsSlider-slide">

                    {if $entry['review']}
                    <div class="customerReviewsSlider-review">
                        {$entry['review']}
                    </div>
                    {/if}

                    <div class="customerReviewsSlider-client">

                        <div class="customerReviewsSlider-client-img">
                            {if $entry['image']}
                            {image src=$entry['image'] loading="lazy" data-src="{$entry['image']}"}
                            {/if}
                        </div>

                        <div class="customerReviewsSlider-client-content">
                            {if $entry['customerName']}
                            <span class="customerReviewsSlider-client-name">{$entry['customerName']}</span>
                            {/if}
                            {if $entry['addition']}
                            <span class="customerReviewsSlider-client-addition">{$entry['addition']}</span>
                            {/if}

                            {if $entry['url']}
                            <a href="{$entry['url']}" class="customerReviewsSlider-url">
                                {if $entry['urlTitle']}
                                    {$entry['urlTitle']}
                                {else}
                                    {$entry['url']}
                                {/if}
                            </a>
                            {/if}

                        </div>

                    </div>

                </li>

                {/foreach}
            </ul>
        </div>

        <div class="customerReviewsSlider-arrows" data-glide-el="controls">
            <span class="customerReviewsSlider-arrow customerReviewsSlider-arrow-right" data-glide-dir=">">
                <span class="arrow fa fa-arrow-right"></span>
            </span>
        </div>

        <div class="customerReviewsSlider-dots" data-glide-el="controls[nav]">
            {assign var=counter value=0}
            {foreach from=$entries item=entry}
                <span class="customerReviewsSlider-dot" data-glide-dir="={$counter}"></span>
                {assign var=counter value=$counter+1}
            {/foreach}
        </div>

    </div>

</div>