first

resources/views/client/rohini/pages/partials/visa.blade.php

@@ -0,0 +1,71 @@
+@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> --}}
+
+  
+