{% extends 'base.html' %}
{% block content %}



<div class="row">
    <div class="col-md-12 grid-margin">
      <div class="card">
        <div class="card-body">
          <div class="row">
            <div class="col-md-12">
              <div class="d-sm-flex align-items-baseline report-summary-header">
                <h5 class="font-weight-semibold">User Dashboard</h5>
              </div>
            </div>
          </div>
          <div class="row report-inner-cards-wrapper">
            <div class="col-md-6 col-xl report-inner-card">
              <div class="inner-card-text">
                <span class="report-title">Total Complaints</span>
                <h4>{{complaints_count}}</h4>
                <a href="{% url 'complainthistory' %}"><span class="report-count"> View Details</span></a>
              </div>
              <div class="inner-card-icon bg-primary">
                <i class="icon-doc"></i>
              </div>
            </div>
            <div class="col-md-6 col-xl report-inner-card">
              <div class="inner-card-text">
                <span class="report-title">New Complaints</span>
                <h4>{{newcom_count}}</h4>
                <a href="{% url 'complainthistory' %}"><span class="report-count"> View Details</span></a>
              </div>
              <div class="inner-card-icon bg-warning">
                <i class="icon-doc"></i>
              </div>
            </div>
            <div class="col-md-6 col-xl report-inner-card">
              <div class="inner-card-text">
                <span class="report-title">Inprocess Complaints</span>
                <h4>{{ipcom_count}}</h4>
                <a href="{% url 'complainthistory' %}"><span class="report-count"> View Details</span></a>
              </div>
              <div class="inner-card-icon bg-danger">
                <i class="icon-doc"></i>
              </div>
            </div>
            <div class="col-md-6 col-xl report-inner-card">
              <div class="inner-card-text">
                <span class="report-title">Closed Complaints</span>
                <h4>{{closed_count}}</h4>
                <a href="{% url 'complainthistory' %}"><span class="report-count"> View Details</span></a>
              </div>
              <div class="inner-card-icon bg-success">
                <i class="icon-doc"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>




{% endblock %}