{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: stat-tile.blade.php
------------------------------------------------------
Use: One money figure on the admin dashboard: a label,
     an integer-Toman amount and an optional hint. `accent`
     lifts the headline tile; `tone="muted"` dims an
     outflow figure.
=====================================================
--}}

@props([
    'label' => '',
    'amount' => 0,
    'hint' => null,
    'accent' => false,
    'tone' => 'default',
])

<div @class([
    'rounded-2xl border px-5 py-4.5',
    'border-primary-200 bg-primary-50' => $accent,
    'border-line bg-white' => ! $accent,
])>
    <div class="text-[12.5px] font-medium text-ink-muted">{{ $label }}</div>
    <div class="mt-2 flex items-baseline gap-1.5">
        <span @class([
            'text-[22px] font-black leading-none tracking-tight',
            'text-primary-700' => $accent,
            'text-ink-faint' => ! $accent && $tone === 'muted',
            'text-ink' => ! $accent && $tone !== 'muted',
        ]) dir="ltr">@toman($amount)</span>
        <span class="text-[12px] font-bold text-ink-faint">{{ __('admin.toman') }}</span>
    </div>
    @if ($hint)
        <p class="mt-2 text-[11.5px] leading-6 text-ink-faint">{{ $hint }}</p>
    @endif
</div>