@extends('layouts.app')
@section('title','Laporan & Tabungan')
@section('content')
<div class="page-heading"><div><span class="eyebrow">ANALISIS TAHUNAN</span><h1>Laporan {{ $name }}</h1><p class="muted">Mengikuti Laporan Bulanan dan Tabungan pada spreadsheet.</p></div><button class="btn" type="button" data-print>Cetak laporan</button></div>
<form method="get" class="filters compact">
    <label>Pemilik<select name="name">@foreach(config('sheets.names') as $p)<option value="{{ $p }}" @selected($name === $p)>{{ $p }}</option>@endforeach</select></label>
    <label>Tahun<input type="number" name="year" min="1900" max="2100" value="{{ $year }}" required></label>
    <button class="btn primary" type="submit">Tampilkan</button>
</form>
@include('partials.warnings')
<div class="cards">
    <article class="metric"><span>Total pengeluaran</span><strong>{{ \App\Support\Display::money($totals['pengeluaran']) }}</strong><small>{{ $name }} · {{ $year }}</small></article>
    <article class="metric teal"><span>Total Sisa</span><strong>{{ \App\Support\Display::money($totals['sisa']) }}</strong><small>Jenis: Sisa</small></article>
    <article class="metric {{ $totals['selisih'] < 0 ? 'negative' : '' }}"><span>Selisih (Sisa − Pengeluaran)</span><strong>{{ \App\Support\Display::money($totals['selisih']) }}</strong><small>Bukan pendapatan atau saldo bank</small></article>
</div>
<div class="panel">
    <div class="panel-heading"><h2>Laporan Bulanan {{ $name }} — {{ $year }}</h2></div>
    <div class="table-scroll"><table><thead><tr><th>Bulan</th><th class="num">Pengeluaran (Rp)</th><th class="num">Sisa (Rp)</th><th class="num">Selisih (Rp)</th></tr></thead><tbody>
    @foreach($months as $m)<tr><td>{{ \App\Support\Display::month($m['month']) }}</td><td class="num">{{ \App\Support\Display::money($m['pengeluaran']) }}</td><td class="num">{{ \App\Support\Display::money($m['sisa']) }}</td><td class="num {{ $m['selisih'] < 0 ? 'negative-text' : '' }}">{{ \App\Support\Display::money($m['selisih']) }}</td></tr>@endforeach
    </tbody><tfoot><tr><td>Total</td>@foreach(['pengeluaran','sisa','selisih'] as $key)<td class="num">{{ \App\Support\Display::money($totals[$key]) }}</td>@endforeach</tr></tfoot></table></div>
</div>
<div class="cards">
    <article class="metric"><span>Total tabungan</span><strong>{{ \App\Support\Display::money($totals['tabungan']) }}</strong><small>Kategori: Tabungan</small></article>
    <article class="metric"><span>Total dana darurat</span><strong>{{ \App\Support\Display::money($totals['dana_darurat']) }}</strong><small>Kategori: Dana Darurat</small></article>
    <article class="metric gold"><span>Total investasi</span><strong>{{ \App\Support\Display::grams($totals['investasi']) }}</strong><small>Angka gram, terpisah dari Rupiah</small></article>
</div>
<div class="panel">
    <div class="panel-heading"><h2>Tabungan {{ $name }} — {{ $year }}</h2></div>
    <div class="table-scroll"><table><thead><tr><th>Bulan</th><th class="num">Tabungan (Rp)</th><th class="num">Dana Darurat (Rp)</th><th class="num">Investasi (gr)</th></tr></thead><tbody>
    @foreach($months as $m)<tr><td>{{ \App\Support\Display::month($m['month']) }}</td><td class="num">{{ \App\Support\Display::money($m['tabungan']) }}</td><td class="num">{{ \App\Support\Display::money($m['dana_darurat']) }}</td><td class="num gold-text">{{ \App\Support\Display::grams($m['investasi']) }}</td></tr>@endforeach
    </tbody><tfoot><tr><td>Total</td><td class="num">{{ \App\Support\Display::money($totals['tabungan']) }}</td><td class="num">{{ \App\Support\Display::money($totals['dana_darurat']) }}</td><td class="num">{{ \App\Support\Display::grams($totals['investasi']) }}</td></tr></tfoot></table></div>
</div>
<p class="small muted">Laporan dihitung dari Transaksi Harian yang dibaca langsung saat halaman dibuka. Batas bulan mengikuti tanggal awal bulan sampai sebelum tanggal awal bulan berikutnya. Pemilih tahun ini tidak mengubah B2 pada tab laporan spreadsheet.</p>
@endsection