{{-- If your happiness depends on money, you will never be happy with yourself. --}}

<div wire:poll>

    <div class="flex items-center justify-between">
        <h2 class="text-lg font-semibold text-slate-800 dark:text-slate-100 mb-2">
            <a wire:navigate href="{{ route('financials.expenses') }}">Expenditure</a>
        </h2>
        <span wire:click="switchCurrency" class="hover:cursor-pointer text-3xl font-bold text-slate-800 dark:text-slate-100">{{ $currency->symbol }}</span>
    </div>
    <div class="text-xs font-semibold text-slate-400 dark:text-slate-500 uppercase mb-1">Current Week</div>
    <div class="flex items-start">
        <div class="text-3xl font-bold text-slate-800 dark:text-slate-100 mr-2">
            {{ number_format($expenditure, 0) }}</div>
        <div class="text-sm font-semibold text-white px-1.5 bg-emerald-500 rounded-full"></div>
    </div>
</div>