<div class="gallery-use">
    @if($tints)
        @foreach($tints as $key => $tint)
            <div data-decor="{!! $key !!}" @if($key == 0) class="active inner swiper-container" @else class="inner swiper-container" @endif>
            <h5>{!! get_the_title() !!}</h5>
            <div data-close>
                @svg('images/close.svg')
            </div>
            <div class="container arrow-container">
                @php $count = count($tint['_decore_in_use_media_ids']); @endphp
                @if($count > 1)
                    <div class="swiper-button-prev">
                    @svg('images/arrow-left.svg')
                    </div>
                    <div class="swiper-button-next">
                    @svg('images/arrow-right.svg')
                    </div>
                @endif
            </div>
                <div class="renders swiper-wrapper">
                    @foreach($tint['_decore_in_use_media_ids'] as $position => $decor)
                    <div class="swiper-slide" data-key="{!! $position !!}">
                        <figure>
                            <img src="{!! wp_get_attachment_url($decor) !!}"/>
                        </figure>
                    </div>
                    @endforeach
                </div>
            </div>
        @endforeach
    @endif
</div>