82 lines
2.9 KiB
HTML
82 lines
2.9 KiB
HTML
<div class="col-lg-2 col-md-4 col-sm-6 mb-3">
|
|
<div class="card border-primary">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-primary">Unread Messages</h6>
|
|
<h3 class="mb-0">{{ stats.unread_messages }}</h3>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-envelope fa-2x text-primary"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-4 col-sm-6 mb-3">
|
|
<div class="card border-success">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-success">Messages Today</h6>
|
|
<h3 class="mb-0">{{ stats.total_messages_today }}</h3>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-paper-plane fa-2x text-success"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-4 col-sm-6 mb-3">
|
|
<div class="card border-info">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-info">Active Notifications</h6>
|
|
<h3 class="mb-0">{{ stats.active_notifications }}</h3>
|
|
<small class="text-muted">{{ stats.pending_notifications }} pending</small>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-bell fa-2x text-info"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-4 col-sm-6 mb-3">
|
|
<div class="card border-warning">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-warning">Announcements Today</h6>
|
|
<h3 class="mb-0">{{ stats.announcements_today }}</h3>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-bullhorn fa-2x text-warning"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-4 col-sm-6 mb-3">
|
|
<div class="card border-secondary">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-secondary">Communication Logs</h6>
|
|
<h3 class="mb-0">{{ stats.total_communication_logs }}</h3>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-list fa-2x text-secondary"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|