@extends('layout.app')
@section('title') Reviews
@endsection
@section('content')
{{--    <section class="innerBan p-0">--}}
{{--        <img src="{{ $homedecodedData['top_banner_image'] ? asset('upload/cms_images/' . $homedecodedData['top_banner_image']) : '' }}" class="img-fluid" alt="">--}}
{{--        <div class="container">--}}
{{--            <h2>Reviews</h2>--}}
{{--        </div>--}}
{{--    </section>--}}
@php
    if (!empty($get_single_reviews_banner_title->content)) {
           $reviewsdecodedData = json_decode($get_single_reviews_banner_title->content, true);
       }
@endphp
<section class="heroSection innerBan">
    <div class="main-slider p-0" id="mainSlider">
        <div class="swiper-container homeSlider">
            @if($reviewslSlider)
            <div class="swiper-wrapper">
                @php
                    $get_decode = json_decode($reviewslSlider->images);
                @endphp
                @foreach($get_decode as $index => $all_images)
                    <div class="swiper-slide">
                        <div class="slide-inner bg-image" data-background="{{ asset('upload/sliders/'.$all_images) }}">
                            <div class="slider-overlay">
                                <div class="container">
                                    <div class="row no-gutters">
                                        <div class="col-12 mb-5 pb-5">
                                            <div class="heroText">
                                                <h2 class="">{{$reviewsdecodedData['top_title'] ?? ''}}</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            @else
                <h3 class="text-center text-white mt-5">
                    Images Not Found
                </h3>

            @endif
        </div>
    </div>
</section>
    <!-- Customer Section -->
    <section class="customerSection innerReview">
        <div class="container">
            <div class="row">
                @forelse($get_reviews as $review)
                <div class="col-md-4" data-aos="fade-up">
                    <div class="customerWrap">
                        <div class="customerBox">
                            <span>"</span>
                            <ul>
                                @for($i = 1; $i <= $review->star_rated; $i++)
                                    <li><i class="fas fa-star"></i></li>
                                @endfor

                                @for($j = $review->star_rated + 1; $j <= 5; $j++)
                                    <li><i class="fas fa-star text-muted"></i></li>
                                @endfor
                            </ul>
                            <p>{!! $review->description ?: '' !!}</p>
                            <img src="{{asset('images/customerPath.png')}}" class="img-fluid customerPath" alt="">
                        </div>
                        <div class="customerUser">
                            <img src="{{ $review->image ? asset('upload/cms_images/'.$review->image) : asset('admin/dist/img/placeholder.png') }}" class="img-fluid" alt="">
                            <h3>{{ $review->user_name ? : ''}}</h3>
                        </div>
                    </div>
                </div>
                @empty
                    <h1 class="text-center">Reviews Not Found</h1>
                @endforelse
            </div>
        </div>
    </section>
    <!-- Customer Section -->

@endsection