{% extends "grievance/department/base.html" %}
{% set path = "dashboard" %}
{% set subpath = "dashboard" %}
{% block content %}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  {% with messages = get_flashed_messages() %}
  {% if messages %}
    <ul class=flashes>
    {% for message in messages %}
      <h2><b><center style="color:green">{{ message }}</center></b></h2>
    {% endfor %}
    </ul>
  {% endif %}
{% endwith %}


<!-- Start::app-content -->
        <div class="main-content app-content">
            <div class="container-fluid">

                <!-- Start::page-header -->

                <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
                    <div>
                        <p class="fw-semibold fs-18 mb-0">Welcome back, {{adminDict.userName}} !</p>
                        <!-- <span class="fs-semibold text-muted">Track your sales activity, leads and deals here.</span> -->
                    </div>
                </div>

                 <!-- End::page-header -->
                                    <div class="row">
                                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                        <div class="card custom-card">
                                            <div class="card-body">
                                                <div class="d-flex flex-wrap align-items-top">
                                                    <div class="me-3 lh-1">
                                                        <span class="avatar avatar-lg bg-primary">
                                                            <svg class="svg-white" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 4h2v5l-1-.75L9 9V4zm9 16H6V4h1v9l3-2.25L13 13V4h5v16z"/></svg>
                                                        </span>
                                                    </div>
                                                    <div>
                                                        <p class="mb-1 text-muted">All Grievance Count</p>
                                                        <h5 class="fw-semibold mb-2">{{adminDict.grievanceCount}}</h5>
                                                        <!-- <p class="fs-11 text-muted mb-0"><span class="text-success fw-semibold">0.25%<i class="ri-arrow-up-s-line align-middle mx-1"></i></span> This month</p> -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                     <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                        <div class="card custom-card">
                                            <div class="card-body">
                                                <div class="d-flex flex-wrap align-items-top">
                                                    <div class="me-3 lh-1">
                                                        <span class="avatar avatar-lg bg-primary">
                                                            <svg class="svg-white" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 4h2v5l-1-.75L9 9V4zm9 16H6V4h1v9l3-2.25L13 13V4h5v16z"/></svg>
                                                        </span>
                                                    </div>
                                                    <div>
                                                        <p class="mb-1 text-muted">Pending Grievance Count</p>
                                                        <h5 class="fw-semibold mb-2">{{adminDict.grievancePendingCount}}</h5>
                                                        <!-- <p class="fs-11 text-muted mb-0"><span class="text-success fw-semibold">0.25%<i class="ri-arrow-up-s-line align-middle mx-1"></i></span> This month</p> -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                     <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                        <div class="card custom-card">
                                            <div class="card-body">
                                                <div class="d-flex flex-wrap align-items-top">
                                                    <div class="me-3 lh-1">
                                                        <span class="avatar avatar-lg bg-primary">
                                                            <svg class="svg-white" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 4h2v5l-1-.75L9 9V4zm9 16H6V4h1v9l3-2.25L13 13V4h5v16z"/></svg>
                                                        </span>
                                                    </div>
                                                    <div>
                                                        <p class="mb-1 text-muted">Accepted Grievance Count</p>
                                                        <h5 class="fw-semibold mb-2">{{adminDict.grievanceAcceptedCount}}</h5>
                                                        <!-- <p class="fs-11 text-muted mb-0"><span class="text-success fw-semibold">0.25%<i class="ri-arrow-up-s-line align-middle mx-1"></i></span> This month</p> -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                     <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                        <div class="card custom-card">
                                            <div class="card-body">
                                                <div class="d-flex flex-wrap align-items-top">
                                                    <div class="me-3 lh-1">
                                                        <span class="avatar avatar-lg bg-primary">
                                                            <svg class="svg-white" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 4h2v5l-1-.75L9 9V4zm9 16H6V4h1v9l3-2.25L13 13V4h5v16z"/></svg>
                                                        </span>
                                                    </div>
                                                    <div>
                                                        <p class="mb-1 text-muted">Rejected Grievance Count</p>
                                                        <h5 class="fw-semibold mb-2">{{adminDict.grievanceRejectedCount}}</h5>
                                                        <!-- <p class="fs-11 text-muted mb-0"><span class="text-success fw-semibold">0.25%<i class="ri-arrow-up-s-line align-middle mx-1"></i></span> This month</p> -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End::row-1 -->

            </div>
        </div>
        <!-- End::app-content -->

  

  </section>

<script type="text/javascript" src="https://cdn.canvasjs.com/jquery.canvasjs.min.js"></script>
</div>
     {%endblock%}