@php
    $m = $widgets['month'];
    $breadcrumbs = [
        ['label' => __('common.home'), 'url' => route('dashboard.index')],
        ['label' => __('me.dashboard_title')],
    ];
@endphp

<x-ui.layout.page
    :title="__('me.dashboard_title')"
    :subtitle="__('me.dashboard_subtitle')"
    page-icon="fe fe-user"
    :breadcrumbs="$breadcrumbs"
>
    <div class="row g-3 mb-4">
        <x-ui.me.stat-widget
            :label="__('me.widgets.present_days')"
            :value="(string) $m['present_days']"
            icon="fe fe-user-check"
            :href="route('me.attendance.index')"
        />
        <x-ui.me.stat-widget
            :label="__('me.widgets.late_days')"
            :value="(string) $m['late_days']"
            icon="fe fe-clock"
            :href="route('me.attendance.index')"
        />
        <x-ui.me.stat-widget
            :label="__('me.widgets.overtime_hours')"
            :value="(string) $m['overtime_hours']"
            icon="fe fe-trending-up"
            :href="route('me.attendance.index')"
        />
        <x-ui.me.stat-widget
            :label="__('me.widgets.missing_checkouts')"
            :value="(string) $m['missing_checkouts']"
            icon="fe fe-alert-circle"
            :href="route('me.attendance.index')"
        />
    </div>

    <div class="row g-3">
        <x-ui.me.stat-widget
            :label="__('me.widgets.pending_leave')"
            :value="(string) $widgets['pending_leave']"
            icon="fe fe-calendar"
            :href="route('me.leaves.index')"
        />
        <x-ui.me.stat-widget
            :label="__('me.widgets.unread_notifications')"
            :value="(string) $widgets['unread_notifications']"
            icon="fe fe-bell"
            :href="route('me.notifications.index')"
        />
        <x-ui.me.stat-widget
            :label="__('me.widgets.attendance_issues')"
            :value="(string) $widgets['attendance_issues']"
            icon="fe fe-alert-triangle"
            :href="route('me.attendance.corrections.index')"
        />
    </div>
</x-ui.layout.page>
