@extends('admin.layout.index')

@section('content')



					<div class="row">
						<div class="col-xl-3 col-sm-6 col-12">
							<div class="card">
								<div class="card-body">
									<div class="dash-widget-header">
										<span class="dash-widget-icon text-primary border-primary">
											<i class="fe fe-users"></i>
										</span>
										<div class="dash-count">
                                            @if ($doctors->isNotEmpty())
                                            <h3>{{$doctors->count()}}</h3>
                                            @endif
										</div>
									</div>
									<div class="dash-widget-info">
										<h6 class="text-muted">Medical Officers</h6>
										<div class="progress progress-sm">
											<div class="progress-bar bg-primary w-50"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-xl-3 col-sm-6 col-12">
							<div class="card">
								<div class="card-body">
									<div class="dash-widget-header">
										<span class="dash-widget-icon text-success">
											<i class="fe fe-credit-card"></i>
										</span>
										<div class="dash-count">
                                            @if ($patients->isNotEmpty())
                                            <h3>{{$patients->count()}}</h3>
                                            @endif
										</div>
									</div>
									<div class="dash-widget-info">

										<h6 class="text-muted">Patients</h6>
										<div class="progress progress-sm">
											<div class="progress-bar bg-success w-50"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-xl-3 col-sm-6 col-12">
							<div class="card">
								<div class="card-body">
									<div class="dash-widget-header">
										<span class="dash-widget-icon text-danger border-danger">
											<i class="fe fe-money"></i>
										</span>
										<div class="dash-count">
											<h3>{{$appointments->count()}}</h3>
										</div>
									</div>
									<div class="dash-widget-info">

										<h6 class="text-muted">Appointment</h6>
										<div class="progress progress-sm">
											<div class="progress-bar bg-danger w-50"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						 <div class="col-xl-3 col-sm-6 col-12">
							<div class="card">
								<div class="card-body">
									<div class="dash-widget-header">
										<span class="dash-widget-icon text-warning border-warning">
											<i class="fe fe-folder"></i>
										</span>
										<div class="dash-count">
											<h3>{{$appointment->count()}}</h3>
										</div>
									</div>
									<div class="dash-widget-info">

										<h6 class="text-muted">Pending Appointment</h6>
										<div class="progress progress-sm">
											<div class="progress-bar bg-warning w-50"></div>
										</div>
									</div>
								</div>
							</div>
						</div> 
					</div>
					{{-- <div class="row">
						<div class="col-md-12 col-lg-6">

							<!-- Sales Chart -->
							<div class="card card-chart">
								<div class="card-header">
									<h4 class="card-title">Revenue</h4>
								</div>
								<div class="card-body">
									<div id="morrisArea"></div>
								</div>
							</div>
							<!-- /Sales Chart -->

						</div>
						<div class="col-md-12 col-lg-6">

							<!-- Invoice Chart -->
							<div class="card card-chart">
								<div class="card-header">
									<h4 class="card-title">Status</h4>
								</div>
								<div class="card-body">
									<div id="morrisLine"></div>
								</div>
							</div>
							<!-- /Invoice Chart -->

						</div> --}}
					</div>

					<div class="row">
						<div class="col-md-12">

							<!-- Recent Orders -->
							<div class="card card-table">
								<div class="card-header">
									<h4 class="card-title">Appointment List</h4>
								</div>
								<div class="card-body">
									<div class="table-responsive">
										<table class="table table-hover table-center mb-0">
											<thead>
												<tr>
													<th>Doctor Name</th>
													<th>Date scheduled</th>
													<th>Patient Name</th>
													<th>Appointment Date</th>
													<th>Status</th>
													<th class="text-right">Details</th>
												</tr>
											</thead>
											<tbody>
											@if ($appointment->isNotEmpty())
            @foreach ($appointment ?? '' as $appointment)

												<tr>
													<td>
														<h2 class="table-avatar">
															<!-- <a href="profile.html" class="avatar avatar-sm mr-2"><img class="avatar-img rounded-circle" src="assets/img/doctors/doctor-thumb-01.jpg" alt="User Image"></a> -->
															<a href="#">{{DB::table('users')->where('id',$appointment->doctor_id)->value('name')}}</a>
														</h2>
													</td>
													<td>{{ date('d-M-Y', strtotime($appointment->created_at ))}}</td>
													<td>
														<h2 class="table-avatar">
															<!-- <a href="profile.html" class="avatar avatar-sm mr-2"><img class="avatar-img rounded-circle" src="assets/img/patients/patient1.jpg" alt="User Image"></a> -->
															<a href="profile.html">{{DB::table('users')->where('id',$appointment->patient_id)->value('name')}}</a>
														</h2>
													</td>
													<td>{{ date('d-M-Y', strtotime($appointment->appointment_date ))}} <span class="text-primary d-block">{{$appointment->appointment_time}}</span></td>
													
													@if($appointment->status == 'completed')
                                            <td><span class="badge badge-pill bg-success-light">{{$appointment->status}}</span></td>
                                            @elseif($appointment->status =='scheduled')
                                            <td><span class="badge badge-pill bg-warning-light">{{$appointment->status}}</span></td>
											@elseif($appointment->status =='accepted')
                                            <td><span class="badge badge-pill bg-warning-light">{{$appointment->status}}</span></td>
                                            @else
                                            <td><span class="badge badge-pill bg-danger-light">{{$appointment->status}}</span></td>
                                            @endif
														<!-- <div class="status-toggle">
															<input type="checkbox" id="status_1" class="check" checked>
															<label for="status_1" class="checktoggle">checkbox</label>
														</div> -->
													
													<td class="text-right">
													<a href="#" class="btn btn-sm bg-info-light" data-toggle="modal" data-target="#appt_details{{$appointment->id}}">
                                                        <i class="far fa-eye"></i> View
                                                    </a>													</td>
												</tr>
												@endforeach
												@endif
											</tbody>
										</table>
									</div>
								</div>
							</div>
							<!-- /Recent Orders -->

						</div>
					</div>
					<div class="row">
						<div class="col-md-6 d-flex">

							<!-- Recent Orders -->
							<div class="card card-table flex-fill">
								<div class="card-header">
									<h4 class="card-title">Doctors List</h4>
								</div>
								<div class="card-body">
									<div class="table-responsive">
										<table class="table table-hover table-center mb-0">
											<thead>
												<tr>
													<th>Doctor Name</th>
													<th>Contact</th>
													<th>Reviews</th>
												</tr>
											</thead>
											<tbody>
											@if ($doctors ?? ''->isNotEmpty())
											@foreach ($doctors ?? '' ?? '' as $user)
												<tr>
													<td>
														<h2 class="table-avatar">
															<!-- <a href="profile.html" class="avatar avatar-sm mr-2"><img class="avatar-img rounded-circle" src="assets/img/doctors/doctor-thumb-01.jpg" alt="User Image"></a> -->
															<a href="profile.html">{{$user->name}}</a>
														</h2>
													</td>
													<td>{{ $user->userDetails ? $user->userDetails->contact_person : 'N/A' }}</td>
													<td>
														<i class="fe fe-star text-warning"></i>
														<i class="fe fe-star text-warning"></i>
														<i class="fe fe-star text-warning"></i>
														<i class="fe fe-star text-warning"></i>
														<i class="fe fe-star-o text-secondary"></i>
													</td>
												</tr>
												@endforeach
												@endif
											</tbody>
										</table>
									</div>
								</div>
							</div>
							<!-- /Recent Orders -->

						</div>
						<div class="col-md-6 d-flex">

							<!-- Feed Activity -->
							<div class="card  card-table flex-fill">
								<div class="card-header">
									<h4 class="card-title">Patients Birthday List</h4>
								</div>
								<div class="card-body">
									<div class="table-responsive">
										<table class="table table-hover table-center mb-0">
											<thead>
												<tr>
													<th>Patient Name</th>
													<th>Phone</th>
													<th>Date of Birth</th>
													<th>Appointment Status</th>
												</tr>
											</thead>
											<tbody>
											@if ($doBPatients ?? ''->isNotEmpty())
											@foreach ($doBPatients ?? '' ?? '' as $user)
												<tr>
													<td>
														<h2 class="table-avatar">
															<!-- <a href="profile.html" class="avatar avatar-sm mr-2"><img class="avatar-img rounded-circle" src="assets/img/patients/patient1.jpg" alt="User Image"></a> -->
															<a href="profile.html">{{$user->name}}</a>
														</h2>
													</td>
													<td>{{$user->userDetails->contact_person}}</td>
													<td>{{$user->userDetails->dob}}</td>
													<td class="text-right">Upcoming</td>
												</tr>
												@endforeach
												@endif
											</tbody>
										</table>
									</div>
								</div>
							</div>
							<!-- /Feed Activity -->

						</div>
					</div>
					
