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

    <div id="rs-testimonial" class="rs-testimonial bg5 sec-spacer mt-70 mb-70">
        <div class="container">
            <div class="sec-title mb-50 text-center">
                <h2 class="white-color">@lang('tr.Meet Our Leaders')</h2>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="owl-carousel js-owl-nav owl-nav-1 owl-theme" data-loop="true"
                    data-items="1" data-margin="30" data-autoplay="true" data-autoplay-timeout="12000"
                    data-smart-speed="1200" data-dots="true" data-nav="true" data-nav-speed="false"
                    data-mobile-device="1" data-mobile-device-nav="true" data-mobile-device-dots="true"
                    data-ipad-device="1" data-ipad-device-nav="true" data-ipad-device-dots="true" data-md-device="1"
                    data-md-device-nav="true" data-md-device-dots="true">
                    
                        @php($info = $website->leaders())
                        @if(!empty($info))
                            @php($leaders = $info->childrenFiles()->where('title', '!=', "")->get())
    
                            @if(!empty($leaders))
                                @foreach($leaders as $leader)
                                    <div class="testimonial-item">
                                        <div class="testi-img">
                                            <img src="{{route('download_file', ['archive'=> $leader->id])}}" alt="{{$leader->sub_title}}">
                                        </div>
                                        <div class="testi-desc">
                                            <h4 class="testi-name">
                                                {{$leader->sub_title}}
                                                <br>
                                                <small style="font-size: 12px;">{{$leader->title}}</small>
                                            </h4>
                                            <p style="text-align:justify">{{$leader->description}}</p>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    @section('pagejs')
    <script>
        $(document).ready(function() {
            
            $('.owl-next').hide();
            $('.owl-prev').hide();
            $('.owl-carousel').owlCarousel({
                loop:true,
                margin:10,
                nav:true,
                responsive:{
                    0:{
                        items:1
                    },
                    600:{
                        items:3
                    },
                    1000:{
                        items:5
                    }
                }
            })
    
        });
    </script>
    @endsection
@endif