File: /var/www/html/sarvodayahospital/resources/views/partials/mobile-nav.blade.php
<header class="header-mobile d-md-none py-2">
<div class="container">
<div class="row align-items-center">
<div class="col-6">
<a href="{{ route('home') }}" >
<img src="{{ asset('img/logo-ori.svg') }}" class="logo-mobile" alt="sarvodaya hospital">
</a>
</div>
<div class="col-6 text-end d-flex align-items-center justify-content-end pt-1">
<div class="me-3">
<button class="mobile-search-btn bg-transparent p-0 border-0 shadow-none">
<i class="fa-solid fa-magnifying-glass f-20 clrBlueDark search-icon-mobile"></i>
<i class="fa-solid fa-close f-22 clrBlueDark close-search-mobile d-none"></i>
</button>
<div class="search-mobile-wrapper">
<div class="input-group flex-nowrap w-100">
<img src="{{ asset('img/search-grey.svg') }}" class="mobile-search-s" width="40px">
<input type="search"
class="form-control f-14 menu-search"
name=""
placeholder="Search for Doctor, Hospital or Speciality"
>
</div>
</div>
<!-- Suggestion Search Box -->
<div class="suggestion-box-wrapper suggestion-filter-doctors text-start mobile-doctor-filter" 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>
<div>
<i class="fa-solid fa-bars f-20 clrGrey toggle-btn-nav"></i>
</div>
</div>
</div>
</div>
<nav class="navbar-mobile">
<div class="nav-overlay"></div>
<div class="container p-0">
<div class="navigation-fullpage-mobile-body">
<div class="mobile-header-top d-flex justify-content-between align-items-center">
<a href="{{ route('home') }}">
<img src="{{ asset('img/logo-ori.svg') }}" width="120px">
</a>
<i class="fa-solid fa-close ps-3 f-22 clrGrey close-nav"></i>
</div>
<div class="navigation-fullpage-mobile-inner h-100">
<ul class="mobile-main-menu">
{{-- <li class="dropdown has-dropdown nav-item">
<a href="javascript:void(0)" class="dropdown-item">
About Sarvodaya <i class="fa-solid fa-angle-right"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<button class="back-menu-btn"><i class="fa-solid fa-arrow-left me-1"></i> Back</button>
</li>
<li class="nav-item"><a href="{{ route('about-us') }}#our-story" class="dropdown-item">Our Story</a></li>
<li class="nav-item"><a href="{{ route('about-us') }}#chairman" class="dropdown-item">Chairman's Message</a></li>
<li class="nav-item"><a href="{{ route('page', 'affiliation-and-accreditation') }}" class="dropdown-item">Quality & Accreditation</a></li>
<li class="nav-item"><a href="{{ route('about-us') }}#vision" class="dropdown-item">Vision & Mission</a></li>
<li class="nav-item"><a href="{{ route('about-us') }}#leader" class="dropdown-item">Our Leaders</a></li>
<li class="nav-item"><a href="{{ route('about-us') }}#journey" class="dropdown-item">Our Journey</a></li>
</ul>
</li> --}}
<li class="dropdown nav-item">
<a href="{{ route('about-us') }}" class="dropdown-item">About Sarvodaya</a>
</li>
<li class="dropdown has-dropdown nav-item">
<a href="javascript:void(0)" class="dropdown-item">
Sarvodaya Group <i class="fa-solid fa-angle-right"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<button class="back-menu-btn"> <i class="fa-solid fa-arrow-left me-1"></i> Back</button>
</li>
@foreach ($headerHospitals->groupby('HospitalType') as $ht => $hn)
<li class="nav-item has-dropdown">
<a href="javascript:void(0)" class="dropdown-item">
@switch($ht)
@case('Hospital')
Hospitals
@break
@case('Clinic')
Clinics
@break
@case('ImagingCentre')
Imaging Centres
@break
@default
Other
@endswitch
<i class="fa-solid fa-angle-right"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<button class="back-menu-btn"> <i class="fa-solid fa-arrow-left me-1"></i> Back</button>
</li>
@foreach ($hn as $key => $value)
<li class="nav-item">
<a href="{{ route('hospitals.show', $value->Slug ) }}" class="dropdown-item">{{ $value->HospitalShortName }}, {{ $value->Location }}</a>
</li>
@endforeach
</ul>
</li>
@endforeach
</ul>
</li>
<li class="dropdown nav-item">
<a href="{{ route('doctors') }}" class="dropdown-item">Doctors</a>
</li>
<li class="dropdown has-dropdown nav-item">
<a href="javascript:void(0)" class="dropdown-item">Specialities <i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<button class="back-menu-btn"> <i class="fa-solid fa-arrow-left me-1"></i> Back</button>
</li>
<li class="nav-item has-dropdown">
<a href="javascript:void(0)" class="dropdown-item">Centres of Excellence
<i class="fa-solid fa-angle-right"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<button class="back-menu-btn"> <i class="fa-solid fa-arrow-left me-1"></i> Back</button>
</li>
@foreach($centreOfExcellences as $centreOfExcellence)
<li class="nav-item {{ count($centreOfExcellence->SubSpecialities) || count($centreOfExcellence->Treatments) ? 'has-dropdown' : '' }}">
<a href="{{ (count($centreOfExcellence->SubSpecialities) || count($centreOfExcellence->Treatments)) ? 'javascript:void(0)' : route('specialities.show', $centreOfExcellence->Slug) }}" class="dropdown-item">
{{ $centreOfExcellence->SpecialityName }} @if(count($centreOfExcellence->SubSpecialities) || count($centreOfExcellence->Treatments)) <i class="fa-solid fa-angle-right"></i> @endif
</a>
@if(count($centreOfExcellence->SubSpecialities) || count($centreOfExcellence->Treatments))
<ul class="dropdown-menu">
<li class="nav-item">
<button class="back-menu-btn"> <i class="fa-solid fa-arrow-left me-1"></i> Back</button>
</li>
<li class="nav-item">
<a href="{{ route('specialities.show', $centreOfExcellence->Slug) }}" class="dropdown-item">
<strong>{{ $centreOfExcellence->SpecialityName }}</strong>
</a>
</li>
@if(count($centreOfExcellence->SubSpecialities))
@foreach ($centreOfExcellence->SubSpecialities as $speciality)
<li class="nav-item">
<a href="{{ route('specialities.show', $speciality->Slug) }}" class="dropdown-item">
{{ $speciality->SpecialityName }}
</a>
</li>
@endforeach
@endif
@if(count($centreOfExcellence->Treatments))
@foreach ($centreOfExcellence->Treatments as $treatment)
<li class="nav-item">
<a href="{{ route('treatment.show', $treatment->Slug) }}" class="dropdown-item">
{{ $treatment->TreatmentName }}
</a>
</li>
@endforeach
@endif
</ul>
@endif
</li>
@endforeach
</ul>
</li>
<li class="nav-item has-dropdown">
<a href="javascript:void(0)" class="dropdown-item">Specialities
<i class="fa-solid fa-angle-right"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<button class="back-menu-btn"> <i class="fa-solid fa-arrow-left me-1"></i> Back</button>
</li>
@foreach ($headerSpecialities as $speciality)
<li class="nav-item">
<a href="{{ route('specialities.show', $speciality->Slug) }}" class="dropdown-item">
{{ $speciality->SpecialityName }}
</a>
</li>
@endforeach
</ul>
</li>
<li class="nav-item has-dropdown">
<a href="javascript:void(0)" class="dropdown-item">Treatments/Conditions
<i class="fa-solid fa-angle-right"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<button class="back-menu-btn"> <i class="fa-solid fa-arrow-left me-1"></i> Back</button>
</li>
@foreach($headerTreatments as $headerTreatment)
<li class="nav-item">
<a href="{{ route('treatment.show', $headerTreatment->Slug) }}" class="dropdown-item">
{{ $headerTreatment->TreatmentName }}
</a>
</li>
@endforeach
</ul>
</li>
</ul>
</li>
<li class="dropdown has-dropdown nav-item">
<a href="{{ route('international-patient') }}" class="dropdown-item">International Patients</a>
</li>
<li class="nav-item"><a href="{{ route('blogs') }}" class="dropdown-item">Blogs</a></li>
<li class="dropdown nav-item">
<a href="{{ route('phc') }}" class="dropdown-item">Health Check-ups</a>
</li>
<li class="dropdown has-dropdown nav-item">
<a href="javascript:void(0)" class="dropdown-item">
News & Media <i class="fa-solid fa-angle-right"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<button class="back-menu-btn"> <i class="fa-solid fa-arrow-left me-1"></i> Back</button>
</li>
<li class="nav-item"><a href="{{ route('news') }}" class="dropdown-item">News</a></li>
<li class="nav-item"><a href="{{ route('events') }}" class="dropdown-item">Events</a></li>
<li class="nav-item"><a href="{{ route('awards') }}" class="dropdown-item">Awards & Recognition</a></li>
<li class="nav-item"><a href="{{ route('testimonials') }}" class="dropdown-item">Patient Testimonial</a></li>
<li class="nav-item"><a href="{{ route('doctor-videos') }}" class="dropdown-item">Doctor Bytes</a></li>
<li class="nav-item"><a href="{{ route('rarecases') }}" class="dropdown-item">Rare Cases</a></li>
<li class="nav-item"><a href="{{ route('research-publication') }}" class="dropdown-item">Research Publication</a></li>
<li class="nav-item"><a href="{{ route('patient-education') }}" class="dropdown-item">Patient Education</a></li>
</ul>
</li>
<li class="dropdown nav-item">
<a href="{{ route('csr') }}" class="dropdown-item" target="_blank" style="color: #F58220"><strong>Social Initiatives</strong></a>
</li>
<li class="dropdown has-dropdown nav-item">
<a href="javascript:void(0)" class="dropdown-item">Academics <i class="fa-solid fa-angle-right"></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<button class="back-menu-btn"> <i class="fa-solid fa-arrow-left me-1"></i> Back</button>
</li>
<li class="nav-item">
<a href="https://www.sarvodayanursinginstitute.in/" class="dropdown-item" target="_blank">
Sarvodaya Nursing Institute
</a>
</li>
<li class="nav-item">
<a href="https://sarvodayahospital.com/sarvodaya-group/sarvodaya-institute-of-allied-health-sciences" class="dropdown-item" target="_blank">
Sarvodaya Institute of Allied Health Sciences
</a>
</li>
@foreach ($academics as $key => $value)
<li class="nav-item">
<a href="{{ route('academics.show', $key) }}" class="dropdown-item">
{{ $value }}
</a>
</li>
@endforeach
</ul>
</li>
<li class="dropdown nav-item">
<a href="{{ route('contact') }}" class="dropdown-item">Contact Us</a>
</li>
</ul>
<div class="mobile-bottom-btn">
<div class="d-flex justify-content-between">
<a href="{{ route('patient.report.index') }}" class="btn my-report-btn d-block me-2">My Report</a>
<a href="{{ route('make-an-appointment') }}" class="btn my-report-btn d-block ms-2">Book Appointment</a>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>