@extends('layoutsfrontend.master')

@section('content')
    <!-- Page Header Start -->
        <!-- Page Header Start -->
    @php
$imagePath=getbannerimage();
@endphp
    <!-- Page Header Start -->
    <div class="page-header bg-section parallaxie" style="background-image: url({{$imagePath}});" >
        <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 Care @ Home</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 Care @ Home</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Page Header Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->

    <!-- Page Header End -->
  @php
            $heading1='';
            $heading2='';
            $heading3='';
            @endphp
    @isset($sunrisehaven)
        @foreach($sunrisehaven as $sunrisehaven_res)
        @if($sunrisehaven_res->id==1)
            @php
            $heading1=$sunrisehaven_res->description;
            @endphp
        @endif
        @if($sunrisehaven_res->id==2)
            @php
            $heading2=$sunrisehaven_res->description;
            @endphp
        @endif
            @if($sunrisehaven_res->id==3)
            @php
            $heading3=$sunrisehaven_res->description;
            @endphp
        @endif
        @endforeach
    @endisset
    <div class="homecare_outer">

        <div class="container">

            <div class="row">
                <div class="col-md-5">
                    <div class="homecaretop_images">
                        <div class="homecaretop_images_box">
                        <figure class="image-anime reveal">
                                <img src="{{ asset('images/homecaremain.jpg') }}" alt="">
                            </figure>
                            </div>
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="homecaretop_cont">
                    <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Home care services</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">{{$heading1}}  </h2>

                              @foreach(explode("\n", $heading2) as $point)
                                        @if(trim($point))
                                             <p class="wow fadeInUp" data-wow-delay="0.2s">{{ trim($point) }} </p>
                              
                              @endif
                                    @endforeach
                        
                            <a href="#popup1" class="btn-default">Book Appointment</a>
                        </div>
                        <!-- Section Title End -->
                         </div>
                </div>
            </div>

            <div class="homecare_btm_cta">
                <div class="homecare_supprt">
                    <div class="homecare_supprt_icon">
                        <img src="{{ asset('images/homecare_support.png') }}">
                    </div>
                    <div class="homecare_supprt_cont">
                        <h4>Support Number for Home Care</h4>
                        <a href="tel:{{$supportnumberforhomecare}}">{{$supportnumberforhomecare}}</a>
                    </div>
                </div>
            </div>

            <div class="homecare_part">
                <div class="section-title">
                            <h4 class="text-anime-style-3" data-cursor="-opaque">Services Provided</h4>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">
                               {{$heading3}}
                            </p>
                        </div>
            <div class="row">
                               @isset($sunrisehaven)
                     @foreach($sunrisehaven as $sunrisehaven_res)
                     @if($sunrisehaven_res->type=='normal')
                    <div class="col-lg-4 col-sm-6 wow fadeInUp">
                        <div class="homecare_box">
                
                    <div class="home_care_image">
                         <figure class="image-anime reveal">
                                         @php
                                        $gallery = $sunrisehaven_res->galleries(20)->first();
                                        $imagePath = getgallery($gallery);
                                        @endphp
                                        <img src="{{$imagePath}}" alt="">
                                    </figure>
                    </div>
                    <div class="home_care_content">
                        <h2>{{$sunrisehaven_res->name}}</h2>
                        <p>{{$sunrisehaven_res->description}}</p>
                    </div>
                </div>
                    </div>
                      @endif
                @endforeach
                @endisset
      
        
          
            
           
                </div>
            </div>
            <div class="d-flex justify-content-center">
            <a href="#popup1" class="btn-default">Book Appointment</a>
            </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