{% load static %}

<div class="col-md-4 col-lg-4 col-12 col-sm-12  mb-4">



    <div class="card">
        {% if request.user.is_superuser %}
        <div class="card-title mt-5 ">
            بدهکاران فروردین ماه

        </div>
        <div class="card-text mx-auto">
            <div class="wrapper">
                <div class="c100 p{{counter_all}} green ">
                    <span>{{counter_continue}}</span>
                    <div class="slice">
                        <div class="bar"></div>
                        <div class="fill"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-subtitle">

            مشترکینی که باید در ماه فروردین شارژ ماهیانه خود را پرداخت نمایند.
        </div>
        <div class="card-footer">
            <a class="a" href="">
                مشاهده لیست و اقدام
            </a>

        </div>
        {% else %}

        {% endif %}


    </div>


</div>

<div class="col-md-4 col-lg-4 col-12 col-sm-12 mb-4 ">
    
    <div class="card">
        {% if request.user.is_superuser %}
        <div class="card-title">
            واریزی های فروردین ماه


        </div>
        <div class="card-text mx-auto">
            <div class="wrapper">
                <div
                    class="c100 p{{counter_expire}} green ">
                    <span>
                        {{counter_expire}}

                    </span>
                    <div class="slice">
                        <div class="bar"></div>
                        <div class="fill"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-subtitle">

            مشترکینی که در ماه فروردین شارژ ماهیانه خود را واریز نموده اند.
        </div>
        <div class="card-footer">
            <a class="a" href="#">
                مشاهده لیست و اقدام
            </a>

        </div>
        {% else %}

        {% endif %}
    </div>


</div>
<div class="col-md-4 col-lg-4 col-12 col-sm-12 mb-4 ">
    
    <div class="card">
        {% if request.user.is_superuser %}
        <div class="card-title">
            قرار دادهای فعال فروردین ماه

        </div>
        <div class="card-text mx-auto">
            <div class="wrapper">
                <div
                    class="c100 p{{counter_all}} blue">
                    <span>
                        {{counter_all}}
                     

                    </span>
                    <div class="slice">
                        <div class="bar"></div>
                        <div class="fill"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card-subtitle ">
            شما میتوانید قرارداد های فعال ومنقضی شده در فروردین ماه را مشاهده نمایید.
        </div>
        <div class="card-footer">
            <a class="a" href="">
                مشاهده لیست و اقدام
            </a>

        </div>
    </div>
    {% else %}

    {% endif %}
</div>
</div>