{% extends "partials/base.html" %}
{% load static %}

{% block content %}
{% load custom_filters %}
    <!-- Page Wrapper -->
    <div class="page-wrapper">
        {% include 'partials/error-meg.html' %}
        <div class="content">

            <!-- Page Header -->
            {% block pagetitle %}
            {% include "partials/page-title.html" with pagetitle="Dashboard" title=request.session.role_name|add:' Dashboard' %}
            {% endblock pagetitle %}
            <!-- /Page Header -->
           
            <div class="row">
                <div class="col-md-12">
                  
                    <!-- Dashboard Content -->
                    <div class="card bg-dark">
                        <div class="overlay-img">
                            <img src="{% static 'assets/img/bg/shape-04.png' %}" alt="img"
                                class="img-fluid shape-01">
                            <img src="{% static 'assets/img/bg/shape-01.png' %}" alt="img"
                                class="img-fluid shape-02">
                            <img src="{% static 'assets/img/bg/shape-02.png' %}" alt="img"
                                class="img-fluid shape-03">
                            <img src="{% static 'assets/img/bg/shape-03.png' %}" alt="img"
                                class="img-fluid shape-04">
                        </div>
                        <div class="card-body">
                            <div
                                class="d-flex align-items-xl-center justify-content-xl-between flex-xl-row flex-column">
                                <div class="mb-3 mb-xl-0">
                                    <div class="d-flex align-items-center flex-wrap mb-2">
                                        <h1 class="text-white me-2">Welcome Back, {{request.user.first_name}} {{request.user.last_name}}</h1>
                                        <a href="{% url 'visa_manager_profile' %}"
                                            class="avatar avatar-sm img-rounded bg-gray-800 dark-hover"><i
                                                class="ti ti-edit text-white"></i></a>
                                                
                                    </div>
                                    <p class="text-white">Have a Good day at work</p>
                                </div>
                                <!-- <p class="text-white"><i class="ti ti-refresh me-1"></i>Updated Recently on 15 Jun
                                    2024</p> -->
                            </div>
                        </div>
                    </div>
                    <!-- /Dashboard Content -->

                </div>
            </div>

            <div class="row">

                <!-- Total Students -->
                <div class="col-xxl-3 col-sm-6 d-flex">
                    <div class="card flex-fill animate-card border-0">
                        <div class="card-body">
                            <div class="d-flex align-items-center">
                                <div class="avatar avatar-xl bg-danger-transparent me-2 p-1">
                                    <img src="{% static 'assets/img/icons/student.svg' %}" alt="img">
                                </div>
                                <div class="overflow-hidden flex-fill">
                                    <div class="d-flex align-items-center justify-content-between">
                                        <h2 class="counter">{{student_count}}</h2>
                                        <!-- <span class="badge bg-danger">1.2%</span> -->
                                    </div>
                                    <p>Total Students</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-center justify-content-between border-top mt-3 pt-3">
                                <!-- <p class="mb-0">Active : <span class="text-dark fw-semibold">3643</span></p> -->
                                <span class="text-light">|</span>
                                <p> <a href="{% url 'accountant_student_list' %}"><span class="text-dark fw-semibold">View All</span></a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /Total Students -->

              

            </div>

       
        

          
        </div>

    </div>
    <!-- /Page Wrapper -->

 

{% endblock content %}