<div>
    <div class="row">
        <div class="col-sm-6 col-xxl-3">
            <a href="{{ route('dashboard.task')}}">
                <div class="d-flex align-items-center justify-content-between statistics_funfact">
                    <div class="details">
                        <div class="fz15">Total tasks</div>
                        <div class="title text-success fw-bold">{{ $total_tasks }}</div>
                        <div class="text fz14"><span class="text-thm text-danger fw-bold">{{ $ongoing_tasks }}</span>
                            Ongoing tasks</div>
                    </div>
                    <div class="icon text-center"><i class="flaticon-contract"></i></div>
                </div>
            </a>
        </div>

        <div class="col-sm-6 col-xxl-3">
            <a href="{{ route('dashboard.payment.history')}}">
                <div class="d-flex align-items-center justify-content-between statistics_funfact">
                    <div class="details">
                        <div class="fz15">Last payment</div>
                        <div class="title text-success fw-bold">{{ $currency }}{{ number_format($last_payment_amount, 2) }}</div>
                        <div class="text fz14"><span
                                class="text-thm text-danger fw-bold">{{ $currency }}{{ number_format($total_completed_payment, 2) }}</span>
                            Overall payments</div>
                    </div>
                    <div class="icon text-center"><i class="flaticon-success"></i></div>
                </div>
            </a>
        </div>

        <div class="col-sm-6 col-xxl-3">
            <a href="{{ route('dashboard.task')}}">
                <div class="d-flex align-items-center justify-content-between statistics_funfact">
                    <div class="details">
                        <div class="fz15">Completed tasks</div>
                        <div class="title text-success fw-bold">{{ $completed_tasks }}</div>
                        <div class="text fz14"><span class="text-thm text-danger fw-bold">{{ $pending_tasks }}</span> Pending tasks</div>
                    </div>
                    <div class="icon text-center"><i class="flaticon-review-1"></i></div>
                </div>
            </a>
        </div>

        <div class="col-sm-6 col-xxl-3">
            <a href="{{ route('dashboard.review')}}">
                <div class="d-flex align-items-center justify-content-between statistics_funfact">
                    <div class="details">
                        <div class="fz15">Total reviews</div>
                        <div class="title">{{ $total_reviews }}</div>
                        <div class="text fz14"><span class="text-thm">.</span> .</div>
                    </div>
                    <div class="icon text-center"><i class="flaticon-review"></i></div>
                </div>
            </a>
        </div>
    </div>
</div>