130 lines
4.4 KiB
HTML
130 lines
4.4 KiB
HTML
<!-- Operating Theatre Statistics Cards -->
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<div class="card bg-gradient-primary text-white">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<div class="h4 mb-1">{{ stats.total_cases_today|default:0 }}</div>
|
|
<div class="small">Cases Today</div>
|
|
</div>
|
|
<div class="fa-2x">
|
|
<i class="fas fa-procedures"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<div class="card bg-gradient-success text-white">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<div class="h4 mb-1">{{ stats.active_cases|default:0 }}</div>
|
|
<div class="small">Active Cases</div>
|
|
</div>
|
|
<div class="fa-2x">
|
|
<i class="fas fa-play-circle"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<div class="card bg-gradient-danger text-white">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<div class="h4 mb-1">{{ stats.emergency_cases|default:0 }}</div>
|
|
<div class="small">Emergency Cases</div>
|
|
</div>
|
|
<div class="fa-2x">
|
|
<i class="fas fa-exclamation-triangle"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<div class="card bg-gradient-info text-white">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<div class="h4 mb-1">{{ stats.completed_cases_today|default:0 }}</div>
|
|
<div class="small">Completed Today</div>
|
|
</div>
|
|
<div class="fa-2x">
|
|
<i class="fas fa-check-circle"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<div class="card bg-gradient-warning text-white">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<div class="h4 mb-1">{{ stats.rooms_in_use|default:0 }}</div>
|
|
<div class="small">Rooms In Use</div>
|
|
</div>
|
|
<div class="fa-2x">
|
|
<i class="fas fa-door-closed"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<div class="card bg-gradient-secondary text-white">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<div class="h4 mb-1">{{ stats.rooms_available|default:0 }}</div>
|
|
<div class="small">Rooms Available</div>
|
|
</div>
|
|
<div class="fa-2x">
|
|
<i class="fas fa-door-open"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<div class="card bg-gradient-dark text-white">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<div class="h4 mb-1">{{ stats.cancelled_cases_today|default:0 }}</div>
|
|
<div class="small">Cancelled Today</div>
|
|
</div>
|
|
<div class="fa-2x">
|
|
<i class="fas fa-times-circle"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<div class="card bg-gradient-warning text-white">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<div class="h4 mb-1">{{ stats.pending_preop_checklists|default:0 }}</div>
|
|
<div class="small">Pending Checklists</div>
|
|
</div>
|
|
<div class="fa-2x">
|
|
<i class="fas fa-clipboard-check"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|