{{-- ===== HEADER (mPDF htmlheader) ===== --}}
<htmlpageheader name="page-header">
    <table class="header-table">
        <tr>
            <td style="width: 60px;">
                @if (!empty($logo_base64))
                    <img src="{{ $logo_base64 }}" alt="Logo" style="height: 45px; width: auto;">
                @endif
            </td>
            <td style="padding-left: 10px;">
                <p class="company-name">{{ $company_name ?? 'PT. PERUSAHAAN' }}</p>
                <p class="report-title">LAPORAN PEMEGANG SAHAM</p>
                <p class="report-subtitle">
                    Periode :
                    @if (!empty($tanggal_columns))
                        {{ \Carbon\Carbon::parse($tanggal_columns[0])->translatedFormat('d F Y') }}
                        &mdash;
                        {{ \Carbon\Carbon::parse(end($tanggal_columns))->translatedFormat('d F Y') }}
                    @else
                        {{ \Carbon\Carbon::parse($tanggal_selected)->translatedFormat('d F Y') }}
                    @endif
                </p>
            </td>
            <td style="text-align: right; width: 100px;">
                <span class="confidential">CONFIDENTIAL</span>
            </td>
        </tr>
    </table>
    <hr class="header-line">
    <hr class="header-line-thin">
</htmlpageheader>

{{-- ===== FOOTER (mPDF htmlfooter) ===== --}}
<htmlpagefooter name="page-footer">
    <hr class="footer-line">
    <table class="footer-table">
        <tr>
            <td style="width: 33%; text-align: left;">
                <span class="confidential">&#9679; Strictly Confidential</span>
            </td>
            <td style="width: 34%; text-align: center;">
                Dicetak : {{ \Carbon\Carbon::now()->translatedFormat('d F Y, H:i') }} WIB
            </td>
            <td style="width: 33%; text-align: right;">
                Halaman {PAGENO} dari {nbpg}
            </td>
        </tr>
    </table>
</htmlpagefooter>
<p class="appendix-title">LAPORAN DATA PEMEGANG SAHAM MSJA</p>
{{-- ===== RINGKASAN UMUM ===== --}}
<div class="summary-box" style="margin-top: 0;">
    <table style="width: 100%; border: none; border-collapse: collapse;">
        <tr>
            <td style="width: 50%; border: none; padding: 0;">
                <p><span class="summary-label">Tanggal Laporan :</span>
                    <span class="summary-value">{{ \Carbon\Carbon::parse($tanggal_selected)->translatedFormat('d F Y') }}</span>
                </p>
                <p><span class="summary-label">Total Jumlah Kepemilikan Saham :</span>
                    <span class="summary-value">{{ number_format($total_saham_keseluruhan ?? 0, 0, ',', '.') }}</span>
                </p>
            </td>
            <td style="width: 50%; border: none; padding: 0; text-align: right; vertical-align: top;">
                <p><span class="summary-label">Jumlah Kategori :</span>
                    <span class="summary-value">{{ count($report ?? []) }}</span>
                </p>
                <p><span class="summary-label">Periode Data :</span>
                    <span class="summary-value">{{ \Carbon\Carbon::parse($tanggal_columns[0])->translatedFormat('d F Y') }} - {{ \Carbon\Carbon::parse(end($tanggal_columns))->translatedFormat('d F Y') }}</span>
                </p>
            </td>
        </tr>
    </table>
</div>

@php
    $grandTotals = [];
    $no = 1;
    $topN = 10; // Jumlah investor teratas yang ditampilkan per kategori
    $allSections = collect($report ?? []);
    $listGroupSections = $allSections->filter(fn($s) => $s['kategori']->jenis === 'list_group')->values();
    $sumRangeSections  = $allSections->filter(fn($s) => $s['kategori']->jenis === 'sum_range')->values();
    $hasDetail = false; // track if lampiran needed
    $categoryIndex = 0; // track page breaks

    // Calculate exact percentage width for date columns
    $dateCount = count($tanggal_columns ?? []);
    // Sisa 50% ruang tabel dibagi jumlah tanggal yang ada
    $dateWidth = $dateCount > 0 ? (50 / $dateCount) : 10;
