@extends('layouts.app')
@section('title', 'Laporan Perubahan Ekuitas')
@section('content')
<div class="nk-content nk-content-fluid">
    <div class="container-xl wide-xl">
        <div class="nk-content-inner">
            <div class="nk-content-body">
                <div class="nk-block-head nk-block-head-sm">
                    <div class="nk-block-between">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title page-title">Laporan Perubahan Ekuitas Bersih</h3>
                            <div class="nk-block-des text-soft">
                                <p>Laporan perubahan ekuitas dalam periode tertentu.</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card card-bordered mb-4">
                    <div class="card-inner">
                        <form method="GET" class="row g-3 align-items-end">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="bulan" class="form-label">Bulan</label>
                                    <div class="form-control-wrap">
                                        <select name="bulan" id="bulan" class="form-select js-select2" onchange="this.form.submit()">
                                            @foreach($bulanList as $key => $namaBulan)
                                                <option value="{{ $key }}"
                                                    {{ (isset($data['bulan']) && $data['bulan'] == $key) ? 'selected' : (request('bulan', date('m')) == $key ? 'selected' : '') }}>
                                                    {{ $namaBulan }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="tahun" class="form-label">Tahun</label>
                                    <div class="form-control-wrap">
                                        <select name="tahun" id="tahun" class="form-select js-select2" onchange="this.form.submit()">
                                            @foreach($tahunList as $thn)
                                                <option value="{{ $thn }}"
                                                    {{ (isset($data['tahun']) && $data['tahun'] == $thn) ? 'selected' : (request('tahun', date('Y')) == $thn ? 'selected' : '') }}>
                                                    {{ $thn }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary w-100"><em class="icon ni ni-filter me-1"></em> Tampilkan</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                @if(!empty($warning))
                    <div class="alert alert-warning alert-icon">
                        <em class="icon ni ni-alert-circle"></em> <strong>Perhatian</strong> {{ $warning }}
                    </div>
                @elseif($data)
                    <div class="card card-preview">
                        <div class="card-inner border-bottom">
                            <div class="card-title-group">
                                <div class="card-title">
                                    <h6 class="title">Periode Terpilih: <span class="text-primary">{{ $data['periode_label'] ?? '-' }}</span></h6>
                                </div>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-custom">
                                <thead class="table-light">
                                    <tr>
                                        <th>Keterangan</th>
                                        <th class="text-end">Jumlah (Rp)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Saldo Awal</td>
                                        <td class="text-end">{{ number_format($data['saldo_awal'] ?? 0, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td>Pendapatan</td>
                                        <td class="text-end text-success">+ {{ number_format($data['pendapatan'] ?? 0, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td>Beban</td>
                                        <td class="text-end text-danger">- {{ number_format($data['beban'] ?? 0, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr class="fw-bold bg-lighter">
                                        <td style="color: {{ ($data['kenaikan'] ?? 0) < 0 ? '#e85347' : 'inherit' }}">
                                            Kenaikan / Penurunan Ekuitas
                                        </td>
                                        <td class="text-end" style="color: {{ ($data['kenaikan'] ?? 0) < 0 ? '#e85347' : 'inherit' }}">
                                            {{ number_format($data['kenaikan'] ?? 0, 0, ',', '.') }}
                                        </td>
                                    </tr>
                                    <tr class="table-primary fw-bold border-top border-primary">
                                        <td>Saldo Akhir</td>
                                        <td class="text-end">{{ number_format($data['saldo_akhir'] ?? 0, 2, ',', '.') }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                @else
                    <div class="alert alert-info alert-icon">
                        <em class="icon ni ni-info"></em> Silakan pilih periode untuk menampilkan laporan.
                    </div>
                @endif

            </div>
        </div>
    </div>
</div>
@endsection