File: /var/www/html/resources/views/livewire/dashboard/overview-card.blade.php
<div class="row">
@php
$user = session()->get('user');
$role = $user ? $user['role'] : null;
@endphp
@if($role == 'seller')
<div class="col-sm-6 col-xxl-3">
<div class="d-flex align-items-center justify-content-between statistics_funfact">
<div class="details">
<div class="fz15">Services Offered</div>
<div class="title">25</div>
<div class="text fz14"><span class="text-thm">10</span> New Offered</div>
</div>
<div class="icon text-center"><i class="flaticon-contract"></i></div>
</div>
</div>
<div class="col-sm-6 col-xxl-3">
<div class="d-flex align-items-center justify-content-between statistics_funfact">
<div class="details">
<div class="fz15">Completed Services</div>
<div class="title">1292</div>
<div class="text fz14"><span class="text-thm">80+</span> New Completed</div>
</div>
<div class="icon text-center"><i class="flaticon-success"></i></div>
</div>
</div>
<div class="col-sm-6 col-xxl-3">
<div class="d-flex align-items-center justify-content-between statistics_funfact">
<div class="details">
<div class="fz15">In Queue Services</div>
<div class="title">182</div>
<div class="text fz14"><span class="text-thm">35+</span> New Queue</div>
</div>
<div class="icon text-center"><i class="flaticon-review"></i></div>
</div>
</div>
<div class="col-sm-6 col-xxl-3">
<div class="d-flex align-items-center justify-content-between statistics_funfact">
<div class="details">
<div class="fz15">Total Reviews</div>
<div class="title">22,786</div>
<div class="text fz14"><span class="text-thm">290+</span> New Reviews</div>
</div>
<div class="icon text-center"><i class="flaticon-review-1"></i></div>
</div>
</div>
@elseif($role == 'buyer')
<div class="col-sm-6 col-xxl-3">
<div class="d-flex align-items-center justify-content-between statistics_funfact">
<div class="details">
<div class="fz15">Orders Placed</div>
<div class="title">15</div>
<div class="text fz14"><span class="text-thm">5</span> New Orders</div>
</div>
<div class="icon text-center"><i class="flaticon-order"></i></div>
</div>
</div>
<div class="col-sm-6 col-xxl-3">
<div class="d-flex align-items-center justify-content-between statistics_funfact">
<div class="details">
<div class="fz15">Completed Orders</div>
<div class="title">320</div>
<div class="text fz14"><span class="text-thm">20+</span> New Completed</div>
</div>
<div class="icon text-center"><i class="flaticon-success"></i></div>
</div>
</div>
<div class="col-sm-6 col-xxl-3">
<div class="d-flex align-items-center justify-content-between statistics_funfact">
<div class="details">
<div class="fz15">In Progress Orders</div>
<div class="title">25</div>
<div class="text fz14"><span class="text-thm">8+</span> New In Progress</div>
</div>
<div class="icon text-center"><i class="flaticon-review"></i></div>
</div>
</div>
<div class="col-sm-6 col-xxl-3">
<div class="d-flex align-items-center justify-content-between statistics_funfact">
<div class="details">
<div class="fz15">Total Reviews</div>
<div class="title">3200</div>
<div class="text fz14"><span class="text-thm">50+</span> New Reviews</div>
</div>
<div class="icon text-center"><i class="flaticon-review-1"></i></div>
</div>
</div>
@endif
</div>