{% extends "loginheaderbkup1.html" %}

{% block body %}
<div class="container pt-5">
<h1 class="display-4"><strong>Dashboard</strong></h1>

<div class="row">
<div class="col">
    <div class="card-deck pb-3 text-center">
      <div class="card bg-light" style="width: 10rem;">
        <div class="card-block" style="font-size: 48px;color:ORANGE;">
            <i class="fas fa-chart-bar "></i>
        </div>
        <div class="card-body">
          <h5 class="card-title">Total Visits : {{ session.numofvisits }}</h5>
          </div>
      </div>
      <div class="card bg-light" style="width: 10rem;">
        <div class="card-block" style="font-size: 48px;color:#3CB371;">
            <i class="fas fa-history "></i>
        </div>
        <div class="card-body">
          <h5 class="card-title">Downloads : {{ session.dlcounter }}</h5>

        </div>
      </div>
    </div>
    <div class="card-deck text-center">
      <div class="card bg-light" style="width: 10rem;">
        <div class="card-block" style="font-size: 48px;color:#6495ED;">
            <i class="fas fa-chart-bar"></i>
        </div>
        <div class="card-body">
          <h5 class="card-title">Audit Reports : {{ session.dlcounter }}</h5>

        </div>
      </div>
      <div class="card bg-light" style="width: 10rem;">
        <div class="card-block" style="font-size: 48px;color:#32CD32;">
            <i class="fas fa-dollar-sign "></i>
        </div>
        <div class="card-body">
          <h5 class="card-title">Spent: $20</h5>

        </div>
      </div>
    </div>
    </div>
</div>

</div>
{% endblock %}