85 lines
3.3 KiB
HTML
85 lines
3.3 KiB
HTML
<div class="col-lg-3 col-md-6 mb-3">
|
|
<div class="card border-0 shadow-sm h-100" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
|
|
<div class="card-body text-white">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h3 class="mb-1 fw-bold">{{ stats.pending_prescriptions|default:0 }}</h3>
|
|
<p class="mb-0 opacity-75">Pending Prescriptions</p>
|
|
</div>
|
|
<div class="text-white-50">
|
|
<i class="fas fa-prescription fa-2x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="mt-3">
|
|
<small class="opacity-75">
|
|
<i class="fas fa-clock me-1"></i>Requires verification
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-6 mb-3">
|
|
<div class="card border-0 shadow-sm h-100" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
|
|
<div class="card-body text-white">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h3 class="mb-1 fw-bold">{{ stats.pending_dispensing|default:0 }}</h3>
|
|
<p class="mb-0 opacity-75">Ready to Dispense</p>
|
|
</div>
|
|
<div class="text-white-50">
|
|
<i class="fas fa-hand-holding-medical fa-2x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="mt-3">
|
|
<small class="opacity-75">
|
|
<i class="fas fa-check me-1"></i>Verified prescriptions
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-6 mb-3">
|
|
<div class="card border-0 shadow-sm h-100" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
|
|
<div class="card-body text-white">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h3 class="mb-1 fw-bold">{{ stats.low_stock_items|default:0 }}</h3>
|
|
<p class="mb-0 opacity-75">Low Stock Items</p>
|
|
</div>
|
|
<div class="text-white-50">
|
|
<i class="fas fa-exclamation-triangle fa-2x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="mt-3">
|
|
<small class="opacity-75">
|
|
<i class="fas fa-boxes me-1"></i>Needs restocking
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-6 mb-3">
|
|
<div class="card border-0 shadow-sm h-100" style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);">
|
|
<div class="card-body text-white">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h3 class="mb-1 fw-bold">{{ stats.expired_medications|default:0 }}</h3>
|
|
<p class="mb-0 opacity-75">Expired Items</p>
|
|
</div>
|
|
<div class="text-white-50">
|
|
<i class="fas fa-calendar-times fa-2x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="mt-3">
|
|
<small class="opacity-75">
|
|
<i class="fas fa-trash me-1"></i>Requires disposal
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|