{{--<div class="video-play">
    <div class="cover">
        <!-- End Video -->
        <!-- Container for title and button -->
        <div id="testimonials" class="video-play-content wrap-bg-dark wrapper-content">
            <div class="container clearfix">
                <div class="section-title text-center pb-3">
                    <h3>Visitor Experience</h3>
                    <div class="bar"></div>
                </div>
                <div class="row">
                    <div class="col-sm-12 col-md-12 col-lg-12 center-column">
                        <div class="carousel-slider general-slider">
                            <div class="col-sm-3 container">
                                <!-- 2 -->
                                <div class="themeioan_testimonial"><!-- single testimonial item -->
                                    <div class="testimonail-content">
                                        <div class="testimonial-text text-center image-overly-dark-opacity">
                                            <img src="images/content/testimonials/1-Mr.A-from-Dubai.jpg" alt="background"/>
                                            <div class="video-relative">
                                                <a href="video/1-Mr.A-from-Dubai.mp4" class="video-btn trial-video-btn popup-video ">
                                                    <i class="fas fa-play"></i>
                                                    <span class="ripple orangebg"></span>
                                                    <span class="ripple orangebg"></span>
                                                    <span class="ripple orangebg"></span>
                                                </a>
                                            </div>
                                            <div class="pt-1 ">
                                                <span class="font-italic font-weight-bold">Mr. A,  from Dubai.</span>
                                                <br><br>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- end single testimonial item -->
                            </div>
                            <div class="col-sm-3">
                                <!-- 3 -->
                                <div class="themeioan_testimonial"><!-- single testimonial item -->
                                    <div class="testimonail-content">
                                        <div class="testimonial-text text-center image-overly-dark-opacity">
                                            <img src="images/content/testimonials/2-Mr.S-from-England.jpg" alt="background"/>
                                            <div class="video-relative">
                                                <a href="video/2-Mr.S-from-England.mp4" class="video-btn trial-video-btn popup-video ">
                                                    <i class="fas fa-play"></i>
                                                    <span class="ripple orangebg"></span>
                                                    <span class="ripple orangebg"></span>
                                                    <span class="ripple orangebg"></span>
                                                </a>
                                            </div>
                                            <div class="pt-1">
                                                <span class="font-italic font-weight-bold">Mr. S, from England.</span>
                                                <br><br>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- end single testimonial item -->
                            </div>
                            <div class="col-sm-3">
                                <!-- 1 -->
                                <div class="themeioan_testimonial"><!-- single testimonial item -->
                                    <div class="testimonail-content">
                                        <div class="testimonial-text text-center image-overly-dark-opacity">
                                            <img src="images/content/testimonials/3-Mr.J-from-Texas-USA.jpg" alt="background"/>
                                            <div class="video-relative">
                                                <a href="video/3-Mr.J-from-Texas-USA.mp4" class="video-btn trial-video-btn popup-video ">
                                                    <i class="fas fa-play"></i>
                                                    <span class="ripple orangebg"></span>
                                                    <span class="ripple orangebg"></span>
                                                    <span class="ripple orangebg"></span>
                                                </a>
                                            </div>
                                            <div class="pt-1 ">
                                                <span class="font-italic font-weight-bold">Mr. J, from Texas, USA.</span>
                                                <br><br>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- end single testimonial item -->
                            </div>
                            <div class="col-sm-3">
                                <!-- 3 -->
                                <div class="themeioan_testimonial"><!-- single testimonial item -->
                                    <div class="testimonail-content">
                                        <div class="testimonial-text text-center image-overly-dark-opacity">
                                            <img src="images/content/testimonials/4-Mr.A-from-England.jpg" alt="background"/>
                                            <div class="video-relative">
                                                <a href="video/4-Mr.A-from-England.mp4" class="video-btn trial-video-btn popup-video ">
                                                    <i class="fas fa-play"></i>
                                                    <span class="ripple orangebg"></span>
                                                    <span class="ripple orangebg"></span>
                                                    <span class="ripple orangebg"></span>
                                                </a>
                                            </div>
                                            <div class="pt-1">
                                            <span class="font-italic font-weight-bold">Mr. A, from England.</span>
                                                <br><br>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- end single testimonial item -->
                            </div>
                            <div class="col-sm-3">
                                <!-- 3 -->
                                <div class="themeioan_testimonial"><!-- single testimonial item -->
                                    <div class="testimonail-content">
                                        <div class="testimonial-text text-center image-overly-dark-opacity">
                                            <img src="images/content/testimonials/5-Mr.A-from-England.jpg" alt="background"/>
                                            <div class="video-relative">
                                                <a href="video/5-Mr.A-from-England.mp4" class="video-btn trial-video-btn popup-video ">
                                                    <i class="fas fa-play"></i>
                                                    <span class="ripple orangebg"></span>
                                                    <span class="ripple orangebg"></span>
                                                    <span class="ripple orangebg"></span>
                                                </a>
                                            </div>
                                            <div class="pt-1">
                                                <span class="font-italic font-weight-bold">Mr. A, from England.</span>
                                                <br><br>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- end single testimonial item -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>--}} {{--old code--}}
