@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="{{ route('frontend.search') }}">
  <div class="input-container">
		<input type="search" class="search-input" value="{{ request('s') }}" 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="{{route('frontend.bookappointment','dr-hafeez-rahman-padiyath')}}" class="btn-default btn-dark">Book an appointment </a>
                                </div>
                                <div class="hero-btn wow fadeInUp" data-wow-delay="0.2s">
                                    <a href="{{route('frontend.packages')}}" class="btn-default btn-dark">Book a Heath Check </a>
                                </div>
                                <div class="hero-btn wow fadeInUp" data-wow-delay="0.2s">
                                    <a href="{{route('frontend.hospital')}}" 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">
                                     @foreach($homepage as $res_homepage)
                            @if($res_homepage->type=='hafeez_rahman_image') 

                            @php
                              $havenImage = $res_homepage->galleries(59)->first();
                              $imagePath = getgallery($havenImage);
                              @endphp
                                <img src="{{$imagePath}}" alt="">
                              
                                  @endif
                            @endforeach
                               
                            </figure>
                           
                        </div>
                        <!-- Care Image 1 End -->
                        
                        <!-- Trusted Profession Box Start -->
                        <div class="trusted-profession-box wow fadeInUp">
                            <div class="icon-box">
                            @foreach($homepage as $res_homepage)
                            @if($res_homepage->type=='hafeez_rahman') 

                            @php
                              $havenImage = $res_homepage->galleries(59)->first();
                              $imagePath = getgallery($havenImage);
                              @endphp
                                <img src="{{$imagePath}}" alt="">
                              
                                  @endif
                            @endforeach
                            </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">
          @foreach($homepage as $res_homepage)
                            @if($res_homepage->type=='Youtube_link')
                             <a href="{{$res_homepage->content}}" class="popup-video">
                        @endif
                            @endforeach
                            <figure class="image-anime reveal">
                                          @foreach($homepage as $res_homepage)
                            @if($res_homepage->type=='Youtube_link')
                                @php
                              $havenImage = $res_homepage->galleries(59)->first();
                              $imagePath = getgallery($havenImage);
                              @endphp
                                <img src="{{$imagePath}}" alt="">
                              
                               
                                 @endif
                            @endforeach
                            </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>

                             @foreach($homepage as $res_homepage)
                            @if($res_homepage->type=='sunrise_haven_heading') 
                            <p class="wow fadeInUp" data-wow-delay="0.2s">
                               {{$res_homepage->content}}</p>
                             @endif
                            @endforeach
                            <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 -->
 @php
                             $i=0;
                             @endphp
                        <!-- Care Counter List Start -->
                        <div class="care-counter-list">
                            @foreach($homepage as $counter)
                             @if($counter->type=='hafeez_rahman_performance') 
                             @php
                             $i++;
                             @endphp
                            <!-- Care Counter Item Start -->
                            <div class="care-counter-item">
                                <div class="icon-box">
                                 <img src="{{ asset('images/icon-care-counter-' . $i . '.svg') }}" alt="">
                                </div>
                                <div class="care-counter-item-content">
                                <h2>
                                @php
                                $value = $counter->content; // example: "25+"
                                $number = preg_replace('/[^0-9]/', '', $value); // 25
                                $symbol = preg_replace('/[0-9]/', '', $value);  // +
                                @endphp
                                <h2><span class="counter">{{ $number }}</span>{{ $symbol }}</h2> 
                                <p>{{ $counter->name }}</p>                                  
                                </div>
                            </div>
                            <!-- Care Counter Item End -->
                              @endif
                            @endforeach
                      
                        </div>
                        <!-- Care Counter List End -->
                         <div class="chairmain_cta">
                        <a href="{{ route('frontend.doctor.detail', 'dr-hafeez-rahman-padiyath') }}" class="view_profile">View Profile</a>
                        <div class="about-us-btn wow fadeInUp" data-wow-delay="0.8s">
                            <a href="{{route('frontend.bookappointment','dr-hafeez-rahman-padiyath')}}" 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">

                                 @foreach($homepage as $res_homepage)
                            @if($res_homepage->type=='about_us_content') 
                            <p class="wow fadeInUp" data-wow-delay="0.2s">
                               {{$res_homepage->content}}</p>
                             @endif
                            @endforeach

                          
                              
                        </div>
                        <!-- Section Title End -->
                    

                        <!-- About Contact Button Start -->
                        <div class="about-us-btn wow fadeInUp" data-wow-delay="0.8s">
                            <a href="{{ route('frontend.our_team') }}" 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">
                                  @foreach($homepage as $res_homepage)
                            @if($res_homepage->type=='about_us_image1') 

                            @php
                              $havenImage = $res_homepage->galleries(59)->first();
                              $imagePath = getgallery($havenImage);
                              @endphp
                                <img src="{{$imagePath}}" alt="">
                              
                                  @endif
                            @endforeach
                              
                            </figure>      
                        </div>
                        <!-- About Image 1 End -->

                        <!-- About Image 2 Start -->
                        <div class="about-img-2">
                            <figure class="image-anime">
                                  @foreach($homepage as $res_homepage)
                            @if($res_homepage->type=='about_us_image2') 

                            @php
                              $havenImage = $res_homepage->galleries(59)->first();
                              $imagePath = getgallery($havenImage);
                              @endphp
                                <img src="{{$imagePath}}" alt="">
                              
                                  @endif
                            @endforeach
                              
                            </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="{{ route('frontend.department.detail', $item->slug) }}" 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="{{ route('frontend.departments') }}" 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="{{ route('frontend.bookappointment', $doctor->slug) }}">Book an Appointment</a></li>
                                            <li><a href="{{ route('frontend.doctor.detail', $doctor->slug) }}">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="{{ route('frontend.doctors') }}" 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="{{ route('frontend.facilities') }}" 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>
                             @foreach($homepage as $res_homepage)
                            @if($res_homepage->type=='sunrise_haven_heading') 
                            <p class="wow fadeInUp" data-wow-delay="0.2s">
                               {{$res_homepage->content}}</p>
                             @endif
                            @endforeach
                        </div>
                        <!-- Section Title End -->

                        <!-- Why Choose Button Start -->
                        <div class="why-choose-btn wow fadeInUp" data-wow-delay="0.4s">
                            <a href="{{ route('sunrisehaven.index') }}" 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 -->
                            @foreach($homepage as $res_homepage)
                            @if($res_homepage->type=='sunrise_haven')          
                            <div class="why-choose-item wow fadeInUp" data-wow-delay="0.6s">
                                <div class="why-choose-item-content">
                                    <h3>{{$res_homepage->name}}</h3>
                                    <p>{{$res_homepage->content}}</p>
                                </div>
                            </div>
                            @endif
                            @endforeach
                            <!-- Why Choose Item End -->

                          
                            <!-- 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>
                                  @foreach($homepage as $res_homepage)
                            @if($res_homepage->type=='sunrise_haven_image') 
                            @php
                              $havenImage = $res_homepage->galleries(59)->first();
                              $imagePath = getgallery($havenImage);
                              @endphp
                                <img src="{{$imagePath}}" alt="">
                                 @endif
                            @endforeach
                            </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="{{ route('frontend.packages') }}" 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">
                                                   @if(!empty($package) && !empty($package->filename))
                                @php
                                    $ext = strtolower(pathinfo($package->filename, PATHINFO_EXTENSION));
                                @endphp

                                @if(in_array($ext, ['jpg','jpeg','png','gif','svg']))
                                    <img src="{{ asset('storage/uploads/gallery/'.$package->filename) }}" alt="">
                                @endif
                            @endif
                                                </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="{{ route('frontend.packages.detail', $package->slug) }}" 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="{{ route('frontend.hospital') }}" 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 -->
                            
                         @if(isset($faqs) && $faqs->count() > 0)
                                    @foreach($faqs as $faq)
                                        <!-- FAQ Item Start -->
                                        <div class="accordion-item wow fadeInUp" data-wow-delay="{{ $loop->index * 0.2 }}s">
                                            <h2 class="accordion-header" id="heading{{ $loop->index }}">
                                                <button class="accordion-button {{ $loop->first ? '' : 'collapsed' }}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $loop->index }}" aria-expanded="{{ $loop->first ? 'true' : 'false' }}" aria-controls="collapse{{ $loop->index }}">
                                                    Q{{ $loop->iteration }}. {{ $faq->name }}
                                                </button>
                                            </h2>
                                            <div id="collapse{{ $loop->index }}" class="accordion-collapse collapse {{ $loop->first ? 'show' : '' }}" aria-labelledby="heading{{ $loop->index }}" data-bs-parent="#faqaccordion">
                                                <div class="accordion-body">
                                                    <p> {!! $faq->description !!}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- FAQ Item End -->
                                    @endforeach
                              
                                @endif
                            <!-- 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">
                                @if($faqImgPath)
                                <img src="{{ $faqImgPath}}" alt="">
                                @endif
                            </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="{{ route('contact.index') }}" 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="{{ route('frontend.newsandevents') }}" 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="{{ route('frontend.newsandevents.detail', ['slug' => $item->slug]) }}" 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="{{ route('frontend.gallery') }}" 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="{{ route('frontend.blog') }}" 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="{{ route('frontend.blog.detail', ['slug' => $b_item->slug]) }}" 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
        @section('script')
          <script>
