Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/clinic.corals.io/resources/views/dashboard/ |
@extends('layouts.app')
@section('title')
{{__('messages.dashboard')}}
@endsection
@section('page_css')
<link href="{{ mix('assets/css/app.css') }}" rel="stylesheet" type="text/css"/>
@endsection
@section('content')
<div class="post d-flex flex-column-fluid" id="kt_post">
<div id="kt_content_container" class="container">
<div class="row g-5 gx-xxl-8 justify-content-center">
<div class="col-xl-3 col-md-6">
<a href="{{ route('doctors.index') }}" class="card bg-primary hoverable card-xl-stretch mb-xl-8">
<div class="card-body">
<span><i class="fas fa-user-md display-4 card-icon text-white"></i></span>
<div class="text-inverse-primary fw-bolder card-count fs-2 mb-2 mt-5">{{$data['totalDoctorCount']}}</div>
<div class="fw-bold text-inverse-primary fs-7">{{__('messages.admin_dashboard.total_doctor')}}</div>
</div>
</a>
</div>
<div class="col-xl-3 col-md-6">
<a href="{{ route('patients.index') }}" class="card bg-dark hoverable card-xl-stretch mb-xl-8">
<div class="card-body">
<span><i class="fas fa-hospital-user display-4 card-icon text-white"></i></span>
<div class="text-inverse-dark fw-bolder fs-2 card-count mb-2 mt-5">{{$data['totalPatientCount']}}</div>
<div
class="fw-bold text-inverse-dark fs-7">{{__('messages.admin_dashboard.total_patients')}}</div>
</div>
</a>
</div>
<div class="col-xl-3 col-md-6">
<a href="{{ route('appointments.index') }}"
class="card bg-warning hoverable card-xl-stretch mb-xl-8">
<div class="card-body">
<span><i class="fas fa-calendar-alt display-4 card-icon text-white"></i></span>
<div class="text-inverse-warning fw-bolder fs-2 card-count mb-2 mt-5">{{$data['todayAppointmentCount']}}</div>
<div
class="fw-bold text-inverse-warning fs-7">{{__('messages.admin_dashboard.today_appointments')}}</div>
</div>
</a>
</div>
<div class="col-xl-3 col-md-6">
<a href="{{ route('patients.index') }}" class="card bg-info hoverable card-xl-stretch mb-5 mb-xl-8">
<div class="card-body">
<span><i class="fas fa-user-injured display-4 card-icon text-white"></i></span>
<div class="text-inverse-info fw-bolder fs-2 mb-2 card-count mt-5">{{$data['totalRegisteredPatientCount']}}</div>
<div
class="fw-bold text-inverse-info fs-7">{{__('messages.admin_dashboard.today_registered_patients')}}</div>
</div>
</a>
</div>
<div class="col-xxl-12">
<div class="card card-xxl-stretch mb-5 mb-xxl-8">
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">{{__('messages.admin_dashboard.recent_patients_registration')}}</span>
</h3>
<div class="card-toolbar ms-auto">
<ul class="nav">
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4 active"
data-bs-toggle="tab" href=""
id="dayData">{{__('messages.admin_dashboard.day')}}</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4 me-1"
data-bs-toggle="tab" href=""
id="weekData">{{__('messages.admin_dashboard.week')}}</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4 me-1 "
data-bs-toggle="tab" href=""
id="monthData">{{__('messages.admin_dashboard.month')}}</a>
</li>
</ul>
</div>
</div>
<div class="card-body py-3">
<div class="tab-content">
<div class="tab-pane fade show active" id="month">
<div class="table-responsive">
<table class="table table-row-dashed table-row-gray-200 align-middle gs-0 gy-4">
<thead>
<tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
<th class="w-25px text-muted mt-1 fw-bold fs-7">{{__('messages.admin_dashboard.name')}}</th>
<th class="min-w-150px text-muted mt-1 fw-bold fs-7"></th>
<th class="min-w-150px text-muted mt-1 fw-bold fs-7">{{__('messages.admin_dashboard.patient_id')}}</th>
<th class="min-w-150px text-muted mt-1 fw-bold fs-7 text-center">{{__('messages.doctor_dashboard.total_appointments')}}</th>
<th class="min-w-150px text-muted mt-1 fw-bold fs-7 text-center">{{__('messages.patient.registered_on')}}</th>
</tr>
</thead>
<tbody id="monthlyReport" class="text-gray-600 fw-bold">
@forelse($data['patients'] as $patient)
<tr>
<td>
<div class="symbol symbol-45px me-2">
<img src="{{ $patient->profile}}"
class="symbol symbol-circle object-cover align-self-center"
alt=""/>
</div>
</td>
<td>
<a href="{{ route('patients.show',$patient->id) }}"
class="text-primary-800 mb-1 fs-6">{{$patient->user->fullname}}</a>
<span
class="text-muted fw-bold d-block">{{$patient->user->email}}</span>
</td>
<td class="text-start">
<span class="badge badge-light-success">{{$patient->patient_unique_id}}</span>
</td>
<td class="text-center">
<span class="badge badge-light-danger">{{$patient->appointments_count}}</span>
</td>
<td class="text-center text-muted fw-bold">
<span class="badge badge-light-info">
{{ \Carbon\Carbon::parse($patient->user->created_at)->format('jS M Y H:i A')}}
</span>
</td>
</tr>
@empty
<tr class="text-center">
<td colspan="5"
class="text-center text-muted fw-bold">{{ __('messages.common.no_data_available') }}</td>
</tr>
@endforelse
</tbody>
</table>
</div>
</div>
<div class="tab-pane fade" id="week">
<div class="table-responsive">
<table class="table table-row-dashed table-row-gray-200 align-middle gs-0 gy-4">
<thead>
<tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
<th class="w-25px text-muted mt-1 fw-bold fs-7">{{__('messages.admin_dashboard.name')}}</th>
<th class="min-w-150px text-muted mt-1 fw-bold fs-7"></th>
<th class="min-w-150px text-muted mt-1 fw-bold fs-7">{{__('messages.admin_dashboard.patient_id')}}</th>
<th class="min-w-150px text-muted mt-1 fw-bold fs-7 text-center">{{__('messages.doctor_dashboard.total_appointments')}}</th>
<th class="min-w-150px text-muted mt-1 fw-bold fs-7 text-center">{{__('messages.patient.registered_on')}}</th>
</tr>
</thead>
<tbody id="weeklyReport" class="text-gray-600 fw-bold">
</tbody>
</table>
</div>
</div>
<div class="tab-pane fade" id="day">
<div class="table-responsive">
<table class="table table-row-dashed table-row-gray-200 align-middle gs-0 gy-4">
<thead>
<tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
<th class="w-25px text-muted mt-1 fw-bold fs-7">{{__('messages.admin_dashboard.name')}}</th>
<th class="min-w-150px text-muted mt-1 fw-bold fs-7"></th>
<th class="min-w-150px text-muted mt-1 fw-bold fs-7">{{__('messages.admin_dashboard.patient_id')}}</th>
<th class="min-w-150px text-muted mt-1 fw-bold fs-7 text-center">{{__('messages.doctor_dashboard.total_appointments')}}</th>
<th class="min-w-150px text-muted mt-1 fw-bold fs-7 text-center">{{__('messages.patient.registered_on')}}</th>
</tr>
</thead>
<tbody id="dailyReport" class="text-gray-600 fw-bold">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@include('dashboard.templates.templates')
@endsection
@section('page_js')
<script src="{{mix('assets/js/dashboard/dashboard.js')}}"></script>
@endsection