<div class="row pt-5">
    @if(file_exists( public_path().'/images/institute/'.Auth::user()->institution_id.'.jpg' ))
    <div class="col-12 text-center mb-3">
        <img src="/images/institute/{{Auth::user()->institution_id}}.jpg" class="img-fluid">
    </div>
    @endif
    <div class="col-sm-6 mb-3 col-xl-4 col-lg-6">
        <div class="card o-hidden h-100">
            <div class="bg-primary b-r-4 card-body" style="background-color: #9B5DE5 !important;">
                <a class="media static-top-widget" href="/member/awaiting-manuscript" style="color:white">
                    <div class="align-self-center text-center" style="background-color: transparent !important;"><img src="{{ url('membership_portal/assets/images/dashboard/small-icon-1.png')}}" /></div>
                    <div class="media-body">
                        <h3 class="mb-0 counter">{{$total_awaiting_manuscript->total}}</h3><i class="icon-bg"><img src="{{ url('membership_portal/assets/images/dashboard/icon-1.png')}}" /></i>
                        <span class="m-0">Manuscripts Awaiting Approval</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 mb-3 col-xl-4 col-lg-6">
        <div class="card o-hidden h-100">
            <div class="bg-primary b-r-4 card-body" style="background-color: #ed9c32 !important;">
                <a class="media static-top-widget" href="/member/approved-manuscript" style="color:white">
                    <div class="align-self-center text-center" style="background-color: transparent !important;"><img src="{{ url('membership_portal/assets/images/dashboard/small-icon-2.png')}}" /></div>
                    <div class="media-body">
                        <h3 class="mb-0 counter">{{$total_approved_manuscript->total}}</h3><i class="icon-bg"><img src="{{ url('membership_portal/assets/images/dashboard/icon-2.png')}}" /></i>
                        <span class="m-0">Approved Manuscripts</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 mb-3 col-xl-4 col-lg-6">
        <div class="card o-hidden h-100">
            <div class="bg-primary b-r-4 card-body" style="background-color: #ed326d !important;">
                <a class="media static-top-widget" href="/member/rejected-manuscript" style="color:white">
                    <div class="align-self-center text-center" style="background-color: transparent !important;"><img src="{{ url('membership_portal/assets/images/dashboard/small-icon-3.png')}}" /></div>
                    <div class="media-body">
                        <h3 class="mb-0 counter">{{$total_rejected_manuscript->total}}</h3><i class="icon-bg"><img src="{{ url('membership_portal/assets/images/dashboard/icon-3.png')}}" /></i>
                        <span class="m-0">Rejected Manuscripts</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 mb-3 col-xl-4 col-lg-6">
        <div class="card o-hidden h-100" style="height: 160px;">
            <div class="bg-primary b-r-4 card-body" style="background-color: #28b3b5 !important;">
                <a class="media static-top-widget" href="/member/pending-invoice" style="color:white">
                    <div class="align-self-center text-center" style="background-color: transparent !important;"><i data-feather="clock"></i></div>
                    <div class="media-body">
                        <h3 class="mb-0 counter">{{$total_pending_invoice->total}}</h3><i class="icon-bg" data-feather="clock" style="opacity: 0.2;"></i>
                        <span class="m-0">Invoices Awaiting Payment</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 mb-3 col-xl-4 col-lg-6">
        <div class="card o-hidden h-100" style="height: 160px;">
            <div class="bg-primary b-r-4 card-body" style="background-color: #3ab7e7 !important;">
                <a class="media static-top-widget" href="/member/paid-invoice" style="color:white">
                    <div class="align-self-center text-center" style="background-color: transparent !important;"><img src="{{ url('membership_portal/assets/images/dashboard/small-icon-4.png')}}" /></div>
                    <div class="media-body">
                        <h3 class="mb-0 counter">{{$total_paid_invoice->total}}</h3>

                        <i class="icon-bg"><img src="{{ url('membership_portal/assets/images/dashboard/icon-4.png')}}" /></i>
                        <span class="m-0">Invoices Cleared / Paid Invoices</span> <br>
                        <span class="m-0" style="font-size: 11px;"></span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 mb-3 col-xl-4 col-lg-6">
        <div class="card o-hidden h-100" style="height: 160px;">
            <div class="bg-primary b-r-4 card-body" style="background-color: #74d927 !important;">
                <a class="media static-top-widget" href="/member/published-articles" style="color:white">
                    <div class="align-self-center text-center" style="background-color: transparent !important;"><img src="{{ url('membership_portal/assets/images/dashboard/small-icon-5.png')}}" /></div>
                    <div class="media-body">
                        <h3 class="mb-0 mr-1 counter">{{$total_publish_manuscript->total}}</h3>
                        <span class="currency"></span>
                        <i class="icon-bg"><img src="{{ url('membership_portal/assets/images/dashboard/icon-5.png')}}" /></i>
                        <span class="m-0">Published Articles</span> <br>
                        <span class="m-0" style="font-size: 11px;"></span>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>