@extends('layoutsfrontend.master')
@section('content')
 <!-- Hero Section Start -->
    <div class="hero hero-video bg-section dark-section">
        <!-- Video Start -->
        <div class="hero-bg-video">
            <!-- Selfhosted Video Start -->
            <!-- <video autoplay muted loop id="myvideo"><source src="images/hero-bg-video.mp4" type="video/mp4"></video> -->
            <video autoplay muted loop id="myvideo"><source src="{{ asset('videos/banner_video.mp4') }}" type="video/mp4"></video>            
            <!-- Selfhosted Video End -->
            <!-- Youtube Video Start -->
            <!-- <div id="herovideo" class="player" data-property="{videoURL:'OjTRVpgtcG4',containment:'.hero-video', showControls:false, autoPlay:true, loop:true, vol:0, mute:false, startAt:0,  stopAt:296, opacity:1, addRaster:true, quality:'large', optimizeDisplay:true}"></div> -->
            <!-- Youtube Video End -->
        </div>
        <!-- Video End -->
        <!-- Hero Section Start -->
        <div class="hero-section">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-lg-9">
                        <!-- Hero Content Start -->
                        <div class="hero-content">
                            <!-- Section Title Start -->
                            <div class="section-title">
                                <h1 class="text-anime-style-3" data-cursor="-opaque">Where Medical Excellence Meets Genuine Care and Human Compassion</h1>
                            </div>
                            <!-- Section Title End -->  
                             <div class="banner_search">
                                <form role="search" method="get" action="">
  <div class="input-container">
		<input type="search" class="search-input" value="" name="s" placeholder="Search for doctors & specialities......" />
    <button type="submit" class="search-submit" name="submit"><img src="{{ asset('images/search.png') }}"></button>
  </div><!-- input-container -->
