| {% extends "base.html" %} | |
| {% block content %} | |
| <div class="content-header"> | |
| <div class="container-fluid"> | |
| <div class="row mb-2"> | |
| <div class="col-sm-6"> | |
| <h1 class="m-0">Dashboard</h1> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="content"> | |
| <div class="container-fluid"> | |
| <div class="row"> | |
| <div class="col-lg-3 col-6"> | |
| <div class="small-box bg-info"> | |
| <div class="inner"> | |
| <h3>50</h3> | |
| <p>Inventory Items</p> | |
| </div> | |
| <div class="icon"> | |
| <i class="fas fa-boxes"></i> | |
| </div> | |
| <a href="/inventory" class="small-box-footer">View Inventory <i class="fas fa-arrow-circle-right"></i></a> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-6"> | |
| <div class="small-box bg-success"> | |
| <div class="inner"> | |
| <h3>75%</h3> | |
| <p>Health Status</p> | |
| </div> | |
| <div class="icon"> | |
| <i class="fas fa-heartbeat"></i> | |
| </div> | |
| <a href="/health" class="small-box-footer">View Health <i class="fas fa-arrow-circle-right"></i></a> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-6"> | |
| <div class="small-box bg-warning"> | |
| <div class="inner"> | |
| <h3>20</h3> | |
| <p>Tasks</p> | |
| </div> | |
| <div class="icon"> | |
| <i class="fas fa-tasks"></i> | |
| </div> | |
| <a href="/todo" class="small-box-footer">View Tasks <i class="fas fa-arrow-circle-right"></i></a> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-6"> | |
| <div class="small-box bg-danger"> | |
| <div class="inner"> | |
| <h3>5</h3> | |
| <p>Notifications</p> | |
| </div> | |
| <div class="icon"> | |
| <i class="fas fa-bell"></i> | |
| </div> | |
| <a href="/notifications" class="small-box-footer">View Notifications <i class="fas fa-arrow-circle-right"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| {% endblock %} | |