@php
    $isShowSection = isset($isShow)
        ? ($isShow ? (isset($eventReviews) && count($eventReviews)) : false)
        : false;
@endphp

@if ($isShowSection)

    <section class="bg-light pb-10 pt-10 event-reviews" id="reviewsSection">
        <div class="container">
            <h2 class="text-primary text-uppercase fs-38 fw-bold mb-4">
                {{ __('app.Voices of Impact') }}
            </h2>

            <div class="swiper-container dots-closer nav-color nav-top nav-end blog grid-view mb-0"
                data-margin="0"
                data-dots="true"
                data-items-lg="3"
                data-items-md="2"
                data-items-xs="1"
                data-watchoverflow="true"
                data-loop="true"
                data-nav="true">

                <div class="swiper">
                    <div class="swiper-wrapper">

                        @foreach ($eventReviews as $review)
                            <div class="swiper-slide">
                                <div class="item-inner">
                                    <div class="card bg-color2 border-0">
                                        <div class="card-body p-3 d-flex flex-column justify-content-between">
                                            <div class="mb-1">
                                                <svg width="40px" height="40px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.8533 9.11599C11.3227 13.9523 7.13913 19.5812 6.30256 26.0029C5.00021 36 13.9404 40.8933 18.4703 36.4967C23.0002 32.1002 20.2848 26.5196 17.0047 24.9942C13.7246 23.4687 11.7187 24 12.0686 21.9616C12.4185 19.9231 17.0851 14.2713 21.1849 11.6392C21.4569 11.4079 21.5604 10.9591 21.2985 10.6187C21.1262 10.3947 20.7883 9.95557 20.2848 9.30114C19.8445 8.72888 19.4227 8.75029 18.8533 9.11599Z" fill="#c7c7c7"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M38.6789 9.11599C31.1484 13.9523 26.9648 19.5812 26.1282 26.0029C24.8259 36 33.7661 40.8933 38.296 36.4967C42.8259 32.1002 40.1105 26.5196 36.8304 24.9942C33.5503 23.4687 31.5443 24 31.8943 21.9616C32.2442 19.9231 36.9108 14.2713 41.0106 11.6392C41.2826 11.4079 41.3861 10.9591 41.1241 10.6187C40.9519 10.3947 40.614 9.95557 40.1105 9.30114C39.6702 8.72888 39.2484 8.75029 38.6789 9.11599Z" fill="#c7c7c7"></path> </g></svg>
                                            </div>

                                            <div class="mb-2 fs-16 lh-md" style="text-align: justify;">
                                                {{ $review->review }}
                                            </div>

                                            <div class="d-flex align-items-start gap-3 reviewer mt-auto">
                                                @if ($review->image)
                                                    <div>
                                                        <img class="rounded-circle" 
                                                            src="{{ asset('storage/'.($review->image->thumbnail ?? $review->image?->path)) }}"
                                                            style="width: 84px" 
                                                            alt="{{ $review->name }}" />
                                                    </div>
                                                @endif

                                                <div class="lh-md">
                                                    <div class="fw-bold">{{ $review->name }}</div>

                                                    @if (! empty($review->job_title))
                                                        <div class="fs-14">{{ $review->job_title }}</div>
                                                    @endif

                                                    @if (! empty($review->company_name))
                                                        <div class="fs-14">{{ $review->company_name }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach

                    </div>
                </div>
            </div>

        </div>
    </section>

@endif