@extends('User.layouts.layout')
@section('left_image',$setting['testimonial_image'])
@section('breadcrumb',__('website.testimonials'))
@section('contents')

@if (count($Testimonials))
<!--start testimonial-->
<div class="testimonial position-relative">
    <div class="in_testimoial">
        <div class="my-3">
            <div class="position-relative">
                <div id="carouselExampleControls_test" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        @foreach ($Testimonials as $Testimonial)
                        <div class="carousel-item {{ $loop->first ? 'active' : '' }} mt-5 pt-5">
                            <div class="d-flex justify-content-center align-items-center">
                                <div class="our_testimonial position-relative rounded">
                                    <div class="in_test_img">
                                        <img src="{{ $Testimonial['image'] }}" class="img-fluid" alt="{{ $Testimonial['title_'.lang()] }}">
                                    </div>
                                    <div class="my-4 py-4"></div>
                                    <div class="text-center">
                                        <h3 class="bold_font">{{ $Testimonial['title_'.lang()] }}</h3>
                                        <p class="tiny_font">{! $Testimonial['desc_'.lang()] !!}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    @if (count($Testimonials) > 1)
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls_test" data-bs-slide="prev">
                        <div class="to_left_and_right">
                            <i class="fa-solid fa-chevron-left"></i>
                        </div>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls_test" data-bs-slide="next">
                        <div class="to_left_and_right">
                            <i class="fa-solid fa-chevron-right"></i>
                        </div>
                    </button>
                    @endif
                </div>

            </div>
        </div>
    </div>
</div>
@endif

@endsection