@extends('layouts.app')

@section('title', 'Laporan Neraca')

@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 Neraca</h3>
                            <div class="nk-block-des text-soft">
                                <p>Ringkasan aset, kewajiban, dan ekuitas.</p>
                            </div>
                        </div>
                        <div class="nk-block-head-content">
                            <div class="toggle-wrap nk-block-tools-toggle">
                                <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-more-v"></em></a>
                                <div class="toggle-expand-content" data-content="pageMenu">
                                    <ul class="nk-block-tools g-3">
                                        <li>
                                            <a href="{{ route('yayasan.laporan.neraca-saldo.excel', ['tahun' => ($selectedYear ?? request('tahun')), 'unit_id' => request('unit_id', $unitSelected ?? null)]) }}" class="btn btn-white btn-dim btn-outline-light">
                                                <em class="icon ni ni-file-excel"></em><span>Export Excel</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ route('yayasan.laporan.neraca-saldo.pdf', ['tahun' => ($selectedYear ?? request('tahun')), 'unit_id' => request('unit_id', $unitSelected ?? null)]) }}" class="btn btn-white btn-dim btn-outline-light">
                                                <em class="icon ni ni-file-pdf"></em><span>Export PDF</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Filter --}}
                <div class="card card-bordered mb-4">
                    <div class="card-inner">
                        <form method="GET" action="{{ route('yayasan.laporan.neraca-saldo.index') }}">
                            <div class="row g-3 align-items-end">
                                <div class="col-md-10">
                                    <div class="form-group">
                                        <label class="form-label" for="tahun">Tahun</label>
                                        <div class="form-control-wrap">
                                            <select class="form-select js-select2" id="tahun" name="tahun">
                                                @foreach ($years as $year)
                                                <option value="{{ $year }}" {{ ($selectedYear ?? request('tahun')) == $year ? 'selected' : '' }}>
                                                    Tahun {{ $year }}
                                                </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>
                            </div>
                        </form>
                    </div>
                </div>

                {{-- Summary Card --}}
                <div class="card card-bordered mb-4">
                   <div class="card-inner">
                       <div class="row g-3">
                           <div class="col-md-4">
                               <div class="overline-title-alt mb-2">Total Aktiva</div>
                               <div class="amount h4 fw-bold text-primary">{{ 'Rp ' . number_format($totalAktiva, 2, ',', '.') }}</div>
                           </div>
                           <div class="col-md-4">
                               <div class="overline-title-alt mb-2">Total Pasiva</div>
                               <div class="amount h4 fw-bold text-info">{{ 'Rp ' . number_format($totalPasiva, 2, ',', '.') }}</div>
                           </div>
                           <div class="col-md-4">
                               <div class="overline-title-alt mb-2">Status Neraca</div>
                               @if (abs($totalAktiva - $totalPasiva) < 0.01)
                                <div class="badge badge-lg bg-success">Seimbang</div>
                               @else
                                <div class="badge badge-lg bg-danger">Tidak Seimbang (Selisih: {{ number_format(abs($totalAktiva - $totalPasiva), 2, ',', '.') }})</div>
                               @endif
                           </div>
                       </div>
                   </div>
                </div>

                <div class="row g-gs">
                    {{-- Aktiva Table --}}
                    <div class="col-lg-6">
                        <div class="card card-preview h-100">
                            <div class="card-inner border-bottom">
                                <div class="card-title-group">
                                    <div class="card-title">
                                        <h6 class="title">Aktiva</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="table-responsive">
                                <table class="table table-custom">
                                    <thead>
                                        <tr>
                                            <th>Nama Akun</th>
                                            <th class="text-end">Saldo</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($aktivaPaginated as $akunAktiva)
                                        <tr>
                                            <td>{{ $akunAktiva->nama_akun }}</td>
                                            <td class="text-end fw-bold">{{ 'Rp ' . number_format($akunAktiva->saldo, 2, ',', '.') }}</td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="2" class="text-center p-3 text-muted">Tidak ada data Aktiva.</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            <div class="card-inner">
                                {{ $aktivaPaginated->links('pagination::bootstrap-4') }}
                            </div>
                        </div>
                    </div>

                    {{-- Pasiva Table --}}
                    <div class="col-lg-6">
                        <div class="card card-preview h-100">
                            <div class="card-inner border-bottom">
                                <div class="card-title-group">
                                    <div class="card-title">
                                        <h6 class="title">Pasiva</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="table-responsive">
                                <table class="table table-custom">
                                    <thead>
                                        <tr>
                                            <th>Nama Akun</th>
                                            <th class="text-end">Saldo</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($pasivaPaginated as $akunPasiva)
                                        <tr>
                                            <td>{{ $akunPasiva->nama_akun }}</td>
                                            <td class="text-end fw-bold">
                                                @if ($akunPasiva->saldo < 0)
                                                (Rp {{ number_format(abs($akunPasiva->saldo), 2, ',', '.') }})
                                                @else
                                                Rp {{ number_format($akunPasiva->saldo, 2, ',', '.') }}
                                                @endif
                                            </td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="2" class="text-center p-3 text-muted">Tidak ada data Pasiva.</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            <div class="card-inner">
                                {{ $pasivaPaginated->links('pagination::bootstrap-4') }}
                            </div>
                        </div>
                    </div>
                </div>

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