@endsection
@if ($modalAppointment->isNotEmpty())
            @foreach ($modalAppointment ?? '' as $appoint)

		<!-- Appointment Details Modal -->
		<div class="modal fade custom-modal" id="appt_details{{$appoint->id}}">
			<div class="modal-dialog modal-dialog-centered">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title">Appointment Details For {{DB::table('users')->where('id',$appoint->patient_id)->value('name')}}</h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body">
						<ul class="info-details">
							<li>
								<div class="details-header">
									<div class="row">
										<div class="col-md-6">
                                        <span class="title">Appointment Number:{{$appoint->appointment}}</span>

											<span class="title">#{{$appoint->appointment}}</span><br>
											<span class="text"> {{ date('d-M-Y', strtotime($appoint->appointment_date ))}} - {{$appoint->appointment_time}}</span>
										</div>
										<div class="col-md-6">
											<!-- <div class="text-right">
												<button type="button" class="btn bg-success-light btn-sm" id="topup_status">Upload</button>
											</div> -->
										</div>
									</div>
								</div>
							</li>
							<li>
								<span class="title">Status:</span>
								<span class="text">{{Str::upper($appoint->status)}}</span>
							</li>
                           
							<li>
								<span class="title">Service:</span>
								<span class="text">{{DB::table('our_services')->where('id',$appoint->service)->value('name')}}</span>
							</li>
							<li>
								<span class="title">Amount</span>
								<span class="text">GHC{{DB::table('our_services')->where('id',$appoint->service)->value('price')}}</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
</div>
		@endforeach
		@endif
		<!-- /Appointment Details Modal -->