@extends('layouts.app')
@section('title', 'Laporan Pendapatan & Beban')

@section('content')
<div class="card mb-3">
    <div class="card-body">
        <form class="row g-2 align-items-end">
            <div class="col-md-2">
                <label class="form-label small">Periode</label>
                <select name="mode" id="mode" class="form-select">
                    @foreach(\App\Http\Controllers\LaporanKeuanganController::MODE as $k => $v)<option value="{{ $k }}" @selected($mode === $k)>{{ $v }}</option>@endforeach
                </select>
            </div>
            <div class="col-md-2" data-mode="bulanan">
                <label class="form-label small">Bulan</label>
                <input type="month" name="bulan" value="{{ substr($dari, 0, 7) }}" class="form-control">
            </div>
            <div class="col-md-2" data-mode="tahunan">
                <label class="form-label small">Tahun</label>
                <input type="number" name="tahun" min="2000" max="2100" value="{{ substr($dari, 0, 4) }}" class="form-control">
            </div>
            <div class="col-md-2" data-mode="rentang">
                <label class="form-label small">Dari</label>
                <input type="date" name="dari" value="{{ $dari }}" class="form-control">
            </div>
            <div class="col-md-2" data-mode="rentang">
                <label class="form-label small">Sampai</label>
                <input type="date" name="sampai" value="{{ $sampai }}" class="form-control">
            </div>
            <div class="col-md-2"><button class="btn btn-primary w-100"><i class="bi bi-search"></i> Tampilkan</button></div>
            <div class="col-md d-flex gap-2 justify-content-md-end">
                <a href="{{ route('laporan.laba-rugi.export', ['format' => 'excel'] + request()->query()) }}" class="btn btn-success"><i class="bi bi-file-earmark-excel"></i> Excel</a>
                <a href="{{ route('laporan.laba-rugi.export', ['format' => 'pdf'] + request()->query()) }}" class="btn btn-danger"><i class="bi bi-file-earmark-pdf"></i> PDF</a>
            </div>
        </form>
    </div>
</div>

<div class="row g-3 mb-3">
    @php $selisih = fn ($a, $b) => $b != 0 ? round(($a - $b) / abs($b) * 100, 1) : null; @endphp
    @foreach([
        ['Total Pendapatan', $ini['total_pendapatan'], $lalu['total_pendapatan'], 'success'],
        ['Total Beban', $ini['total_beban'], $lalu['total_beban'], 'danger'],
        [$ini['laba'] >= 0 ? 'Laba Bersih' : 'Rugi Bersih', $ini['laba'], $lalu['laba'], $ini['laba'] >= 0 ? 'primary' : 'danger'],
    ] as [$label, $nilai, $banding, $warna])
        <div class="col-md-4">
            <div class="card h-100 border-{{ $warna }}-subtle"><div class="card-body">
                <div class="small text-muted">{{ $label }} · {{ $label_ini }}</div>
                <div class="fs-4 fw-bold text-{{ $warna }}">{{ rupiah($nilai) }}</div>
                @php $p = $selisih($nilai, $banding); @endphp
                <div class="small text-muted">{{ $label_lalu }}: {{ rupiah($banding) }}
                    @if($p !== null)<span class="ms-1 {{ $p >= 0 ? 'text-success' : 'text-danger' }}"><i class="bi bi-arrow-{{ $p >= 0 ? 'up' : 'down' }}"></i> {{ abs($p) }}%</span>@endif</div>
            </div></div>
        </div>
    @endforeach
</div>

<div class="card">
    <div class="card-header bg-white d-flex justify-content-between flex-wrap gap-2">
        <span class="fw-semibold"><i class="bi bi-graph-up-arrow"></i> Laporan Pendapatan &amp; Beban (Income &amp; Expenses)</span>
        <span class="small text-muted">{{ $judul_periode }} · dibandingkan {{ $label_lalu }}</span>
    </div>
    <div class="table-responsive">
        @include('laporan._tabel-laba-rugi', ['kelas' => 'table table-sm mb-0'])
    </div>
    <div class="card-footer bg-white small text-muted">
        Basis kas: pendapatan dicatat saat uang diterima, beban saat uang dibayarkan. Kelompok setiap pos (pendapatan / beban / aset / kewajiban / modal)
        diatur di
        @if(auth()->user()->isAdmin()) <a href="{{ route('pos-kas.index') }}">Pos Transaksi Kas</a> @else Pos Transaksi Kas (admin) @endif
        Setoran modal, pinjaman, dan titipan deposit tidak dihitung sebagai pendapatan.
    </div>
</div>
@endsection

@push('styles')
@include('laporan._gaya-lk')
@endpush

@push('scripts')
<script>
(() => {
    const mode = document.getElementById('mode');
    const atur = () => document.querySelectorAll('[data-mode]').forEach(el => {
        const aktif = el.dataset.mode === mode.value;
        el.hidden = !aktif;
        el.querySelectorAll('input').forEach(i => i.disabled = !aktif);
    });
    mode.addEventListener('change', atur);
    atur();
})();
</script>
@endpush