<div class="video-play">
    <div class="cover">
        <!-- End Video -->
        <!-- Container for title and button -->
        <div id="testimonials" class="video-play-content wrap-bg-dark wrapper-content">
            <div class="container clearfix">
                <div class="section-title text-center pb-3">
                    <h3>Visitor Experience</h3>
                    <div class="bar"></div>
                </div>
                <div class="row">
                    <div class="col-sm-12 col-md-12 col-lg-12 center-column">
                        @if(isset($testimonials)  && count($testimonials)>0)
                        <div class="carousel-slider general-slider">
                            @foreach($testimonials as $testimonial)
                            @if($testimonial->type=='video')
                            <div class="col-sm- container">
                                <div class="themeioan_testimonial"><!-- single testimonial item -->
                                    <div class="testimonail-content">
                                        <div class="testimonial-text text-center image-overly-dark-opacity">
                                            <img src="@if(isset($testimonial->profile) && $testimonial->profile!='placeholder.jpg')https://erp.nsol.sg/storage/testimonials-profile/{{$testimonial->profile}} @else images/default_avatar.jpg @endif" alt="background"/>
                                            <div class="video-relative">
                                                <a href="https://erp.nsol.sg/storage/testimonials/{{$testimonial->content}}" class="video-btn trial-video-btn popup-video ">
                                                    <i class="fas fa-play"></i>
                                                    <span class="ripple orangebg"></span>
                                                    <span class="ripple orangebg"></span>
                                                    <span class="ripple orangebg"></span>
                                                </a>
                                            </div>
                                            <div class="pt-1 ">
                                                <span class="font-italic font-weight-bold">{{$testimonial->by}}</span>
                                                <br><br>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- end single testimonial item -->
                            </div>
                                @elseif($testimonial->type=='content')
                                    <div class="col-sm- container">
                                        <!-- 2 -->
                                        <div class="themeioan_testimonial"><!-- single testimonial item -->
                                            <div class="testimonail-content">
                                                <div class="testimonial-text text-center image-overly-dark-opacity">
                                                    <p>“{{$testimonial->content}}”</p>
                                                    <div class="pt-3 ">
                                                        <br>
                                                        <span class="font-italic font-weight-bold">{{$testimonial->by}}</span>
                                                        <img class="bdr-test-img" src="@if(isset($testimonial->profile) && $testimonial->profile!='placeholder.jpg')https://erp.nsol.sg/storage/testimonials-profile/{{$testimonial->profile}}@else images/default_avatar.jpg @endif" height="50" width="50" alt="Avatar"/>
                                                        <br>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- end single testimonial item -->
                                    </div>
                                @endif
                            @endforeach
                        </div>
                        @else
                            <span class="text-white justify-content-center text-center col-md-12">Coming Soon...</span>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>