@if($data = $website->moduleSections('text-sections'))

<div id="rs-courses" class="rs-courses rs-courses-style6 sec-color py-14 my-5">
    <div class="container">
        <div class="sec-title mb-50 text-center">
            <h2>@lang('tr.Services')</h2>
        </div>
        @php($info = $website->services())
        <div class="row">
            <div class="col-md-12">
                <div class="slider-container group">
                    <div class="swiper-container service-slider pb-5 swiper-container-initialized swiper-container-horizontal" dir="ltr">
                        <div class="swiper-wrapper" id="swiper-wrapper-2c1690503ded9be0" aria-live="off" style="transform: translate3d(-360px, 0px, 0px); transition: all 0ms ease 0s;">
                            @foreach($data->sections as $section)
                            <div class="swiper-slide swiper-slide-prev" style="width: 330px; margin-right: 30px;" role="group" aria-label="1 / 4">
                                <div class="cource-item !rounded-none">
                                    <div class="cource-img">
                                        @php($image = $info->where('title', $section->title.'.'.$section->id)->first())
                                        @if(!empty($image))
                                        <img src="{{route('download_file', ['archive'=>$image->id])}}" alt="img" class="h-40 w-full object-cover object-center !rounded-none">
                                        @else
                                        <img src="/int/images/defaultNews.jpg" alt="img" class="h-40 w-full object-cover object-center !rounded-none">
                                        @endif
                                    </div>
                                    <div class="course-body">
                                        <h4 class="title">
                                            <a href="{{$section->url()}}">
                                                @lang('tr.'.$section->locale->title)
                                            </a>
                                        </h4>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                        
                        <div class="swiper-pagination !left-2/4 mt-2 !relative swiper-pagination-clickable swiper-pagination-bullets">
                            <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span>
                            <span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2"></span>
                            <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span>
                        </div>
                        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endif