@extends('layoutsfrontend.master')

@section('content')
    <!-- Page Header Start -->
    <!-- Page Header Start -->
    <div class="page-header bg-section parallaxie">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <!-- Page Header Box Start -->
                    <div class="page-header-box">
                        <h1 class="text-anime-style-3" data-cursor="-opaque">Sunrise Haven</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html">home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Sunrise Haven</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Page Header Box End -->
                </div>
            </div>
        </div>
    </div>

    <!-- Page Header End -->

    <!-- Page Header End -->
  @php
            $name1='';
           $description1='';
           $description2='';
          
            @endphp
    @isset($sunrisehaven)
        @foreach($sunrisehaven as $sunrisehaven_res)
        @if($sunrisehaven_res->id==1)
            @php
            $name1=$sunrisehaven_res->name;
           $description1=$sunrisehaven_res->description;
            @endphp
        @endif
        @if($sunrisehaven_res->id==2)
            @php
           $description2=$sunrisehaven_res->description;
            $name2='';
            @endphp
        @endif
          
       
        @endforeach
    @endisset
   <div class="homecare_outer pb-0">

        <div class="container">

             <div class="row align-items-center">
                <div class="col-lg-6">
                    <!-- About Us Images Start -->
                    <div class="haven-images">
                            <figure class="image-anime reveal">
                                <img src="{{ asset('images/sunrise-haven-01.jpg') }}" alt="">
                            </figure>
                            <figure class="image-anime reveal">
                                <img src="{{ asset('images/sunrise-haven-02.jpg') }}" alt="">
                            </figure>                       
                    </div>
                    <!-- About Us Images End -->
                </div>

                <div class="col-lg-6">
                    <!-- Hero Content Box Start -->
                    <div class="about-us-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h2 class="text-anime-style-3" data-cursor="-opaque">{{ $name1}} </h2>
@php
                            $text = $description1;
