{{-- ===== HEADER (mPDF htmlheader) ===== --}}
<htmlpageheader name="page-header">
    <table class="header-table" style="width: 100%; border: none;">
        <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 SEKURITAS</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" style="width: 100%; border: none;">
        <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 SEKURITAS 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">{{ ($view_mode ?? 'saham') == 'investor' ? 'Total Jumlah Investor :' : '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 Sekuritas :</span>
                    <span class="summary-value">{{ count($sekuritas_report ?? []) }}</span>
                </p>
                @if (!empty($tanggal_columns))
                <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>
                @endif
            </td>
        </tr>
    </table>
</div>

@php
    $topN = 10;
    $categoryIndex = 0;
    $hasDetail = false;
    $wTgl = '75px'; //legbar tetap

    // Sekuritas top/remaining
    $sekuritasAll = $sekuritas_report ?? [];
    $topSekuritas = array_slice($sekuritasAll, 0, $topN);
    $remainingSekuritas = array_slice($sekuritasAll, $topN);
    $remainingSekuritasCount = count($remainingSekuritas);
    if ($remainingSekuritasCount > 0) $hasDetail = true;

    // Kategori: check if any has > topN
    foreach ($kategori_report ?? [] as $ks) {
        if (count($ks['investors'] ?? []) > $topN) {
            $hasDetail = true;
            break;
        }
    }
@endphp