@endphp

@if (!empty($report))

    {{-- ============ LIST GROUP ============ --}}
    @if ($listGroupSections->count() > 0)
        @foreach ($listGroupSections as $section)
            @php
                $investors = $section['investors'] ?? [];
                $topInvestors = array_slice($investors, 0, $topN);
                $remainingInvestors = array_slice($investors, $topN);
                $remainingCount = count($remainingInvestors);
                if ($remainingCount > 0) $hasDetail = true;
                $no = 1;
            @endphp

            @if ($categoryIndex > 0)
                <div class="page-break"></div>
            @endif
            @php $categoryIndex++; @endphp

            <div class="category-block">
                <div class="section-title">
                    {{ $section['kategori']->nama_kategori }}
                    <span class="badge-type badge-list-group" style="float: right; margin-top: 1px;">LIST GROUP</span>
                </div>
                <p class="section-subtitle">
                    Total Investor : <strong>{{ $section['total_investor'] }}</strong> &nbsp;|&nbsp;
                    Total Saham : <strong>{{ number_format($section['total_saham'], 0, ',', '.') }}</strong>
                    @if ($remainingCount > 0)
                        &nbsp;|&nbsp; <em style="color: #92400e;">Menampilkan Top {{ $topN }}, detail lengkap di <a href="#lampiran-{{ $section['kategori']->id }}" style="color: #0066cc;">Lampiran</a></em>
                    @endif
                </p>

            @if (!empty($topInvestors))
                <table class="data-table table-aligned">
                    <thead>
                        <tr>
                            <th style="width: 5%;">No</th>
                            <th style="width: 15%;">Nomor SID</th>
                            <th style="width: 20%;">Nama Investor</th>
                            <th style="width: 10%;">Kode Pemegang Rekening</th>
                            @foreach ($tanggal_columns as $date)
                                <th style="width: {{ $dateWidth }}%;">{{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($topInvestors as $investor)
                            <tr>
                                <td class="text-center">{{ $no++ }}</td>
                                <td class="text-left">{{ $investor['nomor_sid'] }}</td>
                                <td class="text-left">{{ $investor['nama_investor'] }}</td>
                                <td class="text-left">{{ $investor['kode_pemegang_rekening'] ?? '' }}</td>
                                @foreach ($tanggal_columns as $date)
                                    <td class="text-right">
                                        @if ($investor['dates'][$date]['value'] !== null)
                                            {{ number_format($investor['dates'][$date]['value'], 0, ',', '.') }}
                                            @if ($investor['dates'][$date]['change'] === 'up')
                                                <span class="arrow-up">&#9650;</span>
                                            @elseif ($investor['dates'][$date]['change'] === 'down')
                                                <span class="arrow-down">&#9660;</span>
                                            @endif
                                        @else
                                            <span style="color: #ccc;">&mdash;</span>
                                        @endif
                                    </td>
                                @endforeach
                            </tr>
                        @endforeach

                        {{-- Baris "Lainnya" jika ada sisa --}}
                        @if ($remainingCount > 0)
                            <tr class="others-row">
                                <td class="text-center">&hellip;</td>
                                <td colspan="3" class="text-left">
                                    <a href="#lampiran-{{ $section['kategori']->id }}" style="color: #0066cc; text-decoration: underline;">+ {{ $remainingCount }} investor lainnya (lihat Lampiran)</a>
                                </td>
                                @foreach ($tanggal_columns as $date)
                                    @php
                                        $othersTotal = 0;
                                        foreach ($remainingInvestors as $ri) {
                                            $othersTotal += ($ri['dates'][$date]['value'] ?? 0);
                                        }
                                    @endphp
                                    <td class="text-right">{{ number_format($othersTotal, 0, ',', '.') }}</td>
                                @endforeach
                            </tr>
                        @endif
                    </tbody>
                    <tfoot>
                        <tr class="total-row">
                            <td colspan="4" class="text-left">TOTAL</td>
                            @foreach ($tanggal_columns as $date)
                                @php
                                    $colTotal = $section['totals'][$date] ?? 0;
                                    if (!isset($grandTotals[$date])) $grandTotals[$date] = 0;
                                    $grandTotals[$date] += $colTotal;
                                @endphp
                                <td class="text-right">{{ number_format($colTotal, 0, ',', '.') }}</td>
                            @endforeach
                        </tr>
                    </tfoot>
                </table>
            @else
                <p style="color: #999; font-style: italic; margin-left: 12px;">
                    Tidak ada data investor untuk kategori ini.
                </p>
            @endif
            </div>
        @endforeach
    @endif

    {{-- ============ SUM RANGE ============ --}}
    @if ($sumRangeSections->count() > 0)
        @foreach ($sumRangeSections as $section)
            @php
                $investors = $section['investors'] ?? [];
                $topInvestors = array_slice($investors, 0, $topN);
                $remainingInvestors = array_slice($investors, $topN);
                $remainingCount = count($remainingInvestors);
                if ($remainingCount > 0) $hasDetail = true;
                $no = 1;
            @endphp

            @if ($categoryIndex > 0)
                <div class="page-break"></div>
            @endif
            @php $categoryIndex++; @endphp

            <div class="category-block">
                <div class="section-title" style="background-color: #037a7c;">
                    {{ $section['kategori']->nama_kategori }}
                    <span class="badge-type badge-sum-range" style="float: right; margin-top: 1px;">SUM RANGE</span>
                </div>
                <p class="section-subtitle">
                    Total Investor : <strong>{{ $section['total_investor'] }}</strong> &nbsp;|&nbsp;
                    Total Saham : <strong>{{ number_format($section['total_saham'], 0, ',', '.') }}</strong>
                    @if ($remainingCount > 0)
                        &nbsp;|&nbsp; <em style="color: #92400e;">Menampilkan Top {{ $topN }}, detail lengkap di <a href="#lampiran-{{ $section['kategori']->id }}" style="color: #0066cc;">Lampiran</a></em>
                    @endif
                </p>

            @if (!empty($topInvestors))
                <table class="data-table table-aligned">
                    <thead>
                        <tr>
                            <th style="width: 5%;">No</th>
                            <th style="width: 15%;">Nomor SID</th>
                            <th style="width: 20%;">Nama Investor</th>
                            <th style="width: 10%;">Kode Pemegang Rekening</th>
                            @foreach ($tanggal_columns as $date)
                                <th style="width: {{ $dateWidth }}%;">{{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($topInvestors as $investor)
                            <tr>
                                <td class="text-center">{{ $no++ }}</td>
                                <td class="text-left">{{ $investor['nomor_sid'] }}</td>
                                <td class="text-left">{{ $investor['nama_investor'] }}</td>
                                <td class="text-left">{{ $investor['kode_pemegang_rekening'] ?? '' }}</td>
                                @foreach ($tanggal_columns as $date)
                                    <td class="text-right">
                                        @if ($investor['dates'][$date]['value'] !== null)
                                            {{ number_format($investor['dates'][$date]['value'], 0, ',', '.') }}
                                            @if ($investor['dates'][$date]['change'] === 'up')
                                                <span class="arrow-up">&#9650;</span>
                                            @elseif ($investor['dates'][$date]['change'] === 'down')
                                                <span class="arrow-down">&#9660;</span>
                                            @endif
                                        @else
                                            <span style="color: #ccc;">&mdash;</span>
                                        @endif
                                    </td>
                                @endforeach
                            </tr>
                        @endforeach

                        {{-- Baris "Lainnya" jika ada sisa --}}
                        @if ($remainingCount > 0)
                            <tr class="others-row">
                                <td class="text-center">&hellip;</td>
                                <td colspan="3" class="text-left">
                                    <a href="#lampiran-{{ $section['kategori']->id }}" style="color: #0066cc; text-decoration: underline;">+ {{ $remainingCount }} investor lainnya (lihat Lampiran)</a>
                                </td>
                                @foreach ($tanggal_columns as $date)
                                    @php
                                        $othersTotal = 0;
                                        foreach ($remainingInvestors as $ri) {
                                            $othersTotal += ($ri['dates'][$date]['value'] ?? 0);
                                        }
                                    @endphp
                                    <td class="text-right">{{ number_format($othersTotal, 0, ',', '.') }}</td>
                                @endforeach
                            </tr>
                        @endif
                    </tbody>
                    <tfoot>
                        <tr class="total-row">
                            <td colspan="4" class="text-left">TOTAL</td>
                            @foreach ($tanggal_columns as $date)
                                @php
                                    $colTotal = $section['totals'][$date] ?? 0;
                                    if (!isset($grandTotals[$date])) $grandTotals[$date] = 0;
                                    $grandTotals[$date] += $colTotal;
                                @endphp
                                <td class="text-right">{{ number_format($colTotal, 0, ',', '.') }}</td>
                            @endforeach
                        </tr>
                    </tfoot>
                </table>
            @else
                <p style="color: #999; font-style: italic; margin-left: 12px;">
                    Tidak ada data investor untuk kategori ini.
                </p>
            @endif
            </div>
        @endforeach
    @endif

    {{-- ============ LAIN-LAIN ============ --}}
    @if (!empty($lain_lain) && $lain_lain['total_investor'] > 0)
        @if ($categoryIndex > 0)
            <div class="page-break"></div>
        @endif
        @php $categoryIndex++; @endphp

        <div class="category-block">
            <div class="section-title" style="background-color: #5a9a9b;">
                LAIN - LAIN
                <span class="badge-type badge-lain" style="float: right; margin-top: 1px;">LAINNYA</span>
            </div>
            <p class="section-subtitle">
                Total Investor : <strong>{{ $lain_lain['total_investor'] }}</strong> &nbsp;|&nbsp;
                Total Saham : <strong>{{ number_format($lain_lain['total_saham'], 0, ',', '.') }}</strong>
            </p>

        <table class="data-table table-aligned">
            <thead>
                <tr>
                    {{-- 50% untuk keterangan agar sejajar dengan kolom Info di tabel lain --}}
                    <th style="width: 50%;">Keterangan</th>
                    @foreach ($tanggal_columns as $date)
                        <th style="width: {{ $dateWidth }}%;">{{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}</th>
                    @endforeach
                </tr>
            </thead>
            <tbody>
                <tr class="total-row">
                    <td class="text-left">TOTAL</td>
                    @foreach ($tanggal_columns as $date)
                        @php
                            $lainTotal = $lain_lain['totals'][$date] ?? 0;
                            if (!isset($grandTotals[$date])) $grandTotals[$date] = 0;
                            $grandTotals[$date] += $lainTotal;
                        @endphp
                        <td class="text-right">{{ number_format($lainTotal, 0, ',', '.') }}</td>
                    @endforeach
                </tr>
            </tbody>
        </table>
        </div>
    @endif

    {{-- ============ GRAND TOTAL ============ --}}
    <table class="data-table table-aligned" style="margin-top: 8px; border: 2px solid #000000;">
        <thead>
            <tr>
                <th style="width: 50%;">Keterangan</th>
                @foreach ($tanggal_columns as $date)
                    <th style="width: {{ $dateWidth }}%;">{{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}</th>
                @endforeach
            </tr>
        </thead>
        <tbody>
            {{-- Baris per kategori List Group --}}
            @foreach ($listGroupSections as $section)
                <tr>
                    <td class="text-left">{{ $section['kategori']->nama_kategori }}</td>
                    @foreach ($tanggal_columns as $date)
                        <td class="text-right">{{ number_format($section['totals'][$date] ?? 0, 0, ',', '.') }}</td>
                    @endforeach
                </tr>
            @endforeach

            {{-- Baris per kategori Sum Range --}}
            @foreach ($sumRangeSections as $section)
                <tr>
                    <td class="text-left">{{ $section['kategori']->nama_kategori }}</td>
                    @foreach ($tanggal_columns as $date)
                        <td class="text-right">{{ number_format($section['totals'][$date] ?? 0, 0, ',', '.') }}</td>
                    @endforeach
                </tr>
            @endforeach

            {{-- Baris Lain-Lain --}}
            @if (!empty($lain_lain) && $lain_lain['total_investor'] > 0)
                <tr>
                    <td class="text-left">LAIN - LAIN</td>
                    @foreach ($tanggal_columns as $date)
                        <td class="text-right">{{ number_format($lain_lain['totals'][$date] ?? 0, 0, ',', '.') }}</td>
                    @endforeach
                </tr>
            @endif
        </tbody>
        <tfoot>
            <tr class="grand-total-row">
                <td class="text-left">GRAND TOTAL</td>
                @foreach ($tanggal_columns as $date)
                    <td class="text-right">{{ number_format($grandTotals[$date] ?? 0, 0, ',', '.') }}</td>
                @endforeach
            </tr>
        </tfoot>
    </table>


    {{-- ================================================================== --}}
    {{--          BAGIAN 2 : LAMPIRAN DETAIL (SELURUH INVESTOR)             --}}
    {{-- ================================================================== --}}

    @if ($hasDetail)
        <div class="page-break"></div>
        <p class="appendix-title">LAMPIRAN — DETAIL LENGKAP INVESTOR</p>
        <p class="appendix-subtitle">
            Daftar seluruh investor per kategori &mdash; Periode
            {{ \Carbon\Carbon::parse($tanggal_columns[0])->format('d/m/Y') }}
            s.d.
            {{ \Carbon\Carbon::parse(end($tanggal_columns))->format('d/m/Y') }}
        </p>
        <hr class="appendix-divider">

        @php $detailNo = 1; $detailCategoryIndex = 0; @endphp

        {{-- Detail: List Group --}}
        @foreach ($listGroupSections as $section)
            @if ($detailCategoryIndex > 0)
                <div class="page-break"></div>
            @endif
            @php $detailCategoryIndex++; @endphp
            @if (count($section['investors'] ?? []) > 0)
                <div class="detail-block">
                    <a name="lampiran-{{ $section['kategori']->id }}"></a>
                    <div class="detail-section-title">
                        {{ $section['kategori']->nama_kategori }}
                        <span class="badge-type badge-list-group" style="float: right; margin-top: 1px;">LIST GROUP</span>
                    </div>
                    <p class="detail-section-subtitle">
                        {{ $section['total_investor'] }} Investor &nbsp;|&nbsp;
                        Total Saham : {{ number_format($section['total_saham'], 0, ',', '.') }}
                    </p>

                <table class="detail-table table-aligned">
                    <thead>
                        <tr>
                            <th style="width: 5%;">No</th>
                            <th style="width: 15%;">Nomor SID</th>
                            <th style="width: 20%;">Nama Investor</th>
                            <th style="width: 10%;">Kode Pemegang Rekening</th>
                            @foreach ($tanggal_columns as $date)
                                <th style="width: {{ $dateWidth }}%;">{{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @php $detailNo = 1; @endphp
                        @foreach ($section['investors'] as $investor)
                            <tr>
                                <td class="text-center">{{ $detailNo++ }}</td>
                                <td class="text-left">{{ $investor['nomor_sid'] }}</td>
                                <td class="text-left">{{ $investor['nama_investor'] }}</td>
                                <td class="text-left">{{ $investor['kode_pemegang_rekening'] ?? '' }}</td>
                                @foreach ($tanggal_columns as $date)
                                    <td class="text-right">
                                        @if ($investor['dates'][$date]['value'] !== null)
                                            {{ number_format($investor['dates'][$date]['value'], 0, ',', '.') }}
                                            @if ($investor['dates'][$date]['change'] === 'up')
                                                <span class="arrow-up">&#9650;</span>
                                            @elseif ($investor['dates'][$date]['change'] === 'down')
                                                <span class="arrow-down">&#9660;</span>
                                            @endif
                                        @else
                                            <span style="color: #ccc;">&mdash;</span>
                                        @endif
                                    </td>
                                @endforeach
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="detail-total-row">
                            <td colspan="4" class="text-left">TOTAL</td>
                            @foreach ($tanggal_columns as $date)
                                <td class="text-right">{{ number_format($section['totals'][$date] ?? 0, 0, ',', '.') }}</td>
                            @endforeach
                        </tr>
                    </tfoot>
                </table>
                </div>
            @endif
        @endforeach

        {{-- Detail: Sum Range --}}
        @foreach ($sumRangeSections as $section)
            @if ($detailCategoryIndex > 0)
                <div class="page-break"></div>
            @endif
            @php $detailCategoryIndex++; @endphp
            @if (count($section['investors'] ?? []) > 0)
                <div class="detail-block">
                    <a name="lampiran-{{ $section['kategori']->id }}"></a>
                    <div class="detail-section-title" style="background-color: #037a7c;">
                        {{ $section['kategori']->nama_kategori }}
                        <span class="badge-type badge-sum-range" style="float: right; margin-top: 1px;">SUM RANGE</span>
                    </div>
                    <p class="detail-section-subtitle">
                        {{ $section['total_investor'] }} Investor &nbsp;|&nbsp;
                        Total Saham : {{ number_format($section['total_saham'], 0, ',', '.') }}
                    </p>

                <table class="detail-table table-aligned">
                    <thead>
                        <tr>
                            <th style="width: 5%;">No</th>
                            <th style="width: 15%;">Nomor SID</th>
                            <th style="width: 20%;">Nama Investor</th>
                            <th style="width: 10%;">Kode Pemegang Rekening</th>
                            @foreach ($tanggal_columns as $date)
                                <th style="width: {{ $dateWidth }}%;">{{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @php $detailNo = 1; @endphp
                        @foreach ($section['investors'] as $investor)
                            <tr>
                                <td class="text-center">{{ $detailNo++ }}</td>
                                <td class="text-left">{{ $investor['nomor_sid'] }}</td>
                                <td class="text-left">{{ $investor['nama_investor'] }}</td>
                                <td class="text-left">{{ $investor['kode_pemegang_rekening'] ?? '' }}</td>
                                @foreach ($tanggal_columns as $date)
                                    <td class="text-right">
                                        @if ($investor['dates'][$date]['value'] !== null)
                                            {{ number_format($investor['dates'][$date]['value'], 0, ',', '.') }}
                                            @if ($investor['dates'][$date]['change'] === 'up')
                                                <span class="arrow-up">&#9650;</span>
                                            @elseif ($investor['dates'][$date]['change'] === 'down')
                                                <span class="arrow-down">&#9660;</span>
                                            @endif
                                        @else
                                            <span style="color: #ccc;">&mdash;</span>
                                        @endif
                                    </td>
                                @endforeach
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="detail-total-row">
                            <td colspan="4" class="text-left">TOTAL</td>
                            @foreach ($tanggal_columns as $date)
                                <td class="text-right">{{ number_format($section['totals'][$date] ?? 0, 0, ',', '.') }}</td>
                            @endforeach
                        </tr>
                    </tfoot>
                </table>
                </div>
            @endif
        @endforeach
    @endif

@else
    <div style="text-align: center; padding: 40px 0; color: #999;">
        <p style="font-size: 11pt;">Tidak ada data untuk ditampilkan.</p>
        <p style="font-size: 8pt;">Silakan pilih tanggal dan filter untuk menghasilkan laporan.</p>
    </div>
@endif