$lines = explode("\n", $text);
@endphp
                            @foreach($lines  as $line)


                            <p class="wow fadeInUp" data-wow-delay="0.2s">
                             {{ $line }}
                            </p>
                            @endforeach
                
                        </div>
                        <!-- Section Title End -->
                         <div class="haven_logos">
                            <div class="row">
                            <div class="col-6"><img src="{{ asset('images/sunrise-haven.png') }}"></div>
                            <div class="col-6"><img src="{{ asset('images/sunrise-extra-care.png') }}"></div>
                            </div>
                         </div>
                    </div>
                    <!-- Hero Content Box End -->
                </div>
            </div>


            <div class="team_member mt-5 pb-0">
        <div class="container">
            <div class="section-title">
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Let happiness rise with our expert doctors</h2>
                        </div>
            <div class="row">
                <!-- news Slider Start -->
                        <div class="haven-doc-slider haven_doctors wow fadeInUp">
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                     <!-- slide start -->
                                                                             @if(isset($doctors))
  @foreach($doctors as $doctor)
                                    <div class="swiper-slide">
                                        <div class="team-item">
                                            <!-- Team Image Start -->
                                            <div class="team-image">
                                                <a href="{{ route('frontend.doctor.detail', $doctor->slug) }}">
                                                    <figure>
                                                           @php
                                $gallery = $doctor->galleries(3)->first();
                                $imagePath = $gallery ? asset('storage/uploads/gallery/' . $gallery->filename) : asset('assets/img/thumbnail-default.jpg');
                            @endphp
                                                    <img src="{{ $imagePath }}" alt="{{ $doctor->name }}">
                                                </figure>
                                                </a></div>
                                            <!-- Team Image End -->
                                            <!-- Team Content Start -->
                                            <div class="team-content">
                                                <h3><a href="{{ route('frontend.doctor.detail', $doctor->slug) }}">{{ $doctor->name }}</a></h3>
                                                <p>{{ $doctor->designation }}</p>
                                            </div>
                                            <!-- Team Content End -->
                                        </div>
                                    </div>
                                     <!-- slide End -->
                                @endforeach
           @endif 
                                     <!-- slide End -->
                                </div>
                                <div class="slider-button-wrap d-flex">
            <div class="slider-button-prev haven-doc-button-prev"><span class="icon"></span></div>
            <div class="slider-button-next haven-doc-button-next"><span class="icon"></span></div>
          </div>
                            </div>
                        </div>
                        <!-- news Slider End -->
                
            </div>
        </div>
    </div>

          

            <div class="homecare_part">
                <div class="section-title">
                    <div class="row">
                        <div class="col-md-6">
                            <h4 class="text-anime-style-3" data-cursor="-opaque">{{ $name1}} </h4>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">
                               {{ $description2}} 
                            </p></div>
                        <div class="col-md-6">
                            <div class="haven-contact-box">
                            <div class="haven-cta-box-content">
                                <p>If you want enquire about haven</p>
                                <h5>Contact:- {{ $supportnumberforsunrisehaven }}</h5>
                            </div>
                            <div class="icon-box">
                                <img src="{{ asset('images/icon-phone-accent.svg') }}" alt="">
                            </div>
                        </div>
                        </div>
                    </div>
                        </div>
            <div class="row">

                <!-- news Slider Start -->
                        <div class="haven-slider wow fadeInUp">
                            <div class="swiper">
                                 <div class="slider-button-wrap d-flex haven_slider_nav">
            <div class="slider-button-prev haven-button-prev"><span class="icon"></span></div>
            <div class="slider-button-next haven-button-next"><span class="icon"></span></div>
          </div>
                                <div class="swiper-wrapper">
                                     <!-- slide start -->
                                      @php
                                  //    print_r($sunrisehaven);
                                      @endphp
                     @isset($sunrisehaven)
                     @foreach($sunrisehaven as $sunrisehaven_res)
                     @if($sunrisehaven_res->type=='normal')
                                    <div class="swiper-slide">
                                        <div class="homecare_box wow fadeInUp">
                                                    <div class="home_care_image">
                                                        <figure class="image-anime reveal">
                                                               @php
                                        $gallery = $sunrisehaven_res->galleries(30)->first();
                                        $imagePath = getgallery($gallery);
                                        @endphp
                                        <img src="{{$imagePath}}" alt="">
                                                         
                                                        </figure>
                                                        </div>
                                                    <div class="home_care_content">
                                                    <p>{{$sunrisehaven_res->description}}</p>
                                                    </div> 
                                        </div>
                                    </div>
                                    @endif
                                @endforeach
                                @endisset                               
                                     <!-- slide End -->
                                </div>
                               
                            </div>
                        </div>
                        <!-- news Slider End -->
                    
                </div>
            </div>
          

            <div id="popup1" class="overlay">
	<div class="popup">
		<a class="close" href="#">&times;</a>
		<div class="content">
			<div class="appointment-form">
                            <form id="appointmentForm" action="#" method="POST" data-toggle="validator">
                                <div class="row">                                
                                    <div class="form-group col-md-6 mb-4">
                                        <input type="text" name="name" class="form-control" id="name" placeholder="Full Name" required>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                    
                                    <div class="form-group col-md-6 mb-4">
                                        <input type="email" name ="email" class="form-control" id="email" placeholder="Email Address" required>
                                        <div class="help-block with-errors"></div>
                                    </div>
                
                                    <div class="form-group col-md-6 mb-4">
                                        <input type="text" name="phone" class="form-control" id="phone" placeholder="Phone Number" required>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                    
                                    <div class="form-group col-md-6 mb-4">
                                        <select name="services" class="form-control form-select" id="services" required>
                                            <option value="" disabled selected>Select Home care</option>
                                            <option value="pain_relief_therapy">Nursing at home</option>
                                            <option value="pain_relief_therapy">Physiotherapy at home</option>
                                            <option value="pain_relief_therapy">Doctor visitat home</option>
                                            <option value="pain_relief_therapy">Wound care</option>
                                            
                                        </select>
                                        <div class="help-block with-errors"></div>
                                    </div>

                                    <div class="form-group col-md-6 mb-4">
                                        <input type="date" name="date" class="form-control" id="date" required>
                                        <div class="help-block with-errors"></div>
                                    </div>

                                    <div class="form-group col-md-6 mb-4">
                                        <input type="time" name="time" class="form-control" id="time" required>
                                        <div class="help-block with-errors"></div>
                                    </div>

                                    <div class="form-group col-md-12 mb-4">
                                        <textarea name="message" class="form-control" id="message" rows="3" placeholder="Message"></textarea>
                                        <div class="help-block with-errors"></div>
                                    </div>
                
                                    <div class="col-md-12">
                                        <button type="submit" class="btn-default"><span>Submit now</span></button>
                                        <div id="msgSubmit" class="h3 hidden"></div>
                                    </div>
                                </div>
                            </form>
                        </div>
		</div>
	</div>
</div>
                       

        </div>
    </div> 




  


        @endsection