let currentIndex = 0;
const slideContainer = document.getElementById("ad_slides");
let slides = document.querySelectorAll("#ad_slides img");

/* ---- CLONE FIRST SLIDE ---- */
const firstClone = slides[0].cloneNode(true);
slideContainer.appendChild(firstClone);

/* refresh slides list after clone */
slides = document.querySelectorAll("#ad_slides img");

/* Change slide */
function changeSlide() {
  currentIndex++;
  slideContainer.style.transition = "transform 0.6s ease";
  slideContainer.style.transform =
    "translateX(-" + (currentIndex * 100) + "%)";

  if (currentIndex === slides.length - 1) {
    setTimeout(() => {
      slideContainer.style.transition = "none";
      currentIndex = 0;
      slideContainer.style.transform = "translateX(0)";
    }, 600);
  }
}

/* -------- AUTOPLAY -------- */
let autoSlide;

function startAutoSlide() {
  autoSlide = setInterval(changeSlide, 3000);
}

function stopAutoSlide() {
  clearInterval(autoSlide);
}

/* -------- CLOSE POPUP -------- */
function closePopup() {
  document.getElementById("adpopup").style.display = "none";
  stopAutoSlide();

  // store current time
  localStorage.setItem("popupClosedTime", Date.now());
}

/* -------- CHECK TIMER -------- */
function shouldShowPopup() {
  const lastClosed = localStorage.getItem("popupClosedTime");

  if (!lastClosed) return true;

  const now = Date.now();
  const diff = now - lastClosed;

  const thirtyMinutes = 30 * 60 * 1000;

  return diff > thirtyMinutes;
}

/* -------- ON LOAD -------- */
window.onload = function () {
  if (shouldShowPopup()) {
    document.getElementById("adpopup").style.display = "flex";
    startAutoSlide();
  }

  const popupContent = document.querySelector("#adpopup .popup-content");

  popupContent.addEventListener("mouseenter", stopAutoSlide);
  popupContent.addEventListener("mouseleave", startAutoSlide);
};
</script>
@endsection