You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.6 KiB
43 lines
1.6 KiB
<?php
|
|
|
|
use App\Domains\Identity\Queries\Dashboard\GetUserVerificationRates;
|
|
use Livewire\Attributes\Computed;
|
|
use Livewire\Component;
|
|
|
|
new class extends Component
|
|
{
|
|
#[Computed]
|
|
public function userCount()
|
|
{
|
|
return app(GetUserVerificationRates::class)->fetch();
|
|
}
|
|
};
|
|
?>
|
|
|
|
<div class="card border-0 shadow-sm rounded-3">
|
|
<div class="card-body p-4">
|
|
<div class="d-flex align-items-center justify-content-between mb-3">
|
|
<!-- Icon Avatar -->
|
|
<div class="avatar bg-warning-subtle text-warning p-3 rounded-3 d-flex align-items-center justify-content-center" style="width: 48px; height: 48px;">
|
|
@svg('tabler-user-check', [
|
|
'class' => 'icon icon-lg',
|
|
])
|
|
</div>
|
|
|
|
<!-- Verification Details Pill -->
|
|
<span class="badge bg-warning-subtle text-warning-emphasis border border-warning-subtle rounded-pill fs-7 fw-semibold">
|
|
{{ __('domains/identity/dashboard.user_verification_rate.detail', ['verified' => $this->userCount['verified'], 'unverified' => $this->userCount['unverified']]) }}
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Metric Value and Title -->
|
|
<div>
|
|
<div class="fs-4 fw-semibold text-body mb-1" data-heading-tag="H3">
|
|
{{ $this->userCount['verification_rate'] }}%
|
|
</div>
|
|
<div class="text-body-secondary small text-uppercase fw-semibold tracking-wider" data-heading-tag="H2">
|
|
{{ __('domains/identity/dashboard.user_verification_rate.title') }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|