<div class="ribbon-elements" role="navigation">
    <div id="{{ $id }}" class="hidden swiper-container ribbon-swiper-container" data-elements="{{ $num_elements }}" data-slides="{{ $settings['slides_per_view'] }}">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
            <!-- Slides -->
            @set($ribbon_cnt=1)
            @foreach($ribbon_cards as $el_id=>$el_data)
                <div
                        @if(is_null($el_data['image_url']))
                            class="ribbon-item swiper-slide ribbon-noimage"
                        @else
                            class="ribbon-item swiper-slide ribbon-image"
                            style="background-image: url('{{ $el_data['image_url'] }}');"
                        @endif
                        >
                    <a href="{{ $el_data['url'] }}" {!! $el_data['rel_attr'] !!} target="{!!  $el_data['target_attr']  !!}" class="ribbon-link"
                       title="{{ $el_data['alt_text'] }}">
                        {{--@if(!is_null($el_data['image_url_th']))
                        <img src="{{ $el_data['image_url_th'] }}" alt="{{ $el_data['alt_text'] }}" title="{{ $el_data['alt_text'] }}" class="img-ribbon">
                        @endif--}}
                        <span class="ribbon-item-title">{{ $el_data['alt_text'] }}</span>
                        @if($el_data['description'] != "")
                            <span class="ribbon-item-description">{{ $el_data['description'] }}</span>
                        @endif
                    </a>
                </div>
                @set($ribbon_cnt)
                @if($ribbon_cnt > 9)
                    @set($ribbon_cnt=1)
                @endif
            @endforeach
        </div>
        <!-- If we need pagination -->
        <div class="swiper-pagination hidden"></div>

        <!-- If we need navigation buttons -->
        <div class="swiper-button-prev swiper-button-black @if($num_elements > $settings['slides_per_view'] ) toggle-pagination @endif"></div>
        <div class="swiper-button-next swiper-button-black @if($num_elements > $settings['slides_per_view'] ) toggle-pagination @endif"></div>

        <!-- If we need scrollbar -->
        <div class="swiper-scrollbar hidden"></div>
    </div>
</div>