{% include 'AdminTemplates/adminDash.html' %} {% load static %}

{% block body %}
<script>
    (function () {
        window.onpageshow = function (event) {
            if (event.persisted) {
                window.location.reload();
            }
        };
    })();
</script>
<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="row">
                <div class="col-sm-12">
                    <h3 class="page-title">Dashboard</h3>
                    <ul class="breadcrumb">
                        {% if super_admin %}
                        <li class="breadcrumb-item">Super Admin Dashboard</li>
                        {% else %}
                        <li class="breadcrumb-item">Admin Dashboard</li>
                        {% endif %}
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3 col-sm-6 col-12">
                <div class="dash-widget dash1">
                    <div class="dash-widgetimg">
                        <span><img src="{% static 'assets/img/icons/dash2.svg' %}" alt="img"></span>
                    </div>
                    <div class="dash-widgetcontent">
                        <h5><span class="larger-text">QAR</span>&nbsp;<span style="color: red; font-size: 1.5em;">{{due}}</span></h5>
                        <h6>Total Sales Due</h6>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-12">
                <div class="dash-widget dash2">
                    <div class="dash-widgetimg">
                        <span><img src="{% static 'assets/img/icons/dash3.svg' %}" alt="img"></span>
                    </div>
                    <div class="dash-widgetcontent">
                        <h5><span class="larger-text">QAR</span>&nbsp;<span style="color: green; font-size: 1.5em;">{{total}}</span></h5>
                        <h6>Total Sales Amount</h6>
                    </div>
                </div>
            </div>
        </div>
    
        <div class="row">
            <div class="col-lg-3 col-sm-6 col-12 d-flex">
                <a href="#" class="dash-count-link" style="text-decoration: none; color: inherit; display: flex; flex: 1;">
                    <div class="dash-count">
                        <div class="dash-counts">
                            <h4>0</h4>
                            <h5>Customers</h5>
                        </div>
                        <div class="dash-imgs">
                            <i data-feather="user"></i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-lg-3 col-sm-6 col-12 d-flex">
                <a href="{% url 'companyListMain' %}" class="dash-count-link" style="text-decoration: none; color: inherit; display: flex; flex: 1;">
                    <div class="dash-count das1">
                        <div class="dash-counts">
                            <h4>{{total_companies}}</h4>
                            <h5>Companies</h5>
                        </div>
                        <div class="dash-imgs">
                            <i data-feather="briefcase"></i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-lg-3 col-sm-6 col-12 d-flex">
                <a href="{% url 'invoiceList' %}?filter=due" class="dash-count-link" style="text-decoration: none; color: inherit; display: flex; flex: 1;">
                    <div class="dash-count das2">
                        <div class="dash-counts">
                            <h4>{{purchase_count}}</h4>
                            <h5>Purchase Invoice</h5>
                        </div>
                        <div class="dash-imgs">
                            <i data-feather="file-text"></i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-lg-3 col-sm-6 col-12 d-flex">
                <a href="{% url 'invoiceList' %}?filter=paid" class="dash-count-link" style="text-decoration: none; color: inherit; display: flex; flex: 1;">
                    <div class="dash-count das3">
                        <div class="dash-counts">
                            <h4>{{sales_count}}</h4>
                            <h5>Sales Invoice</h5>
                        </div>
                        <div class="dash-imgs">
                            <i data-feather="file"></i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-lg-3 col-sm-6 col-12 d-flex">
                <a href="{% url 'viewallProducts' %}" class="dash-count-link" style="text-decoration: none; color: inherit; display: flex; flex: 1;">
                    <div class="dash-count das2">
                        <div class="dash-counts">
                            <h4>{{total_products}}</h4>
                            <h5>Products</h5>
                        </div>
                        <div class="dash-imgs">
                            <i data-feather="box"></i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-lg-3 col-sm-6 col-12 d-flex">
                <a href="{% url 'categoryList' %}" class="dash-count-link" style="text-decoration: none; color: inherit; display: flex; flex: 1;">
                    <div class="dash-count das3">
                        <div class="dash-counts">
                            <h4>{{total_cat}}</h4>
                            <h5>Categories</h5>
                        </div>
                        <div class="dash-imgs">
                            <i data-feather="folder"></i>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>


{% endblock body %}