@extends('layouts.user_layout')

@section('content')
<div class="page-header">
    <div>
        <h2>Dashboard Pengguna</h2>
        <div class="muted">Selamat datang , {{ Auth::user()->name }}</div>
    </div>
</div>

<div class="stats">
    <div class="stat-card stat-card--inventori">
        <div class="stat-card__icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" role="img" focusable="false">
                <path d="M3 7.5 12 3l9 4.5-9 4.5L3 7.5zm2 6L12 17l7-3.5M5 13.5v6L12 23l7-3.5v-6L12 17 5 13.5z"/>
            </svg>
        </div>
        <div class="stat-card__content">
            <div class="stat-card__title">Jumlah Inventori</div>
            <div class="stat-card__value">{{ $counts['inventori'] ?? 0 }}</div>
            <div class="stat-card__desc">Stok item yang masih aktif dalam simpanan.</div>
        </div>
    </div>
    <div class="stat-card stat-card--lost">
        <div class="stat-card__icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" role="img" focusable="false">
                <path d="M4 5h16v14H4V5zm2 2v10h12V7H6zm5 1 2 3-2 3 2 3h2l-2-3 2-3-2-3h-2z"/>
            </svg>
        </div>
        <div class="stat-card__content">
            <div class="stat-card__title">Peralatan Rosak</div>
            <div class="stat-card__value">{{ $counts['rosak'] ?? 0 }}</div>
            <div class="stat-card__desc">Laporan kerosakan yang direkod.</div>
        </div>
    </div>
    <div class="stat-card stat-card--missing">
        <div class="stat-card__icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" role="img" focusable="false">
                <path d="M10.5 3a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9zm7.8 12.1 2.6 2.6-1.4 1.4-2.6-2.6-2.1-2.1 1.4-1.4 2.1 2.1z"/>
            </svg>
        </div>
        <div class="stat-card__content">
            <div class="stat-card__title">Peralatan Hilang</div>
            <div class="stat-card__value">{{ $counts['hilang'] ?? 0 }}</div>
            <div class="stat-card__desc">Laporan kehilangan yang direkod.</div>
        </div>
    </div>
    <div class="stat-card stat-card--logmail">
        <div class="stat-card__icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" role="img" focusable="false">
                <path d="M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zm0 2v.2l8 5 8-5V7H4zm0 10h16V9.3l-8 5-8-5V17z"/>
            </svg>
        </div>
        <div class="stat-card__content">
            <div class="stat-card__title">Emel Dihantar</div>
            <div class="stat-card__value">{{ $counts['logmail'] ?? 0 }}</div>
            <div class="stat-card__desc">Notifikasi emel yang berjaya dihantar.</div>
        </div>
    </div>
</div>

@endsection