@if (isset($sliders) && count($sliders) > 0)
    <section class="section home-slide">
        <div class="home-slider">
            @foreach ($sliders as $slider)
                <div class="slick-slide items">
                    <figure class="img-slide">
                        <img class="slide-img" src="{{ $slider->image_link }}" alt="{{ $slider->title }}">
                    </figure>
                    <div class="container item-caption">
                        <div class="caption-info">
                            @if ($loop->first)
                                <h1 class="titles slide-title">{{ $slider->title }}</h1>
                            @else
                                <span class="titles slide-title">{{ $slider->title }}</span>
                            @endif
                            @if (isset($slider->link))
                                <a href="{{ $slider->link }}" title="{{ $slider->title }}" target="_blank">
                                    <span class="btn rounded-btn outline-btn">Read More</span>
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        <!--<scroll bottom>-->
        <span class="scroll-bottom active">
            <span class="scroll-title">Scroll</span>
            <span class="line-box">
                <span class="line-stroke"></span>
            </span>
        </span>
        <!--</scroll bottom>-->
    </section>
@endif