@if (!empty($sekuritas_report) || !empty($kategori_report))

    {{-- TABLE 1: SEKURITAS (Pemegang Rekening) — Top 10              --}}
    <div class="category-block">
        <div class="section-title" style="background-color: #028486;">
            DATA SEKURITAS / PEMEGANG REKENING
            <span class="badge-type" style="float: right; margin-top: 1px; background-color: #c5cae9; color: #1a237e;">SEKURITAS</span>
        </div>
        <p class="section-subtitle">
            Total Sekuritas : <strong>{{ count($sekuritasAll) }}</strong>
            @if ($remainingSekuritasCount > 0)
                &nbsp;|&nbsp; <em style="color: #92400e;">Menampilkan Top {{ $topN }}, detail lengkap di <a href="#lampiran-sekuritas" style="color: #0066cc;">Lampiran</a></em>
            @endif
        </p>

        @if (!empty($topSekuritas))
            <table class="data-table" style="table-layout: fixed; width: 100%; border-collapse: collapse;">
                <thead>
                    <tr>
                        <th style="width: 30px;">No</th>
                        <th style="width: 100px;">Kode Pemegang Rekening</th>
                        <th style="width: auto;">Nama Pemegang Rekening</th>
                        @foreach ($tanggal_columns as $date)
                            <th style="width: {{ $wTgl }}; text-align: center;">{{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}</th>
                        @endforeach
                    </tr>
                </thead>
                <tbody>
                    @php $no = 1; @endphp
                    @foreach ($topSekuritas as $row)
                        <tr>
                            <td class="text-center">{{ $no++ }}</td>
                            <td class="text-left">{{ $row['kode_pemegang_rekening'] }}</td>
                            <td class="text-left" style="word-wrap: break-word;">{{ $row['nama_pemegang_rekening'] }}</td>
                            @foreach ($tanggal_columns as $date)
                                <td class="text-right">
                                    @if ($row['dates'][$date]['value'] !== null)
                                        {{ number_format($row['dates'][$date]['value'], 0, ',', '.') }}
                                        @if ($row['dates'][$date]['change'] === 'up')
                                            <span class="arrow-up">&#9650;</span>
                                        @elseif ($row['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 ($remainingSekuritasCount > 0)
                        <tr class="others-row">
                            <td class="text-center">&hellip;</td>
                            <td colspan="2" class="text-left">
                                <a href="#lampiran-sekuritas" style="color: #0066cc; text-decoration: underline;">+ {{ $remainingSekuritasCount }} sekuritas lainnya (lihat Lampiran)</a>
                            </td>
                            @foreach ($tanggal_columns as $date)
                                @php
                                    $othersTotal = 0;
                                    foreach ($remainingSekuritas as $rs) {
                                        $othersTotal += ($rs['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="3" class="text-left">TOTAL</td>
                        @foreach ($tanggal_columns as $date)
                            <td class="text-right">{{ number_format($sekuritas_totals[$date]['value'] ?? 0, 0, ',', '.') }}</td>
                        @endforeach
                    </tr>
                </tfoot>
            </table>
        @else
            <p style="color: #999; font-style: italic; margin-left: 12px;">
                Tidak ada data sekuritas untuk ditampilkan.
            </p>
        @endif
    </div>

    @php $categoryIndex++; @endphp

    {{-- TABLE 2: KATEGORI KHUSUS (List Group) — Top 10               --}}
    @if (!empty($kategori_report))
        @foreach ($kategori_report as $section)
            @php
                $investors = $section['investors'] ?? [];
                $topInvestors = array_slice($investors, 0, $topN);
                $remainingInvestors = array_slice($investors, $topN);
                $remainingCount = count($remainingInvestors);
                $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;
                    {{ ($view_mode ?? 'saham') == 'investor' ? 'Total Investor :' : '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-kategori-{{ $section['kategori']->id }}" style="color: #0066cc;">Lampiran</a></em>
                    @endif
                </p>

                @if (!empty($topInvestors))
                    <table class="data-table" style="table-layout: fixed; width: 100%; border-collapse: collapse;">
                        <thead>
                            <tr>
                                <th style="width: 30px;">No</th>
                                <th style="width: 100px;">Kode Pemegang Rekening</th>
                                <th style="width: auto;">Nama Pemegang Rekening</th>
                                @foreach ($tanggal_columns as $date)
                                    <th style="width: {{ $wTgl }}; text-align: center;">{{ \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['kode_pemegang_rekening'] }}</td>
                                    <td class="text-left" style="word-wrap: break-word;">{{ $investor['nama_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="2" class="text-left">
                                        <a href="#lampiran-kategori-{{ $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="3" class="text-left">TOTAL</td>
                                @foreach ($tanggal_columns as $date)
                                    <td class="text-right">{{ number_format($section['totals'][$date]['value'] ?? 0, 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

    {{-- ============================================================ --}}
    {{-- GRAND TOTAL SUMMARY TABLE                                    --}}
    {{-- ============================================================ --}}
     @if ($categoryIndex > 0)
        <div class="page-break"></div>
    @endif
    @php $categoryIndex++; @endphp

    <table class="data-table" style="table-layout: fixed; width: 100%; border-collapse: collapse; margin-top: 8px; border: 2px solid #000000;">
        <thead>
            <tr>
                <th style="width: auto; text-align: left;">Keterangan</th>
                @foreach ($tanggal_columns as $date)
                    <th style="width: {{ $wTgl }}; text-align: center;">{{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}</th>
                @endforeach
            </tr>
        </thead>
        <tbody>
            {{-- Baris Pemegang Rekening --}}
            <tr>
                <td class="text-left">Data Sekuritas / Pemegang Rekening</td>
                @foreach ($tanggal_columns as $date)
                    <td class="text-right">{{ number_format($sekuritas_totals[$date]['value'] ?? 0, 0, ',', '.') }}</td>
                @endforeach
            </tr>

            {{-- Baris per kategori --}}
            @foreach ($kategori_report ?? [] 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]['value'] ?? 0, 0, ',', '.') }}</td>
                    @endforeach
                </tr>
            @endforeach
        </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($grand_totals[$date]['value'] ?? 0, 0, ',', '.') }}</td>
                @endforeach
            </tr>
        </tfoot>
    </table>

    {{--           LAMPIRAN DETAIL (SELURUH DATA)                           --}}
    @if ($hasDetail)
        <div class="page-break"></div>
        <p class="appendix-title">LAMPIRAN — DETAIL LENGKAP SEKURITAS</p>
        <p class="appendix-subtitle">
            Daftar seluruh data per bagian &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 $detailCategoryIndex = 0; @endphp

        {{-- Lampiran: Sekuritas --}}
        @if (count($sekuritasAll) > 0)
            @if ($detailCategoryIndex > 0)
                <div class="page-break"></div>
            @endif
            @php $detailCategoryIndex++; @endphp

            <div class="detail-block">
                <a name="lampiran-sekuritas"></a>
                <div class="detail-section-title" style="background-color: #028486;">
                    DATA SEKURITAS / PEMEGANG REKENING
                    <span class="badge-type" style="float: right; margin-top: 1px; background-color: #c5cae9; color: #1a237e;">SEKURITAS</span>
                </div>
                <p class="detail-section-subtitle">
                    {{ count($sekuritasAll) }} Sekuritas &nbsp;|&nbsp;
                    {{ ($view_mode ?? 'saham') == 'investor' ? 'Total Investor :' : 'Total Saham :' }} {{ number_format($sekuritas_totals[end($tanggal_columns)]['value'] ?? 0, 0, ',', '.') }}
                </p>

                <table class="detail-table" style="table-layout: fixed; width: 100%; border-collapse: collapse;">
                    <thead>
                        <tr>
                            <th style="width: 30px;">No</th>
                            <th style="width: 100px;">Kode Pemegang Rekening</th>
                            <th style="width: auto;">Nama Pemegang Rekening</th>
                            @foreach ($tanggal_columns as $date)
                                <th style="width: {{ $wTgl }}; text-align: center;">{{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @php $detailNo = 1; @endphp
                        @foreach ($sekuritasAll as $row)
                            <tr>
                                <td class="text-center">{{ $detailNo++ }}</td>
                                <td class="text-left">{{ $row['kode_pemegang_rekening'] }}</td>
                                <td class="text-left" style="word-wrap: break-word;">{{ $row['nama_pemegang_rekening'] }}</td>
                                @foreach ($tanggal_columns as $date)
                                    <td class="text-right">
                                        @if ($row['dates'][$date]['value'] !== null)
                                            {{ number_format($row['dates'][$date]['value'], 0, ',', '.') }}
                                            @if ($row['dates'][$date]['change'] === 'up')
                                                <span class="arrow-up">&#9650;</span>
                                            @elseif ($row['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="3" class="text-left">TOTAL</td>
                            @foreach ($tanggal_columns as $date)
                                <td class="text-right">{{ number_format($sekuritas_totals[$date]['value'] ?? 0, 0, ',', '.') }}</td>
                            @endforeach
                        </tr>
                    </tfoot>
                </table>
            </div>
        @endif

        {{-- Lampiran: Kategori List Group --}}
        @foreach ($kategori_report ?? [] 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-kategori-{{ $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;
                        {{ ($view_mode ?? 'saham') == 'investor' ? 'Total Investor :' : 'Total Saham :' }} {{ number_format($section['total_saham'], 0, ',', '.') }}
                    </p>

                    <table class="detail-table" style="table-layout: fixed; width: 100%; border-collapse: collapse;">
                        <thead>
                            <tr>
                                <th style="width: 30px;">No</th>
                                <th style="width: 100px;">Kode Pemegang Rekening</th>
                                <th style="width: auto;">Nama Pemegang Rekening</th>
                                @foreach ($tanggal_columns as $date)
                                    <th style="width: {{ $wTgl }}; text-align: center;">{{ \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['kode_pemegang_rekening'] }}</td>
                                    <td class="text-left" style="word-wrap: break-word;">{{ $investor['nama_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="3" class="text-left">TOTAL</td>
                                @foreach ($tanggal_columns as $date)
                                    <td class="text-right">{{ number_format($section['totals'][$date]['value'] ?? 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