File: /var/www/html/sarvodayahospital/resources/views/partials/desktop-nav.blade.php
<header class="header d-none d-md-block" id="header">
<div class="header-top py-1">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 col-md-2"></div>
<div class="col-lg-4 col-md-6 text-center text-md-end text-lg-center d-none d-md-block">
<a class="text-white no-underline toggle-top-header collapsed" data-bs-toggle="collapse" href="#collapseExample"
role="button" aria-expanded="false" aria-controls="collapseExample">
Get Second Opinion By Experts
</a>
</div>
<div class="col-lg-4 col-md-4 text-end d-flex align-items-center justify-content-end">
<div class="write-message-wrap me-4">
<a href="javascript:void(0)"
class="text-white text-nowrap text-decoration-none write-message-text f-14 rounded-3" data-bs-toggle="modal" data-bs-target="#writeToChairman">
<i class="fa-solid fa-envelope me-1"></i> Write to Chairman
</a>
</div>
<div class="d-flex align-items-center justify-content-end">
<img src="{{ asset('img/helpline-icon.svg') }}" alt="Sarvodaya Helpline Number icon"/>
<div class="dropdown ps-2 helpline-dropdown">
<button type="button" class="dropdown-toggle bg-transparent text-white p-0 fw-500 f-14 border-0" data-bs-toggle="dropdown"> Helpline <span class="d-inline-block d-md-none d-lg-inline-block">Number:</span></button>
<div class="dropdown-menu">
<div class="row align-items-center justify-content-center">
<div class="col-7 helpline-drp-col">
<p class="mb-2 f-14 f-sm-12 fw-400 clrGrey">
Sec-8, Faridabad:
</p>
<p class="mb-2 f-14 f-sm-12 fw-400 clrGrey">
Sec-19, Faridabad:
</p>
<p class="mb-2 f-14 f-sm-12 fw-400 clrGrey">
Greater Noida (W):
</p>
</div>
<div class="col-5 helpline-drp-col">
<a href="tel:18003131414" class="fw-400 f-14 mb-2 f-sm-12 no-underline"> 1800 313 1414</a>
<a href="tel:01294194444" class="fw-400 f-14 mb-2 f-sm-12 no-underline"> 0129 419 4444</a>
<a href="tel:18003131414" class="fw-400 f-14 mb-2 f-sm-12 no-underline"> 1800 313 1414</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="collapse" id="collapseExample">
<div class="card card-body bg-transparent pt-2 px-0 pb-1 border-0">
<form class="row grid row-cols-1 row-cols-sm-3 row-cols-md-5"
id="HeaderSecondOpinionForm"
method="POST"
enctype="multipart/form-data"
>
@csrf
{!! RecaptchaV3::field('secondOpinion') !!}
<div class="col">
<input type="text"
class="form-control inputBox"
name="name"
placeholder="Name"
autocomplete="off"
onkeydown="return /[a-z, ]/i.test(event.key)"
onblur="if (this.value == '') {this.value = '';}"
onfocus="if (this.value == '') {this.value='';}"
/>
</div>
<div class="col">
<input type="tel" class="form-control inputBox phoneInputIntl"
name="phone"
minlength="5" maxlength="10" pattern="[0-9]{10}"
autocomplete="off"
placeholder="Mobile"
/>
<input type="hidden" class="form-control" name="tc" value="true"/>
</div>
<div class="col">
<select class="form-control inputBox form-select" name="speciality">
<option value="">Choose Speciality</option>
<option value="robotic-joint-replacement">Robotic Joint Replacement</option>
@foreach ($secondOpinionSpecialities as $secondOpinion)
<option value="{{ $secondOpinion->SpecialityName }}">{{ $secondOpinion->SpecialityName }}
</option>
@endforeach
<option value="Kidney Transplant">Kidney Transplant</option>
<option value="Uro Surgery/Laser Uro Surgery">Uro Surgery/Laser Uro Surgery</option>
<option value="Cochlear Implant Surgery">Cochlear Implant Surgery</option>
<option value="LASIK Surgery">LASIK Surgery</option>
<option value="Cataracts">Cataracts</option>
<option value="Other">Other</option>
</select>
</div>
<div class="col">
<div class="custom-file-btn position-relative file-dropzone">
<label>Choose File</label>
<input type="file" class="hide_file" name="file_attachment[]" id="file_attachment" multiple>
</div>
</div>
<div class="col">
<input type="hidden" name="subject_line" value="Second Opinion Form">
<input type="submit" class="form-control secondOpinionBtn" value="Submit" />
</div>
</form>
</div>
</div>
</div>
</div>
<div class="header-middle overflow-x-hidden">
<div class="container">
<ul class="d-flex justify-content-end list-unstyled m-0 p-0 position-relative menu-bg-header-m">
{{-- <li class="dropdown">
<a class="dropdown-toggle nav-link" data-toggle="dropdown" href="{{ route('about-us') }}">
About Sarvodaya
</a>
<ul class="dropdown-menu">
<li><a href="{{ route('about-us') }}#our-story" class="drop-nav-link">Our Story</a></li>
<li><a href="{{ route('about-us') }}#chairman" class="drop-nav-link">Chairman's Message</a></li>
<li><a href="{{ route('page', 'affiliation-and-accreditation') }}" class="drop-nav-link">Quality & Accreditation</a></li>
<li><a href="{{ route('about-us') }}#vision" class="drop-nav-link">Vision & Mission</a></li>
<li><a href="{{ route('about-us') }}#leader" class="drop-nav-link">Our Leaders</a></li>
<li><a href="{{ route('about-us') }}#journey" class="drop-nav-link">Our Journey</a></li>
</ul>
</li> --}}
<li class="nav-item">
<a class="nav-link" href="{{ route('about-us') }}">About Sarvodaya</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('phc') }}">Health Check-Ups</a>
</li>
<li class="dropdown">
<a class="dropdown-toggle nav-link" data-toggle="dropdown" href="javascript:void(0)">
News & Media
</a>
<ul class="dropdown-menu">
<li><a href="{{ route('news') }}" class="drop-nav-link">News</a></li>
<li><a href="{{ route('events') }}" class="drop-nav-link">Events</a></li>
<li><a href="{{ route('awards') }}" class="drop-nav-link">Awards & Recognition</a></li>
<li><a href="{{ route('testimonials') }}" class="drop-nav-link">Patient Testimonial</a></li>
<li><a href="{{ route('doctor-videos') }}" class="drop-nav-link">Doctor Bytes</a></li>
<li><a href="{{ route('blogs') }}" class="drop-nav-link">Blogs</a></li>
<li><a href="{{ route('rarecases') }}" class="drop-nav-link">Rare Cases</a></li>
<li><a href="{{ route('research-publication') }}" class="drop-nav-link">Research Publication</a></li>
<li><a href="{{ route('patient-education') }}" class="drop-nav-link">Patient Education</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('csr') }}" target="_blank" style="color: #F58220"><strong>Social Initiatives</strong></a>
</li>
<li class="dropdown">
<a class="dropdown-toggle nav-link" data-toggle="dropdown" href="javascript:void(0)">Academics</a>
<ul class="dropdown-menu">
<li>
<a href="https://www.sarvodayanursinginstitute.in/" class="drop-nav-link" target="_blank">
Sarvodaya Nursing Institute
</a>
</li>
<li>
<a href="https://www.sarvodayanursinginstitute.in/" class="drop-nav-link" target="_blank">
Sarvodaya Institute of Allied Health Sciences
</a>
</li>
@foreach ($academics as $key => $value)
<li>
<a href="{{ route('academics.show', $key) }}" class="drop-nav-link">
{{ $value }}
</a>
</li>
@endforeach
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('contact') }}">Contact Us</a>
</li>
</ul>
</div>
</div>
<nav class="navbar navbar-expand-md">
<div class="container">
<a class="navbar-brand" href="{{ route('home') }}">
<img src="{{ asset('img/logo-ori.svg') }}" alt="Sarvodaya Healthcare" />
</a>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item dropdown position-static full-menu">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" role="button"
data-bs-toggle="dropdown">Sarvodaya Group</a>
<div class="dropdown-menu py-4">
<div class="container">
<div class="row">
@foreach ($headerHospitals->groupby('HospitalType') as $ht => $hn)
@if ($ht == 'Hospital')
<div class="col-md-4">
<h2 class="dropdown-title clrBlueDark fw-400 f-18 ">Hospitals</h2>
@foreach ($hn as $key => $value)
<a class="dropdown-item"
href="{{ route('hospitals.show', $value->Slug ) }}">
{{ $value->HospitalShortName }}, {{ $value->Location }}
</a>
@endforeach
</div>
@endif
@endforeach
@foreach ($headerHospitals->groupby('HospitalType') as $ht => $hn)
@if ($ht == 'Clinic')
<div class="col-md-4">
<h2 class="dropdown-title clrBlueDark fw-400 f-18 ">Clinics</h2>
@foreach ($hn as $key => $value)
<a class="dropdown-item"
href="{{ route('hospitals.show', $value->Slug ) }}">
{{ $value->HospitalShortName }}, {{ $value->Location }}
</a>
@endforeach
</div>
@endif
@endforeach
@foreach ($headerHospitals->groupby('HospitalType') as $ht => $hn)
@if ($ht == 'ImagingCentre')
<div class="col-md-4">
<h2 class="dropdown-title clrBlueDark fw-400 f-18 ">Imaging Centres
</h2>
@foreach ($hn as $key => $value)
<a class="dropdown-item"
href="{{ route('hospitals.show', $value->Slug ) }}">
{{ $value->HospitalShortName }}, {{ $value->Location }}
</a>
@endforeach
</div>
@endif
@endforeach
@foreach ($headerHospitals->groupby('HospitalType') as $ht => $hn)
@if ($ht == 'Foundation')
<div class="col-md-3 d-none">
<h3 class="dropdown-title clrBlueDark fw-400 f-18 ">Sarvodaya Foundation</h3>
@foreach ($hn as $key => $value)
<a class="dropdown-item"
href="{{ route('hospitals.show', $value->Slug ) }}">
{{ $value->HospitalShortName }}, {{ $value->Location }}
</a>
@endforeach
</div>
@endif
@endforeach
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('doctors') }}">Doctors</a>
</li>
<li class="nav-item dropdown position-static full-menu">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" role="button"
data-bs-toggle="dropdown">Specialities</a>
<div class="dropdown-menu py-4">
<div class="container">
<div class="row row-cols-3">
<div class="col position-relative">
<h3 class="dropdown-title clrBlueDark fw-400 f-18 ">Centres of Excellence</h3>
<ul class="specialities-dropdown-inner">
@foreach($centreOfExcellences as $centreOfExcellence)
<li class="{{ count($centreOfExcellence->SubSpecialities) || count($centreOfExcellence->Treatments) ? 'dropdown specialities-megha-menu' : '' }}">
<a href="{{ route('specialities.show', $centreOfExcellence->Slug) }}"
class="dropdown-item {{ count($centreOfExcellence->SubSpecialities) || count($centreOfExcellence->Treatments) ? 'dropdown-toggle d-block' : '' }}"
@if(count($centreOfExcellence->SubSpecialities) || count($centreOfExcellence->Treatments)) data-toggle="dropdown" @endif
>
@if(!is_null($centreOfExcellence->media))
<img src="{{ $centreOfExcellence->media->thumbnail_url }}" alt="{{ $centreOfExcellence->SpecialityName }}" />
@else
<img src="{{ asset('img/Cardiology.png') }}" alt="{{ $centreOfExcellence->SpecialityName }}"/>
@endif
{{ $centreOfExcellence->SpecialityName }}
</a>
@if(count($centreOfExcellence->SubSpecialities) || count($centreOfExcellence->Treatments))
<div class="dropdown-menu">
<div class="row">
@if(count($centreOfExcellence->SubSpecialities))
<div class="col-md-{{ count($centreOfExcellence->Treatments) ? '6' : '12' }}">
<h3 class="dropdown-title clrBlueDark fw-400 f-18 ">Specialities</h3>
<ul class="list-unstyled p-0 m-0">
@foreach ($centreOfExcellence->SubSpecialities as $speciality)
<li>
<a href="{{ route('specialities.show', $speciality->Slug) }}" class="dropdown-item">
@if(!is_null($speciality->media))
<img src="{{ $speciality->media->thumbnail_url }}" alt="{{ $speciality->SpecialityName }}"/>
@else
<img src="{{ asset('img/Cardiology.png') }}" alt="{{ $speciality->SpecialityName }}"/>
@endif
{{ $speciality->SpecialityName }}
</a>
</li>
@endforeach
</ul>
</div>
@endif
@if(count($centreOfExcellence->Treatments))
<div class="col-md-{{ count($centreOfExcellence->SubSpecialities) ? '6' : '12' }}">
<h3 class="dropdown-title clrBlueDark fw-400 f-18 ">Treatment/Conditions</h3>
<ul class="list-unstyled p-0 m-0">
@foreach ($centreOfExcellence->Treatments as $treatment)
<li>
<a href="{{ route('treatment.show', $treatment->Slug) }}" class="dropdown-item">
{{ $treatment->TreatmentName }}
</a>
</li>
@endforeach
</ul>
</div>
@endif
</div>
</div>
@endif
</li>
@endforeach
</ul>
<a href="{{ route('specialities') }}" class=" clrBlueDark fw-500 f-16 d-block mt-4">View All</a>
</div>
<div class="col position-relative">
<h3 class="dropdown-title clrBlueDark fw-400 f-18 ">Specialities</h3>
<ul class="specialities-dropdown-inner">
@foreach ($headerSpecialities as $speciality)
<li>
<a href="{{ route('specialities.show', $speciality->Slug) }}" class="dropdown-item">
@if(!is_null($speciality->media))
<img src="{{ $speciality->media->thumbnail_url }}" alt="{{ $speciality->SpecialityName }}"/>
@else
<img src="{{ asset('img/Cardiology.png') }}" alt="{{ $speciality->SpecialityName }}"/>
@endif
{{ $speciality->SpecialityName }}
</a>
</li>
@endforeach
</ul>
</div>
<div class="col position-relative">
<h3 class="dropdown-title clrBlueDark fw-400 f-18 ">Treatments/Conditions</h3>
<ul class="specialities-dropdown-inner">
@foreach ($headerTreatments as $headerTreatment)
<li>
<a href="{{ route('treatment.show', $headerTreatment->Slug) }}" class="dropdown-item">
{{ $headerTreatment->TreatmentName }}
</a>
</li>
@endforeach
</ul>
<a href="{{ route('treatments') }}" class=" clrBlueDark fw-500 f-16 d-block mt-4">View All</a>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('international-patient') }}">International Patients</a>
</li>
{{-- <li class="dropdown internationl-service-menu">--}}
{{-- <a class="dropdown-toggle nav-link" data-toggle="dropdown"--}}
{{-- href="javascript:void(0)">International Services</a>--}}
{{-- <ul class="dropdown-menu">--}}
{{-- <li><a href="{{ route('international-patient') }}" class="drop-nav-link">International--}}
{{-- Patients</a></li>--}}
{{-- <li><a href="javascript:void(0)" class="drop-nav-link">Countries Served</a></li>--}}
{{-- <li><a href="javascript:void(0)" class="drop-nav-link">Facilities</a></li>--}}
{{-- <li><a href="javascript:void(0)" class="drop-nav-link">Quick Query</a></li>--}}
{{-- </ul>--}}
{{-- </li>--}}
@auth
<li class="nav-item dropdown internationl-service-menu">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown">My Account</a>
<ul class="dropdown-menu">
<li><a href="{{ route('patient.report.index') }}" class="drop-nav-link">My Appointments</a></li>
<li><a href="{{ route('appointment.logout') }}" class="drop-nav-link">Log Out</a></li>
</ul>
</li>
@endauth
@guest
<li class="nav-item">
<a class="nav-link" href="{{ route('patient.report.index') }}">Login</a>
</li>
@endguest
<li class="nav-item position-relative">
<div class="d-flex align-items-center hide-btn-header">
<a href="javascript:void(0)" class="header-search-icon">
<img class="h-22" src="{{ asset('img/search-grey.svg') }}" alt="">
</a>
<a href="{{ route('make-an-appointment') }}" class="book-appointment-btn">
Book Appointment
</a>
</div>
<div class="search-overlay-wrapper suggestion-filter-doctors-wrapper">
<div class="search-overlay-box">
<form>
<div class="d-flex position-relative w-100">
<div class="form-gorup w-100">
<input type="text"
class="form-control f-14 menu-search"
name=""
placeholder="Search for Doctor, Hospital or Speciality"
/>
</div>
<div class="overlay-searchbar-content">
<i class="fa-solid fa-xmark f-22 clrGrey close-search-btn position-static"></i>
</div>
</div>
</form>
</div>
<!-- Suggestion Search Box -->
<div class="suggestion-box-wrapper suggestion-filter-doctors" style="display: none;">
<div class="suggestion-inner-content" id="menu-filter">
<div class="suggestion-box specialities menu-speciality">
<h6 class="suggestion-total-count clrBlueDark f-16 fw-400 mb-2">Select
Specilities</h6>
<ul class="suggestion-listing">
</ul>
</div>
<div class="suggestion-box specialities menu-doctor">
<h6 class="suggestion-total-count clrBlueDark f-16 fw-400 mb-2">Select Doctor
</h6>
<ul class="suggestion-listing">
</ul>
</div>
<div class="suggestion-box specialities menu-treatment">
<h6 class="suggestion-total-count clrBlueDark f-16 fw-400 mb-2">Select
Treatments</h6>
<ul class="suggestion-listing"></ul>
</div>
<div class="suggestion-box specialities menu-hospital">
<h6 class="suggestion-total-count clrBlueDark f-16 fw-400 mb-2">Select
Hospitals</h6>
<ul class="suggestion-listing">
</ul>
</div>
<div class="suggestion-box specialities menu-blog">
<h6 class="suggestion-total-count clrBlueDark f-16 fw-400 mb-2">Select
Blogs</h6>
<ul class="suggestion-listing">
</ul>
</div>
</div>
</div>
<!-- Suggestion -->
</div>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Write To Chairman Modal -->
<div class="modal fade" id="writeToChairman" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<form action="{{ route('write-to-chairman.store') }}" id="writeToChairmanForm" method="POST">
@csrf
<input type="hidden" name="source_url" value="{{ request()->fullurl() }}">
{!! RecaptchaV3::field('writeToChairmanRecaptcha') !!}
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">Write to chairman</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<div class="mb-2">
<input type="text" class="form-control inputBox" id="name" name="name" placeholder="Name" onkeydown="return /[a-z, ]/i.test(event.key)" onblur="if (this.value == '') {this.value = '';}" onfocus="if (this.value == '') {this.value='';}">
</div>
<div class="mb-2">
<input type="text" class="form-control inputBox" id="email" name="email" placeholder="Email ID">
</div>
<div class="mb-2">
<input type="text" class="form-control inputBox" id="phone" minlength="5" maxlength="10" pattern="[0-9]{10}" name="phone" placeholder="Mobile">
</div>
<div class="mb-2">
<textarea name="remark" class="form-control inputBox" id="remarks" rows="3" placeholder="Query"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="submit" id="chairmanMsgSubmit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
</div>
</div>