<?php $page = 'patient-appointments'; ?>

<?php $__env->startSection('content'); ?>
    <?php $__env->startComponent('components.breadcrumb'); ?>
        <?php $__env->slot('title'); ?>
        Patient 
        <?php $__env->endSlot(); ?>
        <?php $__env->slot('li_1'); ?>
        Patient Appointments
        <?php $__env->endSlot(); ?>
		<?php $__env->slot('li_2'); ?>
        Patient Appointments
        <?php $__env->endSlot(); ?>
    <?php echo $__env->renderComponent(); ?>
	<!-- Page Content -->
	<div class="content doctor-content">
		<div class="container">

			<div class="row">
				
				<!-- Profile Sidebar -->
				<div class="col-lg-4 col-xl-3 theiaStickySidebar">
					
					<!-- Profile Sidebar -->
					<div class="profile-sidebar patient-sidebar profile-sidebar-new">
						<div class="widget-profile pro-widget-content">
							<div class="profile-info-widget">
								<a href="<?php echo e(url('profile-settings')); ?>" class="booking-doc-img">
									<img src="<?php echo e(URL::asset('assets/img/doctors-dashboard/profile-06.jpg')); ?>" alt="User Image">
								</a>
								<div class="profile-det-info">
									<h3><a href="<?php echo e(url('profile-settings')); ?>">Hendrita Hayes</a></h3>
									<div class="patient-details">
										<h5 class="mb-0">Patient ID : PT254654</h5>
									</div>
									<span>Female <i class="fa-solid fa-circle"></i> 32 years 03 Months</span>
								</div>
							</div>
						</div>
						<div class="dashboard-widget">
							<nav class="dashboard-menu">
								<ul>
									<li>
										<a href="<?php echo e(url('patient-dashboard')); ?>">
											<i class="isax isax-category-2"></i>
											<span>Dashboard</span>
										</a>
									</li>
									<li class="active">
										<a href="<?php echo e(url('patient-appointments')); ?>">
											<i class="isax isax-calendar-1"></i>
											<span>My Appointments</span>
										</a>
									</li>
									<li>
										<a href="<?php echo e(url('favourites')); ?>">
											<i class="isax isax-star-1"></i>
											<span>Favourites</span>
										</a>
									</li>
									<li>
										<a href="<?php echo e(url('dependent')); ?>">
											<i class="isax isax-user-octagon"></i>
											<span>Dependants</span>
										</a>
									</li>
									<li>
										<a href="<?php echo e(url('medical-records')); ?>">
											<i class="isax isax-note-21"></i>
											<span>Medical Records</span>
										</a>
									</li>
									<li>
										<a href="<?php echo e(url('patient-accounts')); ?>">
											<i class="isax isax-wallet-2"></i>
											<span>Wallet</span>
										</a>
									</li>
									<li>
										<a href="<?php echo e(url('patient-invoices')); ?>">
											<i class="isax isax-document-text"></i>
											<span>Invoices</span>
										</a>
									</li>																																				
									<li>
										<a href="<?php echo e(url('chat')); ?>">
											<i class="isax isax-messages-1"></i>
											<span>Message</span>
											<small class="unread-msg">7</small>
										</a>
									</li>
									<li>
										<a href="<?php echo e(url('medical-details')); ?>">
											<i class="isax isax-note-1"></i>
											<span>Vitals</span>
										</a>
									</li>
									<li>
										<a href="<?php echo e(url('profile-settings')); ?>">
											<i class="isax isax-setting-2"></i>
											<span>Settings</span>
										</a>
									</li>
									<li>
										<a href="<?php echo e(url('login')); ?>">
											<i class="isax isax-logout"></i>
											<span>Logout</span>
										</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
					<!-- /Profile Sidebar -->
					
				</div>
				<!-- / Profile Sidebar -->
				
				<div class="col-lg-8 col-xl-9">
					<div class="dashboard-header">
						<h3>Appointments</h3>
						<ul class="header-list-btns">
							<li>
								<div class="input-block dash-search-input">
									<input type="text" class="form-control" placeholder="Search">
									<span class="search-icon"><i class="isax isax-search-normal"></i></span>
								</div>
							</li>
							<li>
								<div class="view-icons">
									<a href="<?php echo e(url('patient-appointments')); ?>" class="active"><i class="isax isax-grid-7"></i></a>
								</div>
							</li>
							<li>
								<div class="view-icons">
									<a href="<?php echo e(url('patient-appointments-grid')); ?>"><i class="fa-solid fa-th"></i></a>
								</div>
							</li>
						</ul>
					</div>
					<div class="appointment-tab-head">
						<div class="appointment-tabs">
							<ul class="nav nav-pills inner-tab " id="pills-tab" role="tablist">
								<li class="nav-item" role="presentation">
									<button class="nav-link active" id="pills-upcoming-tab" data-bs-toggle="pill" data-bs-target="#pills-upcoming" type="button" role="tab" aria-controls="pills-upcoming" aria-selected="false">Upcoming<span>21</span></button>
								</li>	
								<li class="nav-item" role="presentation">
									<button class="nav-link" id="pills-cancel-tab" data-bs-toggle="pill" data-bs-target="#pills-cancel" type="button" role="tab" aria-controls="pills-cancel" aria-selected="true">Cancelled<span>16</span></button>
								</li>
								<li class="nav-item" role="presentation">
									<button class="nav-link" id="pills-complete-tab" data-bs-toggle="pill" data-bs-target="#pills-complete" type="button" role="tab" aria-controls="pills-complete" aria-selected="true">Completed<span>214</span></button>
								</li>
							</ul>
						</div>
						<div class="filter-head">
							<div class="position-relative daterange-wraper me-2">
								<div class="input-groupicon calender-input">
									<input type="text" class="form-control  date-range bookingrange" placeholder="From Date - To Date ">
								</div>
								<i class="isax isax-calendar-1"></i>
							</div>
							<div class="form-sorts dropdown">
								<a href="javascript:void(0);" class="dropdown-toggle" id="table-filter"><i class="isax isax-filter me-2"></i>Filter By</a>
								<div class="filter-dropdown-menu">
									<div class="filter-set-view">
										<div class="accordion" id="accordionExample">
											<div class="filter-set-content">
												<div class="filter-set-content-head">
													<a href="#" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Name<i class="fa-solid fa-chevron-right"></i></a>
												</div>
												<div class="filter-set-contents accordion-collapse collapse show" id="collapseTwo" data-bs-parent="#accordionExample">
													<ul>
														<li>
															<div class="input-block dash-search-input w-100">
																<input type="text" class="form-control" placeholder="Search">
																<span class="search-icon"><i class="fa-solid fa-magnifying-glass"></i></span>
															</div>
														</li>
													</ul>
												</div>
											</div>
											<div class="filter-set-content">
												<div class="filter-set-content-head">
													<a href="#" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Appointment Type<i class="fa-solid fa-chevron-right"></i></a>
												</div>
												<div class="filter-set-contents accordion-collapse collapse show" id="collapseOne" data-bs-parent="#accordionExample">
													<ul>
														<li>
															<div class="filter-checks">
																<label class="checkboxs">
																	<input type="checkbox" checked>
																	<span class="checkmarks"></span>
																	<span class="check-title">All Type</span>
																</label>
															</div>																
														</li>
														<li>
															<div class="filter-checks">
																<label class="checkboxs">
																	<input type="checkbox">
																	<span class="checkmarks"></span>
																	<span class="check-title">Video Call</span>
																</label>
															</div>																
														</li>
														<li>
															<div class="filter-checks">
																<label class="checkboxs">
																	<input type="checkbox">
																	<span class="checkmarks"></span>
																	<span class="check-title">Audio Call</span>
																</label>
															</div>																
														</li>
														<li>
															<div class="filter-checks">
																<label class="checkboxs">
																	<input type="checkbox">
																	<span class="checkmarks"></span>
																	<span class="check-title">Chat</span>
																</label>
															</div>																
														</li>
														<li>
															<div class="filter-checks">
																<label class="checkboxs">
																	<input type="checkbox">
																	<span class="checkmarks"></span>
																	<span class="check-title">Direct Visit</span>
																</label>
															</div>																
														</li>
													</ul>
												</div>
											</div>												
											<div class="filter-set-content">
												<div class="filter-set-content-head">
													<a href="#" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Visit Type<i class="fa-solid fa-chevron-right"></i></a>
												</div>
												<div class="filter-set-contents accordion-collapse collapse show" id="collapseThree" data-bs-parent="#accordionExample">
													<ul>
														<li>
															<div class="filter-checks">
																<label class="checkboxs">
																	<input type="checkbox" checked>
																	<span class="checkmarks"></span>
																	<span class="check-title">All Visit</span>
																</label>
															</div>
															
														</li>
														<li>
															<div class="filter-checks">
																<label class="checkboxs">
																	<input type="checkbox">
																	<span class="checkmarks"></span>
																	<span class="check-title">General</span>
																</label>
															</div>
															
														</li>
														<li>
															<div class="filter-checks">
																<label class="checkboxs">
																	<input type="checkbox">
																	<span class="checkmarks"></span>
																	<span class="check-title">Consultation</span>
																</label>
															</div>
															
														</li>
														<li>
															<div class="filter-checks">
																<label class="checkboxs">
																	<input type="checkbox">
																	<span class="checkmarks"></span>
																	<span class="check-title">Follow-up</span>
																</label>
															</div>
															
														</li>
														<li>
															<div class="filter-checks">
																<label class="checkboxs">
																	<input type="checkbox">
																	<span class="checkmarks"></span>
																	<span class="check-title">Direct Visit</span>
																</label>
															</div>
															
														</li>
													</ul>
												</div>
											</div>
										</div>
										
										<div class="filter-reset-btns">
											<a href="<?php echo e(url('appointments')); ?>" class="btn btn-md btn-light rounded-pill">Reset</a>
											<a href="<?php echo e(url('appointments')); ?>" class="btn btn-md btn-primary-gradient rounded-pill">Filter Now</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="tab-content appointment-tab-content">
						<div class="tab-pane fade show active" id="pills-upcoming" role="tabpanel" aria-labelledby="pills-upcoming-tab">
							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-upcoming-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-21.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0001</p>
												<h6><a href="<?php echo e(url('patient-upcoming-appointment')); ?>">Dr Edalin</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>11 Nov 2024 10.45 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Video Call</li>
										</ul>												
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>edalin@example.com</li>
											<li><i class="isax isax-call5"></i>+1 504 368 6874</li>
										</ul>
									</li>
									<li class="appointment-action">
										<ul>
											<li>
												<a href="<?php echo e(url('patient-upcoming-appointment')); ?>"><i class="isax isax-eye4"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-messages-25"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-close-circle5"></i></a>
											</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="#" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Attend</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-upcoming-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-13.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0002</p>
												<h6><a href="<?php echo e(url('patient-upcoming-appointment')); ?>">Dr.Shanta</a><span class="badge new-tag">New</span></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>05 Nov 2024 11.50 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Audio Call</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>shanta@example.com</li>
											<li><i class="isax isax-call5"></i>+1 832 891 8403</li>
										</ul>
									</li>
									<li class="appointment-action">
										<ul>
											<li>
												<a href="<?php echo e(url('patient-upcoming-appointment')); ?>"><i class="isax isax-eye4"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-messages-25"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-close-circle5"></i></a>
											</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="#" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Attend</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-upcoming-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-14.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0003</p>
												<h6><a href="<?php echo e(url('patient-upcoming-appointment')); ?>">Dr.John</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>27 Oct 2024 09.30 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Video Call</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>john@example.com</li>
											<li><i class="isax isax-call5"></i>+1 749 104 6291</li>
										</ul>
									</li>
									<li class="appointment-action">
										<ul>
											<li>
												<a href="<?php echo e(url('patient-upcoming-appointment')); ?>"><i class="isax isax-eye4"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-messages-25"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-close-circle5"></i></a>
											</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="#" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Attend</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-upcoming-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-15.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0004</p>
												<h6><a href="<?php echo e(url('patient-upcoming-appointment')); ?>">Dr.Susan</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>18 Oct 2024 12.20 PM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Direct Visit</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>susan@example.com</li>
											<li><i class="isax isax-call5"></i>+1 584 920 7183</li>
										</ul>
									</li>
									<li class="appointment-action">
										<ul>
											<li>
												<a href="<?php echo e(url('patient-upcoming-appointment')); ?>"><i class="isax isax-eye4"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-messages-25"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-close-circle5"></i></a>
											</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="#" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Attend</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-upcoming-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-16.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0005</p>
												<h6><a href="<?php echo e(url('patient-upcoming-appointment')); ?>">Dr.Juliet</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>10 Oct 2024 11.30 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Chat</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>juliet@example.com</li>
											<li><i class="isax isax-call5"></i>+1 059 327 6729</li>
										</ul>
									</li>
									<li class="appointment-action">
										<ul>
											<li>
												<a href="<?php echo e(url('patient-upcoming-appointment')); ?>"><i class="isax isax-eye4"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-messages-25"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-close-circle5"></i></a>
											</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="#" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Attend</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-upcoming-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-17.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0006</p>
												<h6><a href="<?php echo e(url('patient-upcoming-appointment')); ?>">Dr.Joseph</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>26 Sep 2024 10.20 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Chat</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>joseph@example.com</li>
											<li><i class="isax isax-call5"></i>+1 278 402 7103</li>
										</ul>
									</li>
									<li class="appointment-action">
										<ul>
											<li>
												<a href="<?php echo e(url('patient-upcoming-appointment')); ?>"><i class="isax isax-eye4"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-messages-25"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-close-circle5"></i></a>
											</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="#" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Attend</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-upcoming-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-18.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0007</p>
												<h6><a href="<?php echo e(url('patient-upcoming-appointment')); ?>">Dr.Victoria</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>14 Sep 2024 08.10 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Chat</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>victoria@example.com</li>
											<li><i class="isax isax-call5"></i>+1 638 278 0249</li>
										</ul>
									</li>
									<li class="appointment-action">
										<ul>
											<li>
												<a href="<?php echo e(url('patient-upcoming-appointment')); ?>"><i class="isax isax-eye4"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-messages-25"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-close-circle5"></i></a>
											</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="#" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Attend</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-upcoming-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-19.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0008</p>
												<h6><a href="<?php echo e(url('patient-upcoming-appointment')); ?>">Dr.Benjamin</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>03 Sep 2024 06.00 PM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Video Call</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>benjamin@example.com</li>
											<li><i class="isax isax-call5"></i>+1 261 039 1873</li>
										</ul>
									</li>
									<li class="appointment-action">
										<ul>
											<li>
												<a href="<?php echo e(url('patient-upcoming-appointment')); ?>"><i class="isax isax-eye4"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-messages-25"></i></a>
											</li>
											<li>
												<a href="#"><i class="isax isax-close-circle5"></i></a>
											</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="#" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Attend</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Pagination -->
							<div class="pagination dashboard-pagination">
								<ul>
									<li>
										<a href="#" class="page-link prev">Prev</a>
									</li>
									<li>
										<a href="#" class="page-link">1</a>
									</li>
									<li>
										<a href="#" class="page-link active">2</a>
									</li>
									<li>
										<a href="#" class="page-link">3</a>
									</li>
									<li>
										<a href="#" class="page-link">4</a>
									</li>
									<li>
										<a href="#" class="page-link next">Next</a>
									</li>
								</ul>
							</div>
							<!-- /Pagination -->

						</div>
						<div class="tab-pane fade" id="pills-cancel" role="tabpanel" aria-labelledby="pills-cancel-tab">
							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-cancelled-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-21.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt00011</p>
												<h6><a href="<?php echo e(url('patient-cancelled-appointment')); ?>">Dr Edalin</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>11 Nov 2024 10.45 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Video Call</li>
										</ul>
										
									</li>
									
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>edalin@example.com</li>
											<li><i class="isax isax-call5"></i>+1 504 368 6874</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="<?php echo e(url('patient-cancelled-appointment')); ?>" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Reschedule</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-cancelled-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-13.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0002</p>
												<h6><a href="<?php echo e(url('patient-cancelled-appointment')); ?>">Dr.Shanta</a><span class="badge new-tag">New</span></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>05 Nov 2024 11.50 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Audio Call</li>
										</ul>
										
									</li>
									
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>shanta@example.com</li>
											<li><i class="isax isax-call5"></i>+1 832 891 8403</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="<?php echo e(url('patient-cancelled-appointment')); ?>" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Reschedule</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-cancelled-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-14.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0003</p>
												<h6><a href="<?php echo e(url('patient-cancelled-appointment')); ?>">Dr.John</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>27 Oct 2024 09.30 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Video Call</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>john@example.com</li>
											<li><i class="isax isax-call5"></i>+1 749 104 6291</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="<?php echo e(url('patient-cancelled-appointment')); ?>" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Reschedule</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-cancelled-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-15.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0004</p>
												<h6><a href="<?php echo e(url('patient-cancelled-appointment')); ?>">Dr.Susan</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>18 Oct 2024 12.20 PM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Direct Visit</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>susan@example.com</li>
											<li><i class="isax isax-call5"></i>+1 584 920 7183</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="<?php echo e(url('patient-cancelled-appointment')); ?>" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Reschedule</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-cancelled-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-16.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0005</p>
												<h6><a href="<?php echo e(url('patient-cancelled-appointment')); ?>">Dr.Juliet</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>10 Oct 2024 11.30 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Chat</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>juliet@example.com
											</li>
											<li><i class="isax isax-call5"></i>+1 059 327 6729
											</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="<?php echo e(url('patient-cancelled-appointment')); ?>" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Reschedule</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-cancelled-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-17.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0006</p>
												<h6><a href="<?php echo e(url('patient-cancelled-appointment')); ?>">Dr.Joseph</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>26 Sep 2024 10.20 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Chat</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>joseph@example.com
											</li>
											<li><i class="isax isax-call5"></i>+1 278 402 7103
											</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="<?php echo e(url('patient-cancelled-appointment')); ?>" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Reschedule</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-cancelled-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-18.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0007</p>
												<h6><a href="<?php echo e(url('patient-cancelled-appointment')); ?>">Dr.Victoria</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>14 Sep 2024 08.10 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Chat</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>victoria@example.com
											</li>
											<li><i class="isax isax-call5"></i>+1 059 327 6729
											</li>
										</ul>
									</li>
									<li class="appointment-detail-btn">
										<a href="<?php echo e(url('patient-cancelled-appointment')); ?>" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Reschedule</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-cancelled-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-19.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0008</p>
												<h6><a href="<?php echo e(url('patient-cancelled-appointment')); ?>">Dr.Benjamin</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>03 Sep 2024 06.00 PM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Video Call</li>
										</ul>
										
									</li>
									<li class="mail-info-patient">
										<ul>
											<li><i class="isax isax-sms5"></i>benjamin@example.com</li>
											<li><i class="isax isax-call5"></i>+1 261 039 1873</li>
										</ul>
									</li>	
									<li class="appointment-detail-btn">
										<a href="<?php echo e(url('patient-cancelled-appointment')); ?>" class="btn btn-md btn-primary-gradient"><i class="isax isax-calendar-tick5 me-1"></i>Reschedule</a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Pagination -->
							<div class="pagination dashboard-pagination">
								<ul>
									<li>
										<a href="#" class="page-link prev">Prev</a>
									</li>
									<li>
										<a href="#" class="page-link">1</a>
									</li>
									<li>
										<a href="#" class="page-link active">2</a>
									</li>
									<li>
										<a href="#" class="page-link">3</a>
									</li>
									<li>
										<a href="#" class="page-link">4</a>
									</li>
									<li>
										<a href="#" class="page-link">...</a>
									</li>
									<li>
										<a href="#" class="page-link next">Next</a>
									</li>
								</ul>
							</div>
							<!-- /Pagination -->
						</div>
						<div class="tab-pane fade" id="pills-complete" role="tabpanel" aria-labelledby="pills-complete-tab">
							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-completed-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-21.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0001</p>
												<h6><a href="<?php echo e(url('patient-completed-appointment')); ?>">Dr Edalin</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>11 Nov 2024 10.45 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Video Call</li>
										</ul>
										
									</li>
									<li>
										<a href="#" class="text-decoration-underline" data-bs-toggle="modal" data-bs-target="#add_review">Add Review</a>
									</li>
									<li class="appointment-detail-btn d-flex align-items-center gap-3 flex-wrap">
										<a href="<?php echo e(url('map-grid')); ?>" class="btn btn-md btn-dark">Book Again<i class="isax isax-arrow-right-3 ms-1"></i></a>
										<a href="<?php echo e(url('patient-completed-appointment')); ?>" class="btn btn-md btn-primary-gradient">View Details<i class="isax isax-arrow-right-3 ms-1"></i></a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-completed-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-13.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0002</p>
												<h6><a href="<?php echo e(url('patient-completed-appointment')); ?>">Dr.Shanta</a><span class="badge new-tag">New</span></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>05 Nov 2024 11.50 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Audio Call</li>
										</ul>
										
									</li>
									<li>
										<a href="#" class="text-decoration-underline" data-bs-toggle="modal" data-bs-target="#view_review">View Review</a>
									</li>
									<li class="appointment-detail-btn d-flex align-items-center gap-3 flex-wrap">
										<a href="<?php echo e(url('map-grid')); ?>" class="btn btn-md btn-dark">Book Again<i class="isax isax-arrow-right-3 ms-1"></i></a>
										<a href="<?php echo e(url('patient-completed-appointment')); ?>" class="btn btn-md btn-primary-gradient">View Details<i class="isax isax-arrow-right-3 ms-1"></i></a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-completed-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-14.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0003</p>
												<h6><a href="<?php echo e(url('patient-completed-appointment')); ?>">Dr.John</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>27 Oct 2024 09.30 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Video Call</li>
										</ul>
										
									</li>
									<li>
										<a href="#" class="text-decoration-underline" data-bs-toggle="modal" data-bs-target="#view_review">View Review</a>
									</li>
									<li class="appointment-detail-btn d-flex align-items-center gap-3 flex-wrap">
										<a href="<?php echo e(url('map-grid')); ?>" class="btn btn-md btn-dark">Book Again<i class="isax isax-arrow-right-3 ms-1"></i></a>
										<a href="<?php echo e(url('patient-completed-appointment')); ?>" class="btn btn-md btn-primary-gradient">View Details<i class="isax isax-arrow-right-3 ms-1"></i></a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-completed-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-15.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0004</p>
												<h6><a href="<?php echo e(url('patient-completed-appointment')); ?>">Dr.Susan</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>18 Oct 2024 12.20 PM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Direct Visit</li>
										</ul>
										
									</li>
									<li>
										<a href="#" class="text-decoration-underline" data-bs-toggle="modal" data-bs-target="#view_review">View Review</a>
									</li>
									<li class="appointment-detail-btn d-flex align-items-center gap-3 flex-wrap">
										<a href="<?php echo e(url('map-grid')); ?>" class="btn btn-md btn-dark">Book Again<i class="isax isax-arrow-right-3 ms-1"></i></a>
										<a href="<?php echo e(url('patient-completed-appointment')); ?>" class="btn btn-md btn-primary-gradient">View Details<i class="isax isax-arrow-right-3 ms-1"></i></a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-completed-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-16.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0005</p>
												<h6><a href="<?php echo e(url('patient-completed-appointment')); ?>">Dr.Juliet</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>10 Oct 2024 11.30 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Chat</li>
										</ul>
										
									</li>
									<li>
										<a href="#" class="text-decoration-underline" data-bs-toggle="modal" data-bs-target="#view_review">View Review</a>
									</li>
									<li class="appointment-detail-btn d-flex align-items-center gap-3 flex-wrap">
										<a href="<?php echo e(url('map-grid')); ?>" class="btn btn-md btn-dark">Book Again<i class="isax isax-arrow-right-3 ms-1"></i></a>
										<a href="<?php echo e(url('patient-completed-appointment')); ?>" class="btn btn-md btn-primary-gradient">View Details<i class="isax isax-arrow-right-3 ms-1"></i></a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-completed-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-17.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0006</p>
												<h6><a href="<?php echo e(url('patient-completed-appointment')); ?>">Dr.Joseph</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>26 Sep 2024 10.20 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Chat</li>
										</ul>
										
									</li>
									<li>
										<a href="#" class="text-decoration-underline" data-bs-toggle="modal" data-bs-target="#view_review">View Review</a>
									</li>
									<li class="appointment-detail-btn d-flex align-items-center gap-3 flex-wrap">
										<a href="<?php echo e(url('map-grid')); ?>" class="btn btn-md btn-dark">Book Again<i class="isax isax-arrow-right-3 ms-1"></i></a>
										<a href="<?php echo e(url('patient-completed-appointment')); ?>" class="btn btn-md btn-primary-gradient">View Details<i class="isax isax-arrow-right-3 ms-1"></i></a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-completed-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-18.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0007</p>
												<h6><a href="<?php echo e(url('patient-completed-appointment')); ?>">Dr.Victoria</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>14 Sep 2024 08.10 AM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Chat</li>
										</ul>
										
									</li>
									<li>
										<a href="#" class="text-decoration-underline" data-bs-toggle="modal" data-bs-target="#view_review">View Review</a>
									</li>
									<li class="appointment-detail-btn d-flex align-items-center gap-3 flex-wrap">
										<a href="<?php echo e(url('map-grid')); ?>" class="btn btn-md btn-dark">Book Again<i class="isax isax-arrow-right-3 ms-1"></i></a>
										<a href="<?php echo e(url('patient-completed-appointment')); ?>" class="btn btn-md btn-primary-gradient">View Details<i class="isax isax-arrow-right-3 ms-1"></i></a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Appointment List -->
							<div class="appointment-wrap">
								<ul>
									<li>
										<div class="patinet-information">
											<a href="<?php echo e(url('patient-completed-appointment')); ?>">
												<img src="<?php echo e(URL::asset('assets/img/doctors/doctor-thumb-19.jpg')); ?>" alt="User Image">
											</a>
											<div class="patient-info">
												<p>#Apt0008</p>
												<h6><a href="<?php echo e(url('patient-completed-appointment')); ?>">Dr.Benjamin</a></h6>
											</div>
										</div>
									</li>
									<li class="appointment-info">
										<p><i class="isax isax-clock5"></i>03 Sep 2024 06.00 PM</p>
										<ul class="d-flex apponitment-types">
											<li>General Visit</li>
											<li>Video Call</li>
										</ul>
										
									</li>
									<li>
										<a href="#" class="text-decoration-underline" data-bs-toggle="modal" data-bs-target="#view_review">View Review</a>
									</li>
									<li class="appointment-detail-btn d-flex align-items-center gap-3 flex-wrap">
										<a href="<?php echo e(url('map-grid')); ?>" class="btn btn-md btn-dark">Book Again<i class="isax isax-arrow-right-3 ms-1"></i></a>
										<a href="<?php echo e(url('patient-completed-appointment')); ?>" class="btn btn-md btn-primary-gradient">View Details<i class="isax isax-arrow-right-3 ms-1"></i></a>
									</li>
								</ul>
							</div>
							<!-- /Appointment List -->

							<!-- Pagination -->
							<div class="pagination dashboard-pagination">
								<ul>
									<li>
										<a href="#" class="page-link prev">Prev</a>
									</li>
									<li>
										<a href="#" class="page-link">1</a>
									</li>
									<li>
										<a href="#" class="page-link active">2</a>
									</li>
									<li>
										<a href="#" class="page-link">3</a>
									</li>
									<li>
										<a href="#" class="page-link">4</a>
									</li>
									<li>
										<a href="#" class="page-link next">Next</a>
									</li>
								</ul>
							</div>
							<!-- /Pagination -->
						</div>
					</div>
					
				</div>
			</div>

		</div>

	</div>		
	<!-- /Page Content -->
   

    <?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.mainlayout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\doccure\laravel\template\resources\views/patient-appointments.blade.php ENDPATH**/ ?>