</form><!-- searchform -->
                             </div>      
                        </div>
                        <!-- Hero Content End -->
                    </div>

                    <div class="col-lg-3">
                        <!-- Recovery Circle Start -->
                        <div class="recovery-circle">
                            <a href="#"><img src="{{ asset('images/recovery-circle.svg') }}" alt=""></a>
                        </div>
                        <!-- Recovery Circle End -->
                    </div>
                </div>
            </div>
        </div>
        <!-- Hero Section End -->
    </div>
    <!-- Hero Section End -->
    
    <!----------------Top Button Start----------------->
        <div class="topbutton">
            <div class="container">
                    <div class="topbutton-wrap">
                         <!-- Hero Body Start -->
                            <div class="hero-body">
                                <!-- Hero Button Start -->
                                <div class="hero-btn wow fadeInUp" data-wow-delay="0.2s">
                                    <a href="book-appointment.html" class="btn-default btn-dark">Book an appointment </a>
                                </div>
                                <div class="hero-btn wow fadeInUp" data-wow-delay="0.2s">
                                    <a href="book-appointment.html" class="btn-default btn-dark">Book a Heath Check </a>
                                </div>
                                <div class="hero-btn wow fadeInUp" data-wow-delay="0.2s">
                                    <a href="book-appointment.html" class="btn-default btn-dark">Find hospital</a>
                                </div>
                                <!-- Hero Button End -->
                            </div>
                            <!-- Hero Body End --> 
                    </div>
                    </div>
                    </div>
     <!----------------Top Button End----------------->

     <!-- chairmain_about Section Start -->
    <div class="chairmain_about">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <!-- Our Care Images Start -->
                    <div class="our-care-images">
                        <!-- Care Image 1 Start -->
                        <div class="care-image-1">
                            <figure class="image-anime reveal">
                                <img src="{{ asset('images/hafeez_rahman.jpg') }}" alt="">
                            </figure>
                           
                        </div>
                        <!-- Care Image 1 End -->
                        
                        <!-- Trusted Profession Box Start -->
                        <div class="trusted-profession-box wow fadeInUp">
                            <div class="icon-box">
                                <img src="{{ asset('images/icon-doctor.svg') }}" alt="">
                            </div>
                            <div class="trusted-profession-content">
                                <h3>Gynaecology, Obstetrics, and Infertility</h3>
                            </div>
                        </div>
                        <!-- Trusted Profession Box End -->

                        <!-- Care image 2 Start -->
                        <div class="care-image-2">
                             <a href="https://www.youtube.com/watch?v=YtlLdYiVaWk" class="popup-video">
                            <figure class="image-anime reveal">
                                <img src="{{ asset('images/surgen.jpg') }}" alt="">
                            </figure>
                            </a>  
                        </div>
                        <!-- Care image 2 End -->
                    </div>
                    <!-- Our Care Images End -->
                </div>

                <div class="col-lg-6">
                    <!-- Our Care Content Start -->
                    <div class="our-care-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Chief Gynaecologist And Laparoscopic Surgeon</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Dr. Hafeez Rahman Padiyath</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">We offer personalized treatment plans expert medical care and emotional support to guide you through every stage of recovery</p>
                        </div>
                        <!-- Section Title End -->

                        <!-- Care Counter List Start -->
                        <div class="care-counter-list">
                            <!-- Care Counter Item Start -->
                            <div class="care-counter-item">
                                <div class="icon-box">
                                    <img src="{{ asset('images/icon-care-counter-1.svg') }}" alt="">
                                </div>
                                <div class="care-counter-item-content">
                                    <h2><span class="counter">25</span>+</h2>
                                    <p>Years of experience</p>
                                </div>
                            </div>
                            <!-- Care Counter Item End -->
                            
                            <!-- Care Counter Item Start -->
                            <div class="care-counter-item">
                                <div class="icon-box">
                                    <img src="{{ asset('images/icon-care-counter-2.svg') }}" alt="">
                                </div>
                                <div class="care-counter-item-content">
                                    <h2><span class="counter">80</span>%</h2>
                                    <p>Client success rate</p>
                                </div>
                            </div>
                            <!-- Care Counter Item End -->
                            
                            <!-- Care Counter Item Start -->
                            <div class="care-counter-item">
                                <div class="icon-box">
                                    <img src="{{ asset('images/icon-care-counter-3.svg') }}" alt="">
                                </div>
                                <div class="care-counter-item-content">
                                    <h2><span class="counter">20</span>+</h2>
                                    <p>Global reach</p>
                                </div>
                            </div>
                            <!-- Care Counter Item End -->
                        </div>
                        <!-- Care Counter List End -->
                         <div class="chairmain_cta">
                        <a href="#" class="view_profile">View Profile</a>
                        <div class="about-us-btn wow fadeInUp" data-wow-delay="0.8s">
                            <a href="#" class="btn-default">Book an appointment</a>
                        </div>
                     </div>
                    </div>
                    <!-- Our Care Content End -->
                </div>
            </div>
        </div>
    </div>
    <!-- chairmain_about Section End -->

    <!-- About Us Section Start -->
    <div class="home-about-us">
        <div class="container">
            <div class="row align-items-center">

                <div class="col-lg-6">
                    <!-- Hero Content Box Start -->
                    <div class="about-us-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">About us</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Committed to healing and lasting recovery</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">
                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
                             when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the
                              leap into electronic typesetting, remaining essentially unchanged. 
                              </p>
                              <p class="wow fadeInUp" data-wow-delay="0.2s">
                              It was popularised in the 1960s with the release of Letraset sheets containing 
                              Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.  
                            </p>
                        </div>
                        <!-- Section Title End -->
                    

                        <!-- About Contact Button Start -->
                        <div class="about-us-btn wow fadeInUp" data-wow-delay="0.8s">
                            <a href="#" class="btn-default">learn more about</a>
                        </div>
                        <!-- About Contact Button End -->
                    </div>
                    <!-- Hero Content Box End -->
                </div>
                <div class="col-lg-6">
                    <!-- About Us Images Start -->
                    <div class="about-us-images">
                        <!-- About Image 1 Start -->
                        <div class="about-img-1">
                            <figure class="image-anime reveal">
                                <img src="{{ asset('images/about-image-1.jpg') }}" alt="">
                            </figure>      
                        </div>
                        <!-- About Image 1 End -->

                        <!-- About Image 2 Start -->
                        <div class="about-img-2">
                            <figure class="image-anime">
                                <img src="{{ asset('images/about-image-2.jpg') }}" alt="">
                            </figure>

                          
                        </div>
                        <!-- About Image 2 End -->                  
                    </div>
                    <!-- About Us Images End -->
                </div>
            </div>
        </div>
    </div>
    <!-- About Us Section End -->

    <!-- Our Services Section Start -->
    <div class="our-services bg-section">
        <div class="container">
            <div class="row section-row align-items-center">
                <div class="col-lg-12">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">our Departments</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Our Hospital offers a range of specialized
