@extends('layouts.app')
@section('title','Dashboard')
@section('content')
@php
    $maxValue = max(1, ...array_column($months,'pengeluaran'), ...array_column($months,'sisa'));
@endphp
<div class="page-heading"><div><span class="eyebrow">RINGKASAN KEUANGAN</span><h1>Dashboard</h1><p class="muted">Pola pengeluaran, dana disisihkan, dan investasi dalam satu tampilan.</p></div><a class="btn primary" href="{{ route('transactions.create') }}">+ Tambah transaksi</a></div>
<form method="get" class="filters compact">
    <label>Tahun<input name="year" type="number" min="1900" max="2100" value="{{ $year }}" required></label>
    <label>Pemilik<select name="name"><option value="">Semua pemilik</option>@foreach(config('sheets.names') as $person)<option value="{{ $person }}" @selected($name === $person)>{{ $person }}</option>@endforeach</select></label>
    <button class="btn" type="submit">Tampilkan</button>
    <span class="filter-meta">{{ $totals['count'] }} transaksi valid · {{ $name ?: 'Iqbal & Syifa' }} · {{ $year }}</span>
</form>
@include('partials.warnings')
<div class="cards">
    <article class="metric"><span>Pengeluaran</span><strong>{{ \App\Support\Display::money($totals['pengeluaran']) }}</strong><small>Jenis: Pengeluaran</small></article>
    @if($name === 'Bersama')
    <article class="metric teal"><span>Saldo</span><strong>{{ \App\Support\Display::money($totals['nabung']) }}</strong><small>Jenis: Sisa</small></article>
    @else
    <article class="metric teal"><span>11Sisa / Idle Cash</span><strong>{{ \App\Support\Display::money($totals['sisa']) }}</strong><small>Jenis: Sisa</small></article>
    @endif
    <article class="metric {{ $totals['selisih'] < 0 ? 'negative' : '' }}"><span>Selisih</span><strong>{{ \App\Support\Display::money($totals['selisih']) }}</strong><small>Sisa − pengeluaran</small></article>
</div>
<div class="cards">
    <article class="metric"><span>Tabungan</span><strong>{{ \App\Support\Display::money($totals['tabungan']) }}</strong><small>Kategori: Tabungan</small></article>
    <article class="metric"><span>Dana darurat</span><strong>{{ \App\Support\Display::money($totals['dana_darurat']) }}</strong><small>Kategori: Dana Darurat</small></article>
    <article class="metric gold"><span>Investasi</span><strong>{{ \App\Support\Display::grams($totals['investasi']) }}</strong><small>Kategori: Investasi · tidak dijumlahkan ke Rupiah</small></article>
</div>
<div class="panel">
    <div class="panel-heading"><div><h2>Tren bulanan</h2><p class="muted small">Pengeluaran dan Sisa (Rp), {{ $year }}</p></div><div class="legend"><span><i class="expense"></i>Pengeluaran</span><span><i class="saving"></i>Sisa</span></div></div>
    <div class="chart-scroll"><div class="bar-chart" role="img" aria-label="Tren bulanan pengeluaran dan sisa. Nilai tersedia di laporan bulanan.">
        @foreach($months as $month)
        <div class="bar-group">
            <div class="bars">
                <div class="bar expense" style="height:{{ round($month['pengeluaran']/$maxValue*100,2) }}%" title="{{ \App\Support\Display::month($month['month']) }}: {{ \App\Support\Display::money($month['pengeluaran']) }}"></div>
                <div class="bar saving" style="height:{{ round($month['sisa']/$maxValue*100,2) }}%" title="{{ \App\Support\Display::money($month['sisa']) }}"></div>
            </div>
            <span>{{ substr(\App\Support\Display::month($month['month']),0,3) }}</span>
        </div>
        @endforeach
    </div></div>
</div>
<div class="panel">
    <div class="panel-heading"><div><h2>Perbandingan pemilik</h2><p class="muted small">Ringkasan tahunan masing-masing, {{ $year }}</p></div></div>
    <div class="table-scroll"><table><thead><tr><th>Nama</th><th class="num">Pengeluaran</th><th class="num">Sisa</th><th class="num">Selisih</th><th class="num">Investasi</th><th></th></tr></thead><tbody>
    @foreach($comparison as $person => $personTotal)
    <tr><td><strong>{{ $person }}</strong></td><td class="num">{{ \App\Support\Display::money($personTotal['pengeluaran']) }}</td><td class="num">{{ \App\Support\Display::money($personTotal['sisa']) }}</td><td class="num">{{ \App\Support\Display::money($personTotal['selisih']) }}</td><td class="num">{{ \App\Support\Display::grams($personTotal['investasi']) }}</td><td><a href="{{ route('reports.index',['name'=>$person,'year'=>$year]) }}">Lihat laporan →</a></td></tr>
    @endforeach
    </tbody></table></div>
</div>
<div class="panel">
    <div class="panel-heading"><div><h2>Transaksi terbaru</h2><p class="muted small">Transaksi pada filter tahun dan pemilik yang dipilih.</p></div><a href="{{ route('transactions.index') }}">Lihat semua →</a></div>
    <div class="table-scroll"><table><thead><tr><th>Tanggal</th><th>Nama</th><th>Kategori</th><th>Metode</th><th class="num">Nilai</th></tr></thead><tbody>
    @forelse($latest as $t)<tr><td>{{ \Carbon\Carbon::parse($t['date'])->format('d/m/Y') }}</td><td>{{ $t['name'] }}</td><td>{{ $t['category'] }}</td><td>{{ $t['method'] ?: '—' }}</td><td class="num">{{ \App\Support\Display::amount($t) }}</td></tr>
    @empty<tr><td colspan="5" class="empty">Belum ada transaksi untuk filter ini.</td></tr>@endforelse
    </tbody></table></div>
</div>
<div class="alert info small"><strong>Mengikuti rumus spreadsheet:</strong> Sisa adalah total transaksi berjenis Sisa, bukan saldo bank. Selisih dihitung Sisa − Pengeluaran, bukan pendapatan − pengeluaran.</div>
@endsection