<h4 class="mb-3">@lang('Sale Amount')</h4>
<div class="row gy-4">
    <div class="col-xxl-3 col-sm-6">
        <x-widget style="6" link="{{ route('counter.manager.bookings.todays') }}" icon="las las la-calendar-day"
            title="TODAY'S"
            value="{{ gs('cur_sym') }}{{ showAmount($dailySale->total_sales, currencyFormat: false) }}"
            bg="success" />
    </div>
    <div class="col-xxl-3 col-sm-6">
        <x-widget style="6" link="{{ route('counter.manager.bookings.all') }}" icon="las la-calendar"
            title="THIS MONTH"
            value="{{ gs('cur_sym') }}{{ showAmount(collect(array_values($monthlySale))->sum(), currencyFormat: false) }}"
            bg="primary" />
    </div>
    <div class="col-xxl-3 col-sm-6">
        <x-widget style="6" link="{{ route('counter.manager.bookings.all') }}" icon="las la-calendar-week"
            title="THIS YEAR"
            value="{{ gs('cur_sym') }}{{ showAmount(collect(array_values($yearlySale))->sum(), currencyFormat: false) }}"
            bg="1" />
    </div>
    <div class="col-xxl-3 col-sm-6">
        <x-widget style="6" link="{{ route('counter.manager.bookings.all') }}" icon="las la-calendar-check"
            title="ALL TIME"
            value="{{ gs('cur_sym') }}{{ showAmount($allSale?->total_sales, currencyFormat: false) }}"
            bg="3" />
    </div>
</div>
<h4 class="my-3">@lang('Ticket Count')</h4>
<div class="row gy-4">
    <div class="col-xxl-3 col-sm-6">
        <x-widget style="6" link="{{ route('counter.manager.bookings.todays') }}" icon="las las la-calendar-day"
            title="TODAY'S" value="{{ $dailySale->total_ticket ?? 0 }}" bg="success" />
    </div>
    <div class="col-xxl-3 col-sm-6">
        <x-widget style="6" link="{{ route('counter.manager.bookings.all') }}" icon="las la-calendar"
            title="THIS MONTH" value="{{ $monthlyTicketCount ?? 0 }}" bg="primary" />
    </div>
    <div class="col-xxl-3 col-sm-6">
        <x-widget style="6" link="{{ route('counter.manager.bookings.all') }}" icon="las la-calendar-week"
            title="THIS YEAR" value="{{ $yearlyTicketCount ?? 0 }}" bg="1" />
    </div>
    <div class="col-xxl-3 col-sm-6">
        <x-widget style="6" link="{{ route('counter.manager.bookings.all') }}" icon="las la-calendar-check"
            title="ALL TIME" value="{{ $allSale->total_ticket ?? 0 }}" bg="3" />
    </div>
</div>
