@extends(themeView('master'))
@php
    foreach ($staticPageList as $page) {
        if ($page->slug == 'testimonial') {
            $testimonialpage = $page;
        }
    }
    if (isset($testimonialpage->featured_image)) {
        $image = $testimonialpage->image_link;
    } else {
        $image = themePath('images/accommodation-15.jpg');
    }
@endphp
@section('meta-tags')
    @if (isset($testimonialpage))
        @include(themeView('partials.static-meta'), ['page' => $testimonialpage])
    @else
        @include(themeView('partials.meta-tags'))
    @endif
    @if (isset($testimonialpage->schemaSript))
        <script type="application/ld+json">
            {!! $testimonialpage->schemaSript->script !!}
        </script>
    @endif
@endsection

@section('content')
    <section class="page-box">
        <div class="page-bg">
            @if (isset($testimonialPage) &&
                    isset($testimonialPage->acf->details) &&
                    isset($testimonialPage->acf->details->acf_banner_image))
                <img src="{!! imgPath('uploads/acf/' . $testimonialPage->acf->details->acf_banner_image) !!}" alt="">
            @else
                <img src="{{ themePath('images/slide-05.jpg') }}" alt="">
            @endif
            <div class="container page-info">
                <div class="row title-row">
                    <div class="items col-12">
                        <h1 class="titles text-center section-title wow animate__animated animate__fadeIn">
                            Testimonials
                        </h1>
                        <ul class="breadcrumbs m-auto float-none d-table wow animate__animated animate__fadeIn">
                            <li class="first">
                                <a href="{{ route('frontend.home') }}" title="Home">Home</a>
                            </li>
                            <li class="active">Testimonials</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="detail-section news-articles">
        <div class="container">
            <div class="row about-row">
                <div class="items detail-content-box col-md-10 col-10 col-sm-12 offset-md-1">
                    @if (isset($testimonialPage) && isset($testimonialPage->tagline))
                        <h2 class="titles page-sub-title">
                            {{ $testimonialPage->tagline }}
                        </h2>
                    @endif
                    @if (isset($testimonialPage) && isset($testimonialPage->summary))
                        <div class="editor-box">
                            <p>{{ $testimonialPage->summary }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </section>

    <section class="detail-section news-articles testimonial-section">
        <div class="container">
            <div class="testimonials-list">
                @foreach ($testimonials as $testimonial)
                    <div class="items wow animate__animated animate__zoomInUp">
                        <div class="text-center story-boundary">
                            <div class="media">
                                <figure class="article-img">
                                    <img src="{{ $testimonial->image_link }}" alt="{{ $testimonial->title }}">
                                </figure>
                                <span class="media-body">
                                    <span class="titles title-6 story-title">
                                        {{ $testimonial->title }}
                                    </span>
                                    <span class="address-title">
                                        {{ $testimonial->address }}
                                    </span>
                                </span>
                            </div>
                            <span class="description">
                                {{ $testimonial->summary }}
                            </span>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endsection