@if (!isset($visapage) && $page->children->count() > 5)
    @php
        $visapage = $page->children[5];
    @endphp
@endif
@isset($visas)
    @php
        $visaGalleries = $visas;
    @endphp
@endisset
@if (isset($visapage))
    <!-- Project One Start -->
  <section class="project-one section-bg section-pd">
    <div class="container">
        <div class="section-title text-center">
            <h2 class="section-title__title">{{ $visapage->short_description }}</h2>
        </div>
        <div class="project-one__bottom">
            <div class="project-one__carousel owl-carousel owl-theme thm-owl__carousel"
                data-owl-options='{
                      "loop": true,
                      "autoplay": false,
                      "margin": 30,
                      "nav": false,
                      "dots": false,
                      "smartSpeed": 500,
                      "autoplayTimeout": 10000,
                      "navText": ["<span class=\"fas fa-long-arrow-alt-left\"></span>","<span class=\"fas fa-long-arrow-alt-right\"></span>"],
                      "responsive": {
                        "0": { "items": 1 },
                        "768": { "items": 2 },
                        "992": { "items": 2 },
                        "1290": { "items": 3 }
                      }
                  }'>
                  
                @php
                    $galleries = $visaGalleries->galleries ?? [];
                @endphp

                @foreach ($galleries as $visa)
                    <div class="project-one__single">
                        <div class="project-one__img-box">
                            <div class="project-one__img">
                           
                             <img src="{{ $visa->images[0] }}"
                                     alt="Gallery Image" style="height:auto;">
                            </div>
                        </div>
                    </div>
                @endforeach
                

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

    <!-- Project One End -->
@endif
{{-- <script>
    $('.thm-owl__carousel').each(function () {
    var $this = $(this);
    var options = $this.data('owl-options');
    $this.owlCarousel(options);
});

</script> --}}