@extends('layouts.app')
@section('title','Dashboard')
@section('content')
<div class="row g-3 mb-4">
    @foreach([
        ['Jumlah Permohonan',$total,'bi-folder2-open'],
        ['Bajet Diluluskan','RM '.number_format($approved,2),'bi-cash-coin'],
        ['Permohonan Ditolak',$rejected,'bi-x-octagon'],
        ['Menunggu Tindakan',$pending,'bi-hourglass-split'],
    ] as $card)
    <div class="col-md-6 col-xl-3"><div class="card p-3"><div class="d-flex justify-content-between align-items-center"><div><div class="text-muted small">{{ $card[0] }}</div><div class="h4 mb-0">{{ $card[1] }}</div></div><div class="stat-icon"><i class="bi {{ $card[2] }}"></i></div></div></div></div>
    @endforeach
</div>
<h1>Demo line</h1>
<div class="row g-3">
    <div class="col-lg-7">
        <div class="card p-3">
            <div class="fw-semibold mb-3">Recent Submission</div>
            <div class="table-responsive"><table class="table align-middle">
                <thead><tr><th>No Rujukan</th><th>Jabatan</th><th>Status</th><th class="text-end">Jumlah</th></tr></thead>
                <tbody>@forelse($recent as $p)<tr><td>{{ $p->no_rujukan }}</td><td>{{ $p->jabatan?->nama }}</td><td><span class="badge text-bg-primary">{{ $p->status }}</span></td><td class="text-end">RM {{ number_format($p->jumlah_keseluruhan,2) }}</td></tr>@empty<tr><td colspan="4" class="text-muted">Tiada rekod.</td></tr>@endforelse</tbody>
            </table></div>
        </div>
    </div>
    <div class="col-lg-5">
        <div class="card p-3 mb-3">
            <div class="fw-semibold mb-3">Statistik Jabatan</div>
            @foreach($byJabatan as $j)<div class="d-flex justify-content-between border-bottom py-2"><span>{{ $j->nama }}</span><span class="badge text-bg-light">{{ $j->users_count }} user</span></div>@endforeach
        </div>
        <div class="card p-3">
            <div class="fw-semibold mb-3">Recent Activities</div>
            @forelse($activities as $a)<div class="small border-bottom py-2"><span class="text-muted">{{ $a->created_at->format('d/m/Y H:i') }}</span> {{ $a->description }}</div>@empty<div class="text-muted small">Tiada aktiviti.</div>@endforelse
        </div>
    </div>
</div>
@endsection