File: /var/www/html/sarvodayahospital/resources/views/pages/single-hospital.blade.php
@extends('layouts.main')
@section('content')
<div class="padding-sec mb-md-3 custom_h">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="extra1 py-4 bg-gradient-n dsk_view position-relative bg-blue-left-full">
<div class="row align-items-center">
<div class="col-md-12">
<ol class="breadcrumb ps-0 mb-2 single_hos">
<li class="breadcrumb-item"><a href="{{ route('home') }}" role="button" tabindex="0" class="text-white text-decoration-none"><i class="fa fa-home"></i> Home</a></li>
<li class="breadcrumb-item"><a href="{{ route('hospitals') }}" class="text-white text-decoration-none">Our Network</a></li>
<li class="breadcrumb-item active text-white" aria-current="page">{{ $hospital->HospitalShortName }}</li>
</ol>
</div>
<div class="col-md-6 my-2 my-md-3">
{{-- <h1 class="f-35 f-sm-20 text-white fw-500">{{ $hospital->HospitalShortName }}</h1> --}}
<p class="f-30 f-sm-20 text-white fw-500 mb-1">{{ $hospital->HospitalShortName }}</p>
<span class="f-16 f-sm-14 text-white fw-300">{{ $hospital->Location }}</span>
<div class="d-flex justify-content-between align-items-center mt-2">
<div>
<p class="align-item-center py-1 f-15 google-review-box bg-white d-inline-block mb-0 mt-0">
<img src="{{ asset('img/google-svg.svg') }}" height="17px" width="17px" alt="Google Map" />
<span class="reviews-text clrBlueDark ps-md-1">{{ round($hospital->Rating, 1) }}</span>
@for($i = 1; $i <= 5; $i++)
@if(round($hospital->Rating - .25 ) >= $i)
<i class="fa-solid fa-star" style='font-size:13px;color:#ff9f00;'></i>
@elseif(round($hospital->Rating + .25) >= $i)
<i class="fas fa-star-half-alt" style='font-size:13px;color:#ff9f00;'></i>
@else
<i class="fa-regular fa-star" style='font-size:13px;color:#ff9f00;'></i>
@endif
@endfor
</p>
</div>
@if(!is_null($hospital->GoogleMapLink))
<a href="{{ $hospital->GoogleMapLink }}" target="_blank" class="btn btnwhite text-nowrap btn-get-direction px-4" id="banner_id">Get Directions</a>
@else
<a href="javascript:void(0)" class="btn btnwhite" id="banner_id">Get Directions</a>
@endif
</div>
</div>
<div class="col-md-6 text-end pe-4">
@if(!is_null($hospital->media))
<img src="{{ $hospital->media->thumbnail_url }}" alt="{{ $hospital->HospitalShortName }}, {{ $hospital->Location }}" class="w-100" id="banner_img">
@endif
</div>
</div>
</div>
<div class="extra1 px-0 py-md-4 pt-3 pb-2 bg-gradient-n mob_view sec_h">
<div class="row align-items-center">
<div class="col-md-12 px-md-4">
<ol class="breadcrumb ps-0 mb-2 single_hos">
<li class="breadcrumb-item"><a href="{{ route('home') }}" role="button" tabindex="0" class="text-white"><i class="fa fa-home"></i></a></li>
<li class="breadcrumb-item"><a href="" class="text-white text-decoration-none">Our Network</a></li>
<li class="breadcrumb-item active text-white" aria-current="page">{{ $hospital->HospitalName }}</li>
</ol>
</div>
<div class="col-md-6 ps-md-4 my-2 my-md-3 col-6">
<h1 class="f-35 f-sm-20 text-white">{{ $hospital->HospitalName }}</h1>
<div class="d-flex justify-content-between align-items-center">
<div>
<span class="f-18 f-sm-15 text-white fw-300">{{ $hospital->CityName }}, {{ $hospital->StateName }}</span>
<p class="align-item-center google-review-box bg-white d-inline-block">
<img src="{{ asset('img/Google_Icons.webp') }}" alt="google logo" height="20px" width="20px" />
<span class="reviews-text clrBlueDark ps-md-1">{{ $hospital->Rating }}</span>
@for ($i = 1; $i <= ceil($hospital->Rating); $i++)
<span class="star-icon filled star"><i class="fa fa-star" aria-hidden="true"></i></span>
@endfor
@for ($i = 1; $i <= 5 - ceil($hospital->Rating); $i++)
<span class="star-icon star"><i class="fa fa-star" aria-hidden="true"></i></span>
@endfor
</p>
</div>
</div>
</div>
<div class="col-md-6 text-end col-6 pe-md-4 pos-relative">
@if(!is_null($hospital->GoogleMapLink))
<a href="{{ $hospital->GoogleMapLink }}" target="_blank" class="res_d mob_view">Get Directions</a>
@else
<a href="javascript:void(0)" class="res_d mob_view">Get Directions</a>
@endif
@if(!is_null($hospital->banner))
<img src="{{ $hospital->banner->thumbnail_url }}" alt="{{ $hospital->HospitalShortName }}, {{ $hospital->Location }}" class="img-fluid rounded-3 res_img" id="banner_img">
@endif
</div>
</div>
</div>
<div class="extra2 py-4 mt-md-5 ">
<div class="left_Sec_content text-justify text-nounderline" id="overview">
<h2>About Us</h2>
{!! $hospital->Description !!}
{{-- <div id="projectFacts" class="sectionClass full-light-blue-left position-relative">--}}
{{-- <div class="fullWidth eight columns">--}}
{{-- <div class="projectFactsWrap">--}}
{{-- <div class="item border-end border-bottom">--}}
{{-- <img src="{{ asset('img/beds-facility.svg') }}"/>--}}
{{-- <div>--}}
{{-- <p id="number1" class="number mt-2">{{ $hospital->TotalBedFacility }}+</p>--}}
{{-- <p class="clrBlueDark">Beds Facility</p>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="item border-bottom">--}}
{{-- <img src="{{ asset('img/trained-staff.svg') }}"/>--}}
{{-- <div>--}}
{{-- <p id="number2" class="number mt-2">{{ $hospital->TotalTrainedStaff }}+</p>--}}
{{-- <p class="clrBlueDark">Trained Staff</p>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- @if(count($hospital->doctors))--}}
{{-- <div class="item border-end">--}}
{{-- <img src="{{ asset('img/doctors.svg') }}"/>--}}
{{-- <div>--}}
{{-- <p id="number3" class="number mt-2">{{ $hospital->TotalDoctor }}+</p>--}}
{{-- <p class="clrBlueDark">Doctors</p>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- @endif--}}
{{-- @if(count($hospital->specialities))--}}
{{-- <div class="item">--}}
{{-- <img src="{{ asset('img/specialities.svg') }}"/>--}}
{{-- <div>--}}
{{-- <p id="number4" class="number mt-2">{{ $hospital->TotalSpeciality }}+</p>--}}
{{-- <p class="clrBlueDark">Specialities</p>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- @endif--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div> --}}
</div>
@if (!is_null($hospital->YoutubeLink) && $hospital->YoutubeLink != '')
<div class="left_Sec_content mt-5 specialities-slider-sh hospital-video">
<div class="d-flex justify-content-between">
<h2>Glimpse of Our Unit</h2>
</div>
<div class="row">
<div class="col-md-12">
<iframe width="100%" height="380" src="https://www.youtube.com/embed/{{ $hospital->YoutubeLink }}"
srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em #00000069}.yt-bg{display: flex;align-items: center;justify-content: center;}.yt-bg span{height: 60px;background-image: url(https://all-filesuploads.s3.amazonaws.com/play.png);text-shadow: none;width: 60px;background-repeat: no-repeat;background-size: cover;
}</style><a href=https://www.youtube.com/embed/{{ $hospital->YoutubeLink }}?autoplay=1><img src=https://img.youtube.com/vi/{{ $hospital->YoutubeLink }}/maxresdefault.jpg alt=''><div class='yt-bg'><span></span></div></a>"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
title="Test">
</iframe>
</div>
</div>
</div>
@endif
@if(count($hospital->specialities))
<div class="left_Sec_content mt-5 specialities-slider-sh" id="procedure">
<div class="d-flex justify-content-between">
<h2>Specialities</h2>
<a href="{{ route('specialities', ['hospital' => $hospital->Slug]) }}" class="fw-500 clrBlueDark text-underline f-16 f-sm-16 d-md-block d-none">
View All
</a>
</div>
<x-speciality-slider :specialities="$hospital->specialities"></x-speciality-slider>
<div class="text-end">
<a href="{{ route('specialities', ['hospital' => $hospital->Slug]) }}" class="fw-500 clrBlueDark text-underline f-16 f-sm-16 d-md-none mt-3 d-block">
View All
</a>
</div>
</div>
@endif
@if(count($hospital->doctors))
<div class="left_Sec_content mt-md-5 mt-4 pos-relative single-hospital-expert" id="experts">
<div class="d-flex justify-content-between">
<h2>Meet Our Experts</h2>
<a href="{{ route('doctors', ['hospital_name' => $hospital->Slug]) }}" class="fw-500 clrBlueDark text-underline f-16 f-sm-16 d-md-block d-none">
View All
</a>
</div>
<x-doctor-slider :doctors="$hospital->doctors"></x-doctor-slider>
<div class="d-md-none text-end mt-4">
<a href="{{ route('doctors', ['hospital_name' => $hospital->Slug]) }}" class="fw-500 clrBlueDark text-underline f-16 f-sm-16">
View All
</a>
</div>
</div>
@endif
@if(count($hospital->testimonials))
<div class="left_Sec_content mt-md-5 mt-4 pos-relative">
<div class="d-flex justify-content-between">
<h2>Testimonials</h2>
<a href="{{ route('testimonials') }}" class="fw-500 clrBlueDark text-underline f-16 f-sm-16 d-md-block d-none">
View All
</a>
</div>
<x-testimonial :testimonials="$hospital->testimonials" sliderClass="hospital-testimonial-slider"></x-testimonial>
<div class="d-md-none text-end mt-4">
<a href="{{ route('testimonials') }}" class="fw-500 clrBlueDark text-underline f-16 f-sm-16">
View All
</a>
</div>
</div>
@endif
@if(count($hospital->Technologies))
<div class="left_Sec_content mt-5 mb-md-5 single-hospital-technology" id="Technology">
<div class="d-flex justify-content-between">
<h2>Technologies</h2>
<a href="{{ route('technologies', ['hospital' => $hospital->Slug]) }}" class="fw-500 clrBlueDark text-underline f-16 f-sm-16 d-md-block d-none">View All</a>
</div>
<div class="row">
<div class="col-md-4 d-none d-md-block">
<img src="{{ asset('img/rectangle_img.png') }}" alt="" class="rect_img" />
</div>
<div class="col-md-8 pe-0 pe-md-2">
<x-technology-slider :technologies="$hospital->Technologies"></x-technology-slider>
</div>
<div class="d-md-none text-end mt-4">
<a href="{{ route('technologies', ['hospital' => $hospital->Slug]) }}" class="fw-500 clrBlueDark text-underline f-16 f-sm-16">
View All
</a>
</div>
</div>
</div>
@endif
</div>
</div>
<div class="col-lg-4 bg-white right_Sec mt-lg-4 mb-4">
<div class="sticky-top ps-3">
{{-- <ul id="menu" class="pos-relative d-none d-md-block">--}}
{{-- <li class="active">--}}
{{-- <a href="#overview">About us</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#procedure">Specialities--}}
{{-- </a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#experts">Meet Our Expert</a>--}}
{{-- </li>--}}
{{-- <li>--}}
{{-- <a href="#Technology">Technology</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
<x-need-help>
<x-slot name="heading">Speak to Our Health Expert</x-slot>
<x-slot name="title">Get reliable medical advice anytime, anywhere.</x-slot>
<input type="hidden" name="formType" value="Doctor Enquiry">
<input type="hidden" name="hospital" class="hospitalName" value="{{ encrypt($hospital->id) }}">
<div class="col-md-12">
<x-form.input-field
label="Name"
type="text"
name="name"
onkeydown="return /[a-z, ]/i.test(event.key)"
onblur="if (this.value == '') {this.value = '';}"
onfocus="if (this.value == '') {this.value='';}"
></x-form.input-field>
</div>
<div class="col-md-12">
<x-form.input-field
label="Mobile"
type="tel"
name="phone"
class="phoneInputIntl"
minlength="5" maxlength="10" pattern="[0-9]{10}"
></x-form.input-field>
</div>
{{-- <input type="hidden" name="subject_line" value="Speak to Our Health Experts - Sarvodaya Units"> --}}
<input type="hidden" name="subject_line" value="Speak to Our Experts">
<div class="col-md-12">
<x-form.input-field label="Email ID" type="email" name="email"></x-form.input-field>
</div>
<div class="col-md-12">
<x-form.textarea-field name="remark" label="Query"></x-form.textarea-field>
</div>
<div class="col-md-12 terms-condition-error">
<x-form.checkbox-field type="checkbox" name="tc"></x-form.checkbox-field>
</div>
<div class="col-md-12 mb-2 mt-2 pt-2 mb-md-0">
<x-form.form-button label="Submit"></x-form.form-button>
</div>
</x-need-help>
</div>
</div>
</div>
</div>
</div>
@stop