departments for tailored care</h2>
                    </div>
                    <!-- Section Title End -->
                </div>
            </div>

            <div class="row service-list">

                <!-- Departments Slider Start -->
                <div class="departments-slider">
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            @foreach ($department as $index => $item)
                                <div class="swiper-slide">
                                    <div class="service-item @if($index == 0) active @endif wow fadeInUp" aria-label="">
                                        <div class="service-title">
                                            <h3><a href="#">{{ $item->name }}</a></h3>
                                        </div>
                                        <div class="icon-box">
                                            @php
                                                $deptImage = $item->galleries(3)->first();
                                                $imagePath = getgallery($deptImage);
                                            @endphp
                                            @if($imagePath)
                                                <img src="{{ $imagePath }}" alt="{{ $item->name }}">
                                            @else
                                                <img src="{{ asset('images/department01.png') }}" alt="{{ $item->name }}">
                                            @endif
                                        </div>
                                        <div class="service-content">
                                            <p>{{ Str::limit(strip_tags($item->description), 80) }}</p>
                                        </div>
                                        <div class="service-btn">
                                            <a href="#" class="readmore-btn">Learn More</a>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="slider_bottom_box">
                            <div class="departments-slider-btn">
                                <div class="departments-button-prev"></div>
                                <div class="departments-button-next"></div>
                            </div>
                            <a href="#" class="btn-default">Explore</a>
                        </div>
                    </div>
                </div>
                <!-- Departments Slider End -->


                
            </div>            
        </div>
    </div>
    <!-- Our Services Section End -->

     <!----------------Doctors List Start----------------->
     <div class="doctors_section">
  <div class="container">
    <div class="row">
        <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">Our Doctors</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Meet Our Amazing Doctors</h2>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">Trust our dedicated professionals to guide you on your optimal health and well-being journey.</p>

                    </div>
                    <!-- Section Title End -->
      <div class="col-12">
        <div class="swiper-doctors" id="1234">
            <div class="swiper-wrapper">
                @foreach($doctors as $index => $doctor)
                    <div class="swiper-slide">
                        <div class="doctors-item h-100 d-flex flex-column text-center justify-space-between" aria-label="">
                            <div class="doctors-item-content">
                                <div class="doctor_image">
                                    <div class="doctors_buttons">
                                        <ul>
                                            <li><a href="#">Book an Appointment</a></li>
                                            <li><a href="#">Profile</a></li>
                                        </ul>
                                    </div>
                                    @php
                                        $doctorImage = $doctor->galleries(3)->first();
                                        $imagePath = getgallery($doctorImage);
                                    @endphp
                                    @if($imagePath)
                                        <img src="{{ $imagePath }}" alt="{{ $doctor->name }}">
                                    @else
                                        <img src="{{ asset('images/doctor01.jpg') }}" alt="{{ $doctor->name }}">
                                    @endif
                                </div>
                                <div class="doctor_content">
                                    <h4>{{ $doctor->name }}</h4>
                                    <p>{{ $doctor->designation }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
          <div class="slider_bottom_box">
          <div class="slider-button-wrap d-flex">
            <div class="slider-button-prev swiperDoctorsPrev"><span class="icon"></span></div>
            <div class="slider-button-next swiperDoctorsNext"><span class="icon"></span></div>
          </div>
          <a href="#" class="btn-default">View All</a>
          </div>
        </div>
      </div>
    </div>
          </div>
        </div>
      </div>
    </div>
</div>

  <!-- Our Programs Section Start -->
    <div class="our-programs bg-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <!-- Programs Image Body Start -->
                    <div class="programs-image-box">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Our Facilities</h2>
                            <p>At our rehab clinic, we combine medical expertise, compassionate care, and personalized treatment plans to help each individual heal holistically.</p>
                        </div>
                        <!-- Section Title End -->

                        <!-- Programs Item Body Start -->
                        <div class="programs-item-body">
                            
                            <div class="programs-body-image">
                                <figure>
                                    <img src="{{ asset('images/programs-body-image.png') }}" alt="">
                                </figure>
                            </div>
                        </div>
                        <!-- Programs Item Body ENd -->
                    </div>
                    <!-- Programs Image Body End -->
                </div>
                
                <div class="col-lg-8">
                    <!-- facilities Slider Start -->
                        <div class="facilities-slider">
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                    @foreach($facilities as $index => $facility)
                                        <!-- slide start -->
                                        <div class="swiper-slide">
                                            <div class="facilities-item wow fadeInUp" data-wow-delay="{{ ($index % 5) * 0.2 }}s">
                                                <div class="facilities_image">
                                                    @php
                                                        $facilityImage = $facility->galleries(4)->first();
                                                        $imagePath = getgallery($facilityImage);
                                                    @endphp
                                                    @if($imagePath)
                                                        <img src="{{ $imagePath }}" alt="{{ $facility->name }}">
                                                    @else
                                                        <img src="{{ asset('images/facilities01.jpg') }}" alt="{{ $facility->name }}">
                                                    @endif
                                                </div>
                                                <h3>{{ $facility->name }}</h3>
                                            </div>
                                        </div>
                                        <!-- slide End -->
                                    @endforeach
                                </div>
                                <div class="facilities_control">
                                    <div class="facilities-slider-btn">
                                        <div class="facilities-button-prev"></div>
                                        <div class="facilities-button-next"></div>
                                    </div>
                                    <a href="#" class="btn-default">View All</a>
                                </div>
                            </div>
                        </div>
                        <!-- facilities Slider End -->
                        
                </div>
            </div>
        </div>
    </div>
    <!-- Our Programs Section End -->

<!-- Why Choose Us Section Start -->
    <div class="why-choose-us">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <!-- Why Choose Us Content Start -->
                    <div class="why-choose-us-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">why sunrise</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">SUNRISE HAVEN </h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">At our rehab clinic, we combine medical expertise, compassionate care, and personalized treatment plans to help each individual heal holistically.</p>
                        </div>
                        <!-- Section Title End -->

                        <!-- Why Choose Button Start -->
                        <div class="why-choose-btn wow fadeInUp" data-wow-delay="0.4s">
                            <a href="#" class="btn-default">Learn More</a>
                        </div>
                        <!-- Why Choose Button End -->

                        <!-- Why Choose Item Box Start -->
                        <div class="why-choose-item-box">
                            <!-- Why Choose Item Start -->
                            <div class="why-choose-item wow fadeInUp" data-wow-delay="0.6s">
                                <div class="why-choose-item-content">
                                    <h3>Healing Environment</h3>
                                    <p>A safe, supportive, and judgment-free space designed to help you.</p>
                                </div>
                            </div>
                            <!-- Why Choose Item End -->

                            <!-- Why Choose Item Start -->
                            <div class="why-choose-item wow fadeInUp" data-wow-delay="0.8s">
                                <div class="why-choose-item-content">
                                    <h3>Comprehensive Aftercare</h3>
                                    <p>A safe, supportive, and judgment-free space designed to help you.</p>
                                </div>
                            </div>
                            <!-- Why Choose Item End -->
                             <!-- Why Choose Item Start -->
                            <div class="why-choose-item wow fadeInUp" data-wow-delay="0.6s">
                                <div class="why-choose-item-content">
                                    <h3>Healing Environment</h3>
                                    <p>A safe, supportive, and judgment-free space designed to help you.</p>
                                </div>
                            </div>
                            <!-- Why Choose Item End -->

                            <!-- Why Choose Item Start -->
                            <div class="why-choose-item wow fadeInUp" data-wow-delay="0.8s">
                                <div class="why-choose-item-content">
                                    <h3>Comprehensive Aftercare</h3>
                                    <p>A safe, supportive, and judgment-free space designed to help you.</p>
                                </div>
                            </div>
                            <!-- Why Choose Item End -->
                        </div>
                        <!-- Why Choose Item Box End -->
                    </div>
                    <!-- Why Choose Us Content End -->                
                </div>

                <div class="col-lg-6">
                    <!-- Why Choose Image Box Start -->
                    <div class="why-choose-image-box">
                        <!-- Why Choose Image Start -->
                        <div class="why-choose-image">
                            <figure>
                                <img src="{{ asset('images/why-choose-image.png') }}" alt="">
                            </figure>
                        </div>
                        <!-- Why Choose Image End -->
                        
                    </div>
                    <!-- Why Choose Image Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Why Choose Us Section End -->
   

    <!-- Our Feature Section Start -->
    <div class="our-feature bg-section">
        <div class="container">
            <div class="row section-row align-items-center">

                
                <div class="col-lg-6">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">Health packages</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Discover the key features of our care</h2>
                    </div>
                    <!-- Section Title End -->
                </div>

                <div class="col-lg-6">
                    <!-- Section Button Start -->
                    <div class="section-btn wow fadeInUp" data-wow-delay="0.2s">
                        <a href="#" class="btn-default">View All Packages</a>
                    </div>
                    <!-- Section Button End -->
                </div>
            </div>

            <div class="row feature-item-box">

                <!-- packages Slider Start -->
                        <div class="packages-slider">
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                    @foreach($healthpackages as $index => $package)
                                        <!-- slide start -->
                                        <div class="swiper-slide">
                                            <div class="feature-item @if($index == 0) active @endif wow fadeInUp" data-wow-delay="{{ ($index % 5) * 0.2 }}s">
                                                <div class="icon-box">
                                                    <img src="{{ asset('images/icon_package01.svg') }}" alt="">
                                                </div>
                                                <div class="feature-item-header">
                                                    <h3>{{ strtoupper($package->name) }}</h3>
                                                </div>
                                                <div class="feature-item-content package_top_cont">
                                                    <p>{{ Str::limit(strip_tags($package->description), 60) }}</p>
                                                </div>
                                                <div class="package_image">
                                                    <figure class="image-anime">
                                                        @php
                                                            $packageImg = $package->galleries(5)->first();
                                                            $packagePath = getgallery($packageImg);
                                                        @endphp
                                                        @if($packagePath)
                                                            <img src="{{ $packagePath }}" alt="{{ $package->name }}">
                                                        @else
                                                            <img src="{{ asset('images/package01.jpg') }}" alt="{{ $package->name }}">
                                                        @endif
                                                    </figure>
                                                </div>
                                                <div class="feature-item-content">
                                                    <p>{{ Str::limit(strip_tags($package->description), 100) }}</p>
                                                </div>
                                                <div class="feature-counter-item">
                                                    <div class="feature-counter-content">
                                                        <h2>{{ $package->package_rate }} Rs @if($package->package_rate_age_limit) <span>({{ $package->package_rate_age_limit }})</span> @endif</h2>
                                                    </div>
                                                </div>
                                                <div class="feature-counter-item">
                                                    <div class="feature-counter-content">
                                                        <a href="#" class="viewpackages">View Details</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- slide End -->
                                    @endforeach
                                </div>
                                <div class="packages_control">
                                    <div class="slider-button-wrap">
                                        <div class="slider-button-prev packages-button-prev"><span class="icon"></span></div>
                                        <div class="slider-button-next packages-button-next"><span class="icon"></span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- packages Slider End -->
                
            </div>
        </div>
    </div>
    <!-- Our Feature Section End -->

  


  
     <!-- locations Start -->
    <div class="location_section">
        <div class="container">
                    <div class="location-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Our Locations</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Your Health, Our Priority: Discover Our
Hospital Locations</h2>                        </div>
                        <!-- Section Title End -->

                        <div class="row">
                            @foreach($hospitals as $index => $hospital)
                                <!-- location section Start -->
                                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="{{ ($index % 3) * 0.2 }}s">
                                    <div class="location_part">
                                        <a href="#">
                                            <div class="loaction_bg">
                                                @php
                                                    $hospitalImg = $hospital->galleries(16)->first();
                                                    $hospitalPath = getgallery($hospitalImg);
                                                @endphp
                                                @if($hospitalPath)
                                                    <img src="{{ $hospitalPath }}" alt="{{ $hospital->name }}">
                                                @else
                                                    <img src="{{ asset('images/sunrise-kakkanad.jpg') }}" alt="{{ $hospital->name }}">
                                                @endif
                                            </div>
                                            <div class="loaction_content">
                                                <h2>{{ $hospital->location }}</h2>
                                                <p>{!! $hospital->address !!}</p>
                                                @if($hospital->email)
                                                    <p>
                                                        <img src="{{ asset('images/icon-mail.svg') }}" alt="">
                                                        {{ $hospital->email }}
                                                    </p>
                                                @endif
                                                @if($hospital->phone)
                                                    <p>
                                                        <img src="{{ asset('images/icon-phone.svg') }}" alt="">
                                                        {{ $hospital->phone }}
                                                    </p>
                                                @endif
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <!-- location section end -->
                            @endforeach
                        </div>
                        <div class="slider_bottom_box justify-content-center">
                         <a href="#" class="btn-default">View All Locations</a>
                        </div>
                    </div>
        </div>
    </div>
    <!-- locations End -->
    <!-- Our Faqs Section Start -->
    <div class="our-faqs bg-section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <!-- Faqs Content Start -->
                    <div class="faqs-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Frequently asked question</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Common questions about our rehab services</h2>
                        </div>
                        <!-- Section Title End -->

                        <!-- FAQ Accordion Start -->
                        <div class="faq-accordion" id="faqaccordion">
                            <!-- FAQ Item Start -->
                            <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
                                <h2 class="accordion-header" id="heading1">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                        Q1. What types of addiction do you treat?
                                    </button>
                                </h2>
                                <div id="collapse1" class="accordion-collapse collapse" aria-labelledby="heading1" data-bs-parent="#faqaccordion">
                                    <div class="accordion-body">
                                        <p> We provide comprehensive treatment for wide range of addictions, including alcohol, prescription medications, opioids, heroin, cocaine, methamphetamine, and other substances.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- FAQ Item End -->

                            <!-- FAQ Item Start -->
                            <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
                                <h2 class="accordion-header" id="heading2">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
                                        Q2. Do you offer personalized treatment plans?
                                    </button>
                                </h2>
                                <div id="collapse2" class="accordion-collapse collapse show" aria-labelledby="heading2" data-bs-parent="#faqaccordion">
                                    <div class="accordion-body">
                                        <p> We provide comprehensive treatment for wide range of addictions, including alcohol, prescription medications, opioids, heroin, cocaine, methamphetamine, and other substances.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- FAQ Item End -->

                            <!-- FAQ Item Start -->
                            <div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
                                <h2 class="accordion-header" id="heading3">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
                                        Q3. How do I know if I need rehab?
                                    </button>
                                </h2>
                                <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#faqaccordion">
                                    <div class="accordion-body">
                                        <p> We provide comprehensive treatment for wide range of addictions, including alcohol, prescription medications, opioids, heroin, cocaine, methamphetamine, and other substances.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- FAQ Item End -->    

                            <!-- FAQ Item Start -->
                            <div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
                                <h2 class="accordion-header" id="heading4">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
                                        Q4. What kinds of programs do you offer?
                                    </button>
                                </h2>
                                <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#faqaccordion">
                                    <div class="accordion-body">
                                        <p> We provide comprehensive treatment for wide range of addictions, including alcohol, prescription medications, opioids, heroin, cocaine, methamphetamine, and other substances.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- FAQ Item End -->
                        </div>
                        <!-- FAQ Accordion End -->
                    </div>
                    <!-- Faqs Content End -->
                </div>
                
                <div class="col-lg-6">
                    <!-- Faqs Image Box Start -->
                    <div class="faqs-image-box">
                        <div class="faq-image">
                            <figure class="image-anime">
                                <img src="{{ asset('images/faq-image.jpg') }}" alt="">
                            </figure>
                        </div>

                        <!-- Faqs CTA Box Start -->
                        <div class="faqs-contact-box">
                            <div class="faqs-cta-box-content">
                                <h3>Need Any Help? We're Here To Help You!</h3>
                                <a href="contact.html" class="btn-default btn-dark">Contact Us Now</a>
                            </div>
                            <div class="icon-box">
                                <img src="{{ asset('images/icon-phone-accent.svg') }}" alt="">
                            </div>
                        </div>
                        <!-- Faqs CTA Box End -->
                    </div>
                    <!-- Faqs Image Box End -->
                </div>               
            </div>
        </div>
    </div>
    <!-- Our Faqs Section End -->

       <!-- News and Events Start -->
    <div class="news_events">
        <div class="container">
            <div class="row section-row align-items-center">
                <div class="col-lg-8">
            <div class="section-title">
                            <h3 class="wow fadeInUp">News & Events</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Latest updates from Sunrise</h2>
                        </div>
                        </div>
                        <div class="col-lg-4">
                    <!-- Section Button Start -->
                    <div class="section-btn wow fadeInUp" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                        <a href="#" class="btn-default">Explore More</a>
                    </div>
                    <!-- Section Button End -->
                </div>
             </div>           
            <div class="row">

                <!-- news Slider Start -->
                        <div class="news-slider wow fadeInUp">
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                    @foreach($newsandevents as $index => $item)
                                        <!-- slide start -->
                                        <div class="swiper-slide">
                                            <div class="news_part">
                                                <div class="news_image">
                                                    @php
                                                        $newsImg = $item->galleries(46)->first();
                                                        $newsPath = getgallery($newsImg);
                                                    @endphp
                                                    @if($newsPath)
                                                        <img src="{{ $newsPath }}" alt="{{ $item->title }}">
                                                    @else
                                                        <img src="{{ asset('images/news01.jpg') }}" alt="{{ $item->title }}">
                                                    @endif
                                                </div>
                                                <div class="news_content">
                                                    <span class="newsdate">{{ $item->created_at->format('Y-m-d') }}</span>
                                                    <h4>{{ $item->title }}</h4>
                                                    <p>{{ Str::limit(strip_tags($item->description), 100) }}</p>
                                                    <a href="#" class="readmore-btn">read more</a>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- slide End -->
                                    @endforeach
                                </div>
                                <div class="slider-button-wrap d-flex">
                                    <div class="slider-button-prev news-button-prev"><span class="icon"></span></div>
                                    <div class="slider-button-next news-button-next"><span class="icon"></span></div>
                                </div>
                            </div>
                        </div>
                        <!-- news Slider End --> 
            </div>
        </div>
    </div>
    <!-- News and Events end -->

    <!-- Out Testimmonials Section Start -->
    <div class="our-testimonials bg-section dark-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <!-- Testimonials Content Start -->
                    <div class="testimonials-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Patient Testimonials</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Courage in Every Chapter: Patient Stories that Inspire.</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">Discover inspiring story from individuals who have overcome addiction and rebuilt their lives through our compassionate care.</p>
                        </div>
                        <!-- Section Title End -->
                        
                        <!-- Testimonial Button Start
                        <div class="testimonial-btn wow fadeInUp" data-wow-delay="0.4s">
                            <a href="testimonials.html" class="btn-default btn-highlighted">View All Reviews</a>
                        </div>
                         Testimonial Button End -->
                    </div>
                    <!-- Testimonials Content End -->
                </div>
                
                <div class="col-lg-6">
                    <!-- Testimonial Slider Box Start -->
                    <div class="testimonial-slider-box">
                        <!-- Testimonial Author Images Start -->
                        <div class="testimonial-author-images">
                            <div class="testimonial-author-image">
                                <figure class="image-anime reveal">
                                    <img src="{{ asset('images/author-1.jpg') }}" alt="">
                                </figure>
                            </div>
                            <div class="testimonial-author-image">
                                <figure class="image-anime reveal">
                                    <img src="{{ asset('images/author-2.jpg') }}" alt="">
                                </figure>
                            </div>
                            <div class="testimonial-author-image">
                                <figure class="image-anime reveal">
                                    <img src="{{ asset('images/author-3.jpg') }}" alt="">
                                </figure>
                            </div>
                        </div>
                        <!-- Testimonial Author Images End -->
                        
                        <!-- Testimonial Slider Start -->
                        <div class="testimonial-slider">
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                    @foreach($testimonial as $index => $t_item)
                                        <!-- Testimonial Slide Start -->
                                        <div class="swiper-slide">
                                            <div class="testimonial-item">
                                                <div class="testimonials-rating">
                                                    <i class="fa-solid fa-star"></i>
                                                    <i class="fa-solid fa-star"></i>
                                                    <i class="fa-solid fa-star"></i>
                                                    <i class="fa-solid fa-star"></i>
                                                    <i class="fa-solid fa-star"></i>
                                                </div>
                                                <div class="testimonial-content">
                                                    <p>{!! $t_item->description !!}</p>
                                                </div>
                                                <div class="author-content">
                                                    <h3>{{ $t_item->name }}</h3>
                                                    @if($t_item->designation)
                                                        <p>{{ $t_item->designation }}</p>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Testimonial Slide End -->
                                    @endforeach
                                </div>
                                <div class="testimonial-slider-btn">
                                    <div class="testimonial-button-prev"></div>
                                    <div class="testimonial-button-next"></div>
                                </div>
                            </div>
                        </div>
                        <!-- Testimonial Slider End -->
                    </div>
                    <!-- Testimonial Slider Box End -->
                </div>

             
            </div>
        </div>
    </div>
    <!-- Out Testimmonials Section End -->

     <!-- home video Section Start -->
      <div class="home_video_section">
         <div class="container">
            <div class="home-video-slider wow fadeInUp">
                <div class="row section-row">
                <div class="col-lg-12">
                    <!-- Section Title Start -->
                    <div class="section-title section-title-center">
                        <h3 class="wow fadeInUp">videos</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Explore our videos</h2>
                    </div>
                    <!-- Section Title End -->
                </div>
            </div>
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                    @foreach($video_gallery as $index => $video)
                                        <!-- slide start -->
                                        <div class="swiper-slide">
                                            <div class="homevideo_box">
                                                <div class="homevideo_box_image">
                                                    <a href="{{ $video->youtube_video }}" class="popup-video">
                                                        @php
                                                            $videoImg = $video->galleries(50)->first();
                                                            $videoPath = getgallery($videoImg);
                                                        @endphp
                                                        @if($videoPath)
                                                            <img src="{{ $videoPath }}" alt="{{ $video->title }}">
                                                        @else
                                                            <img src="{{ asset('images/reels01.png') }}" alt="{{ $video->title }}">
                                                        @endif
                                                        <div class="Home_video_button"><img src="{{ asset('images/play_button.png') }}"></div>
                                                    </a>
                                                </div>
                                                <div class="homevideo_box_content">
                                                    <h4>{{ $video->title }}</h4>
                                                    <p>{{ Str::limit(strip_tags($video->description), 80) }}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- slide End -->
                                    @endforeach
                                </div>
                                <div class="d-flex justify-content-between">
                                    <div class="slider-button-wrap d-flex">
                                        <div class="slider-button-prev home-video-slider-prev"><span class="icon"></span></div>
                                        <div class="slider-button-next home-video-slider-next"><span class="icon"></span></div>
                                    </div>
                                    <a href="#" class="btn-default" style="margin-top: 30px;">Explore More</a>
                                </div>
                            </div>
                        </div>
         </div>
      </div>
      <!-- home video Section end -->

    <div class="award_section bg-section">
        <div class="container">
            <div class="section-title section-title-center">
                        <h3 class="wow fadeInUp">Awards & Achievements</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Awards & Achievements</h2>
                    </div>
            <div class="mask">
	<div class="award-swiper-container">
                                <div class="swiper-wrapper">
                                    @foreach($awardsachievement as $award)
                                        <div class="swiper-slide">
                                            <div class="awards_box">
                                                <div class="award_box_image">
                                                    @php
                                                        $awardImg = $award->galleries(52)->first();
                                                        $awardPath = getgallery($awardImg);
                                                    @endphp
                                                    @if($awardPath)
                                                        <img src="{{ $awardPath }}" alt="{{ $award->name }}">
                                                    @else
                                                        <img src="{{ asset($award->filename ? 'storage/uploads/gallery/'.$award->filename : 'images/logo1.webp') }}" alt="{{ $award->name }}">
                                                    @endif
                                                </div>
                                                <div class="award_box_title"><h5>{{ $award->name }}</h5></div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
	</div>
</div>
        </div>
    </div>
    
    
    <!-- Our Blog Section Start -->
    <div class="our-blog">
        <div class="container">
            <div class="row section-row">
                <div class="col-lg-12">
                    <!-- Section Title Start -->
                    <div class="section-title section-title-center">
                        <h3 class="wow fadeInUp">Latest blog</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Explore our latest insights on addiction recovery</h2>
                    <!-- Section Button Start -->
                    <div class="wow fadeInUp mt-25" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                        <a href="#" class="btn-default">Explore More</a>
                    </div>
                    </div>
                    <!-- Section Title End -->
                </div>
            </div>

            <div class="row">
                @foreach($blog as $index => $b_item)
                    <div class="col-lg-4 col-md-6">
                        <!-- Post Item Start -->
                        <div class="post-item wow fadeInUp" data-wow-delay="{{ ($index % 3) * 0.2 }}s">
                            <!-- Post Featured Image Start-->
                            <div class="post-featured-image">
                                <a href="#">
                                    <figure class="image-anime">
                                        @php
                                            $blogImg = $b_item->galleries(48)->first();
                                            $blogPath = getgallery($blogImg);
                                        @endphp
                                        @if($blogPath)
                                            <img src="{{ $blogPath }}" alt="{{ $b_item->title }}">
                                        @else
                                            <img src="{{ asset('images/post-1.jpg') }}" alt="{{ $b_item->title }}">
                                        @endif
                                    </figure>    
                                </a>                            
                            </div>
                            <!-- Post Featured Image End -->

                            <!-- Post Item Body Start -->
                            <div class="post-item-body">
                                <!-- Post Item Content Start -->
                                <div class="post-item-content">
                                    <h2><a href="#">{{ $b_item->title }}</a></h2>
                                </div>
                                <!-- Post Item Content End -->

                                <!-- Post Item Readmore Button Start-->
                                <div class="post-item-btn">
                                    <a href="#" class="readmore-btn">read more</a>
                                </div>
                                <!-- Post Item Readmore Button End-->
                            </div>
                            <!-- Post Item Body End -->
                        </div>
                        <!-- Post Item End -->
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    <!-- Our Blog Section End -->




        @endsection