{{-- ============================================================================
     COMPONENT: Sector NRES — Teras Sektor / Bahagian & Unit
     Kod    : sector_nres  ·  Komponen #baru (type=PHP, category=Section)
     URL    : /nres/sector               → hub (4 sektor + 16 bahagian/unit)
              /nres/sector?unit=<KOD>    → paparan bahagian/unit: 5 seksyen bertindan
                                           (tiada tab — gaya scroll halaman MCEE)
              /nres/sector?sektor=<GRP>  → hub ditapis ikut sektor

     Page   : #42 "Sector" (site 2 · nres) → page_content = {!! $sector_nres !!}

     Sumber data (modul sedia ada — TIADA jadual baru):
       · ref (cat = NRES_DEPARTMENT)       → 16 bahagian/unit: code, descr (BM),
                                             descr_en (EN), sort
       · content_article (+ _translation)  → teks boleh sunting staf (kategori SEKTOR)
                                             SATU rekod bagi setiap bahagian/unit:
                                               article_category    = SEKTOR
                                               article_code        = <KOD BAHAGIAN>
                                                                     (cth BIO_FORESTRY —
                                                                      dari ref NRES_DEPARTMENT)
                                               article_subcategory = kosong
                                               article_image       = gambar banner
                                             article_translation_content = SATU dokumen
                                             Summernote (BM/EN) mengandungi semua seksyen.
                                             Ia dipecah kepada pane halaman oleh tajuk:
                                               (sebelum <h3>Program</h3>)     → Pengenalan
                                                 (termasuk <h3>Objektif</h3> &
                                                  <h3>Fungsi Utama</h3>)
                                               <h3>Program</h3> / <h3>Programme</h3>
                                                 <h4>nama</h4> + <p>huraian</p> → Program
                                               <h3>Halatuju & Sasaran</h3> /
                                               <h3>Direction & Targets</h3>   → Halatuju
                                             Setiap bahagian dirender TERUS (gaya dari CSS
                                             .sec__rich) — tiada transformasi kad/senarai.
                                             Borang menyediakan butang "+ Insert standard
                                             structure" untuk menjana struktur ini (lihat
                                             partial _sector-editor.blade.php).
                                             (Model lama masih dibaca sebagai fallback:
                                              article_subcategory = <KOD UNIT> · article_code
                                              = <KOD UNIT>-<SEKSYEN> · baris <KOD>-INTRO dsb.)
       · content_downloads                 → dasar & perundangan ikut
                                             download_category (BP/TUG/MG/PI/AS/URUS)
       · content_applications              → jabatan & agensi (AGENCY_LINKS)
       · content_application_translations  → nama penuh agensi (ms/en)
       · ref (cat = NRES_SECTOR)           → kumpulan sektor (SSA/SKA/SP/KSU)
       · ref (cat = NRES_UNIT_PUB)         → unit → kategori penerbitan (kat)
       · ref (cat = NRES_UNIT_AGENCY)      → unit → kod agensi (parent = kod unit)
       · ref (cat = NRES_SECTOR_UI)        → teks/label antara muka halaman sektor

     Corak: sama macam PAGE_CONTENT/nres/publication.blade.php — SEMUA logik,
     markup dan CSS dalam SATU fail (kelas .sec__*), BM/EN guna array (bukan t()).

     Nota kandungan: SEMUA teks (Pengenalan / Program / Halatuju) datang dari
     content_article (kategori SEKTOR) — TIADA array fallback dalam kod. Unit yang
     belum diisi akan papar nota "sedang dikemaskini". Rekod disimpan ACTIVE tetapi
     kategori SEKTOR dikecualikan daripada senarai awam.
     Guna pada page lain: assign komponen ini + letak {!! $sector_nres !!}.
     ============================================================================ --}}

@php
    $secLang = ($lang ?? session('locale', 'ms')) === 'en' ? 'en' : 'ms';
    $secIsEn = $secLang === 'en';
    $secSite = trim((string) ($siteSlug ?? ''), '/');
    $secBase = url(($secSite !== '' ? $secSite.'/' : '').'sector');
    $secHome = url($secSite !== '' ? $secSite.'/home' : '/');
    $secPub = url(($secSite !== '' ? $secSite.'/' : '').'publication');
    $secEserv = url(($secSite !== '' ? $secSite.'/' : '').'e-services');
    $secToday = now()->toDateString();

    /* -------------------------------------- teks UI dari ref NRES_SECTOR_UI --- */
    // Semua label/teks antara muka boleh diubah dari DB tanpa deploy:
    //   code = kunci · descr = BM · descr_en = EN
    $secUi = [];

    foreach (DB::table('ref')->where('cat', 'NRES_SECTOR_UI')->whereNull('deleted_at')->get() as $secUiRow) {
        $secUiKey = strtoupper(trim((string) $secUiRow->code));

        if ($secUiKey === '') {
            continue;
        }

        $secUi[$secUiKey] = [
            'ms' => trim((string) $secUiRow->descr),
            'en' => trim((string) ($secUiRow->descr_en ?: $secUiRow->descr)),
        ];
    }

    // Pulangkan ['ms' => …, 'en' => …] — DB diutamakan; fallback kod = jaring keselamatan.
    $secUiText = function (string $secUiKey, string $secUiMs, string $secUiEn) use ($secUi) {
        $secUiRow = $secUi[strtoupper($secUiKey)] ?? null;

        return [
            'ms' => ($secUiRow['ms'] ?? '') !== '' ? $secUiRow['ms'] : $secUiMs,
            'en' => ($secUiRow['en'] ?? '') !== '' ? $secUiRow['en'] : $secUiEn,
        ];
    };

    // Teks ikut bahasa semasa.
    $secTx = fn (string $secUiKey, string $secUiMs, string $secUiEn) => $secUiText($secUiKey, $secUiMs, $secUiEn)[$secLang];

    /* --------------------------------------------------------------- sektor --- */
    // Kumpulan sektor dari ref NRES_SECTOR (code + nama BM/EN + sort).
    $secGroups = [];

    foreach (DB::table('ref')->where('cat', 'NRES_SECTOR')->whereNull('deleted_at')
        ->orderBy('sort')->orderBy('id')->get() as $secGrpRow) {
        $secGrpCode = strtoupper(trim((string) $secGrpRow->code));

        if ($secGrpCode === '') {
            continue;
        }

        $secGroups[$secGrpCode] = [
            'ms' => trim((string) $secGrpRow->descr),
            'en' => trim((string) ($secGrpRow->descr_en ?: $secGrpRow->descr)),
        ];
    }

    /* ------------------------------------------ peta unit → sektor/kat/agensi --- */
    // Semua pemetaan dari DB (TIADA array hardcoded lagi):
    //   sektor   → ref NRES_DEPARTMENT.parent (kod NRES_SECTOR, cth SSA)
    //   kategori → ref NRES_UNIT_PUB          (code = kod unit → descr = BP/TUG/…)
    //   agensi   → ref NRES_UNIT_AGENCY       (parent = kod unit → code = kod agensi)
    $secPubCats = DB::table('ref')->where('cat', 'NRES_UNIT_PUB')->whereNull('deleted_at')
        ->pluck('descr', 'code')
        ->mapWithKeys(fn ($secCat, $secUnitK) => [strtoupper(trim((string) $secUnitK)) => strtoupper(trim((string) $secCat))])
        ->all();

    $secUnitAgns = [];

    foreach (DB::table('ref')->where('cat', 'NRES_UNIT_AGENCY')->whereNull('deleted_at')
        ->orderBy('sort')->orderBy('id')->get(['parent', 'code']) as $secAgnMapRow) {
        $secAgnUnitK = strtoupper(trim((string) $secAgnMapRow->parent));
        $secAgnCodeK = strtoupper(trim((string) $secAgnMapRow->code));

        if ($secAgnUnitK !== '' && $secAgnCodeK !== '') {
            $secUnitAgns[$secAgnUnitK][] = $secAgnCodeK;
        }
    }

    /* ----------------------- bersihkan nama: buang sisa "(Agensi: …)" --- */
    // ref.descr / descr_en dipakai juga oleh borang lain (ContentFormExport),
    // jadi di sini kita papar nama bersih SAHAJA. Hanya kurungan yang SEMUA
    // tokennya kod agensi sah dibuang — cth "(CDO)" dikekalkan.
    $secAgnCodes = DB::table('content_applications')
        ->where('application_cat', 'AGENCY_LINKS')
        ->pluck('application_code')
        ->map(fn ($c) => strtoupper(trim((string) $c)))
        ->filter()
        ->values()
        ->all();

    $secClean = function ($name) use ($secAgnCodes) {
        $name = trim((string) $name);

        if (! preg_match('/^(.*?)\s*\(([^()]*)\)\s*$/u', $name, $secMatch)) {
            return $name;
        }

        $secInner = preg_replace('/^\s*(agensi|agency)\s*:\s*/iu', '', $secMatch[2]);
        $secParts = array_values(array_filter(array_map(fn ($p) => strtoupper(trim($p)), explode(',', (string) $secInner))));

        return ($secParts && ! array_diff($secParts, $secAgnCodes)) ? trim($secMatch[1]) : $name;
    };

    /* ------------------------------------------- senarai unit (ref NRES_*) --- */
    // Unit = baris ref NRES_DEPARTMENT yang mempunyai `parent` = kod NRES_SECTOR.
    $secUnits = [];

    foreach (DB::table('ref')->where('cat', 'NRES_DEPARTMENT')->whereNull('deleted_at')
        ->orderBy('sort')->orderBy('id')->get() as $secRef) {
        $secCode = strtoupper(trim((string) $secRef->code));
        $secGrpCode = strtoupper(trim((string) $secRef->parent));

        // Cth EXHIBITION (parent NULL) dikecualikan — bukan bahagian/unit sektor.
        if ($secCode === '' || ! isset($secGroups[$secGrpCode])) {
            continue;
        }

        $secUnits[] = [
            'code' => $secCode,
            'name' => $secClean($secRef->descr),
            'name_en' => $secClean($secRef->descr_en) ?: $secClean($secRef->descr),
            'grp' => $secGrpCode,
            'kat' => $secPubCats[$secCode] ?? '',
            'agn' => $secUnitAgns[$secCode] ?? [],
        ];
    }

    $secLabel = fn (array $u) => $secIsEn ? $u['name_en'] : $u['name'];

    $secGroupUnits = [];

    foreach ($secUnits as $secU) {
        $secGroupUnits[$secU['grp']][] = $secU;
    }

    /* ------------------------------------------------------- unit terpilih --- */
    $secUnitCode = strtoupper(trim((string) request()->query('unit', '')));
    $secUnit = null;

    foreach ($secUnits as $secU) {
        if ($secU['code'] === $secUnitCode) {
            $secUnit = $secU;
            break;
        }
    }

    if ($secUnit === null) {
        $secUnitCode = '';
    }

    $secGroupKey = strtoupper(trim((string) request()->query('sektor', '')));
    $secGroupKey = isset($secGroups[$secGroupKey]) ? $secGroupKey : '';

    /* ---------------- 5 seksyen bertindan (TIADA tab — gaya halaman MCEE) --- */
    // Setiap seksyen dipaparkan berturutan (scroll panjang). id 'sec-pane-<id>'
    // dan 'sec-tab-<id>' dikekalkan supaya pautan dalam (#sec-pane-program) dan
    // jangkar tajuk masih berfungsi.
    // Tajuk seksyen — boleh diubah dari ref NRES_SECTOR_UI (SEC_*).
    $secSectionTitles = [
        'pengenalan' => $secUiText('SEC_PENGENALAN', 'Pengenalan', 'Introduction'),
        'dasar' => $secUiText('SEC_DASAR', 'Dasar & Perundangan', 'Policy & Legislation'),
        'program' => $secUiText('SEC_PROGRAM', 'Program', 'Programme'),
        'halatuju' => $secUiText('SEC_HALATUJU', 'Halatuju & Sasaran', 'Direction & Targets'),
        'agensi' => $secUiText('SEC_AGENSI', 'Jabatan & Agensi', 'Departments & Agencies'),
    ];

    /* -------------------------------- TEKS SEKTOR DARI DB (content_article) --- */
    // Teks boleh disunting staf melalui Admin → Artikel (kategori SEKTOR).
    //
    // MODEL SEMASA — SATU rekod bagi setiap bahagian/unit:
    //   article_code = <KOD UNIT> (cth BIO_FORESTRY) · article_subcategory = kod
    //   unit · article_image = gambar banner · SELURUH teks dalam SATU dokumen
    //   Summernote (article_translation_content) ikut konvensyen tajuk:
    //
    //     perenggan sebelum tajuk pertama         → Pengenalan (HTML)
    //     <h3>Objektif</h3> + <ul><li>…           → senarai objektif
    //     <h3>Fungsi Utama</h3> + <ul><li>…       → senarai fungsi utama
    //     <h3>Program</h3> + <h4>Nama</h4> + <p>… → kad program (h4 = nama kad;
    //                                               <a href> dalam h4 = pautan)
    //     <h3>Halatuju & Sasaran</h3> + <ul>…     → senarai halatuju & sasaran
    //
    //   Tajuk BM & EN dikenali (Objektif/Objectives · Fungsi Utama/Main Functions ·
    //   Program/Programme · Halatuju & Sasaran/Direction & Targets). Dokumen tanpa
    //   tajuk dikenali →
    //   semuanya dianggap Pengenalan (degradasi selamat).
    //
    // MODEL LAMA (keserasian) — baris blok berasingan <KOD>-INTRO · -POINT-n ·
    //   -PROG-n · -TARGET-n masih dibaca jika rekod gabungan tiada.
    //
    // Jika tiada baris dalam DB → pane papar nota "sedang dikemaskini"
    // (lihat $secNoData di bawah).
    $secIntroDb = '';
    $secIntroListDb = [];
    $secIntroObjDb = [];
    $secProgListDb = [];
    $secTargetListDb = [];
    $secBanner = '';
    // Kandungan MENTAH setiap seksyen — dirender terus ke pane (gaya dari CSS .sec__rich)
    $secIntroPaneDb = '';
    $secProgPaneDb = '';
    $secTargetPaneDb = '';

    if ($secUnit !== null) {
        $secPrefix = $secUnit['code'].'-';
        $secUnitCode = strtoupper(trim((string) $secUnit['code']));
        $secPlain = fn ($html) => trim((string) preg_replace('/\s+/u', ' ', strip_tags((string) $html)));
        $secPlainDec = fn ($html) => html_entity_decode($secPlain($html), ENT_QUOTES, 'UTF-8');

        $secRows = DB::table('content_article')
            ->where('article_category', 'SEKTOR')
            ->where(function ($secQ) use ($secUnit, $secPrefix) {
                // Model A (semasa) : SATU rekod gabungan bagi setiap bahagian/unit →
                //                    article_code = <KOD UNIT> (cth BIO_FORESTRY) ·
                //                    article_subcategory biasanya kosong
                // Model B (lama)   : article_subcategory = <KOD UNIT>
                // Model C          : article_code = <KOD UNIT>-<SEKSYEN> (3 rekod)
                $secQ->where('article_code', $secUnit['code'])
                    ->orWhere('article_subcategory', $secUnit['code'])
                    ->orWhere('article_code', 'like', $secPrefix.'%');
            })
            ->orderBy('article_sorting')
            ->orderBy('article_id')
            ->get();

        $secIds = $secRows->pluck('article_id')->all();

        $secTrs = $secIds
            ? DB::table('content_article_translation')
                ->whereIn('article_translation_parent_id', $secIds)
                ->get()
                ->groupBy('article_translation_parent_id')
            : collect();

        $secDocRow = $secRows->first(fn ($secRow) => strtoupper(trim((string) $secRow->article_code)) === $secUnitCode);

        // ---- MODEL BAHARU: 3 rekod seksyen berasingan bagi setiap bahagian/unit ---
        //   article_category    = SEKTOR
        //   article_subcategory = PENGENALAN · PROGRAM · HALATUJU
        //   article_code        = <KOD UNIT>-<SEKSYEN>  (cth BIO_FORESTRY-PROGRAM)
        //
        // Rekod-rekod ini dijahit jadi SATU dokumen (tajuk <h3> dijana automatik
        // untuk PROGRAM & HALATUJU) supaya parser di bawah — yang sama seperti model
        // gabungan — terus berfungsi. Tiada logik render bertindih.
        // Objektif & Fungsi Utama kekal di dalam rekod PENGENALAN.
        if ($secDocRow === null) {
            $secSecKeys = ['PENGENALAN' => null, 'PROGRAM' => 'Program', 'HALATUJU' => 'Halatuju &amp; Sasaran'];
            $secSecStrip = [
                'PENGENALAN' => 'pengenalan|introduction',
                'PROGRAM' => 'program',
                'HALATUJU' => 'halatuju|sasaran|direction|target',
            ];
            $secSecRows = [];

            foreach ($secRows as $secArt) {
                $secArtCode = strtoupper(trim((string) $secArt->article_code));

                if (! str_starts_with($secArtCode, $secPrefix)) {
                    continue;
                }

                $secArtKey = substr($secArtCode, strlen($secPrefix));

                if (array_key_exists($secArtKey, $secSecKeys)) {
                    $secSecRows[$secArtKey] = $secArt;
                }
            }

            if ($secSecRows) {
                $secDocParts = [];
                $secSecPanes = [];
                $secBannerRaw = '';

                foreach ($secSecKeys as $secSecKey => $secSecHeading) {
                    if (! isset($secSecRows[$secSecKey])) {
                        continue;
                    }

                    $secSecTrSet = $secTrs[$secSecRows[$secSecKey]->article_id] ?? collect();
                    $secSecTr = $secSecTrSet->firstWhere('article_translation_language', $secLang) ?? $secSecTrSet->first();
                    $secSecRaw = trim((string) ($secSecTr->article_translation_content ?? ''));

                    if ($secBannerRaw === '') {
                        $secBannerRaw = trim((string) $secSecRows[$secSecKey]->article_image);
                    }

                    if ($secSecRaw === '') {
                        continue;
                    }

                    // Buang tajuk seksyen sendiri di awal kandungan (staf kadang
                    // salin <h3>Program</h3> dsb) supaya tiada tajuk bertindih.
                    // Hanya aras <= 3 — nama program (Heading 4) tidak disentuh.
                    $secSecRaw = preg_replace_callback(
                        '/^\s*<h([1-6])\b[^>]*>(.*?)<\/h\1>\s*/is',
                        function ($secSecHead) use ($secSecStrip, $secSecKey, $secPlain) {
                            return (int) $secSecHead[1] <= 3 && preg_match('/('.$secSecStrip[$secSecKey].')/iu', $secPlain($secSecHead[2]))
                                ? ''
                                : $secSecHead[0];
                        },
                        $secSecRaw,
                        1
                    );
                    $secSecRaw = trim((string) $secSecRaw);

                    if ($secSecRaw === '') {
                        continue;
                    }

                    $secSecPanes[$secSecKey] = $secSecRaw;
                    $secDocParts[] = ($secSecHeading !== null ? '<h3>'.$secSecHeading.'</h3>'."\n" : '').$secSecRaw;
                }

                if ($secDocParts) {
                    $secIntroPaneDb = $secSecPanes['PENGENALAN'] ?? '';
                    $secProgPaneDb = $secSecPanes['PROGRAM'] ?? '';
                    $secTargetPaneDb = $secSecPanes['HALATUJU'] ?? '';
                    $secSyntheticId = -1;
                    $secTrs[$secSyntheticId] = collect([(object) [
                        'article_translation_language' => $secLang,
                        'article_translation_content' => implode("\n\n", $secDocParts),
                    ]]);
                    $secDocRow = (object) [
                        'article_id' => $secSyntheticId,
                        'article_code' => $secUnitCode,
                        'article_image' => $secBannerRaw,
                    ];
                }
            }
        }

        if ($secDocRow !== null) {
            $secSet = $secTrs[$secDocRow->article_id] ?? collect();
            $secTr = $secSet->firstWhere('article_translation_language', $secLang) ?? $secSet->first();
            $secImg = trim((string) $secDocRow->article_image);

            if ($secImg !== '') {
                $secBanner = image_url($secImg);
            }

            $secDoc = (string) ($secTr->article_translation_content ?? '');
            $secHeads = [];

            if (preg_match_all('/<h([1-6])\b[^>]*>(.*?)<\/h\1>/is', $secDoc, $secHeadHit, PREG_OFFSET_CAPTURE)) {
                foreach ($secHeadHit[0] as $secHi => $secHit) {
                    $secHeadText = mb_strtolower($secPlain($secHeadHit[2][$secHi][0]));
                    $secKind = null;

                    if (str_contains($secHeadText, 'objektif') || str_contains($secHeadText, 'objective')) {
                        $secKind = 'objs';
                    } elseif (str_contains($secHeadText, 'fungsi') || str_contains($secHeadText, 'function')) {
                        $secKind = 'points';
                    } elseif (str_contains($secHeadText, 'program')) {
                        $secKind = 'progs';
                    } elseif (str_contains($secHeadText, 'halatuju') || str_contains($secHeadText, 'sasaran') || str_contains($secHeadText, 'direction') || str_contains($secHeadText, 'target')) {
                        $secKind = 'targets';
                    }

                    $secHeads[] = [
                        'kind' => $secKind,
                        'level' => (int) $secHeadHit[1][$secHi][0],
                        'start' => $secHit[1],
                        'end' => $secHit[1] + strlen($secHit[0]),
                    ];
                }
            }

            // Aras tajuk seksyen = aras terkecil antara tajuk yang diiktiraf. Tajuk
            // yang lebih dalam (cth nama program <h4> di bawah <h3>Program</h3>)
            // BUKAN sempadan seksyen — jadi "Program Manusia dan Biosfera (MAB)"
            // tidak memotong seksyen Program.
            $secLevel = null;

            foreach ($secHeads as $secHead) {
                if ($secHead['kind'] !== null) {
                    $secLevel = $secLevel === null ? $secHead['level'] : min($secLevel, $secHead['level']);
                }
            }

            $secLevel = $secLevel ?? 3;

            // ---- kandungan MENTAH ikut pane (dirender terus — tiada transformasi) ----
            // Pengenalan pane = segala-galanya sebelum tajuk Program/Halatuju
            // (termasuk <h3>Objektif</h3> & <h3>Fungsi Utama</h3> yang ditaip staf).
            $secPaneBoundary = ['progs' => null, 'targets' => null];

            foreach ($secHeads as $secHead) {
                if ($secHead['kind'] !== null && $secHead['level'] <= $secLevel
                    && array_key_exists($secHead['kind'], $secPaneBoundary)
                    && $secPaneBoundary[$secHead['kind']] === null) {
                    $secPaneBoundary[$secHead['kind']] = $secHead;
                }
            }

            $secPaneProg = $secPaneBoundary['progs'];
            $secPaneTgt = $secPaneBoundary['targets'];
            $secPaneStarts = array_values(array_filter(
                [$secPaneProg['start'] ?? null, $secPaneTgt['start'] ?? null],
                fn ($secPaneV) => $secPaneV !== null
            ));

            $secIntroPaneDb = trim(substr($secDoc, 0, $secPaneStarts ? min($secPaneStarts) : strlen($secDoc)));

            if ($secPaneProg !== null && ($secPaneTgt === null || $secPaneProg['start'] < $secPaneTgt['start'])) {
                $secProgStop = $secPaneTgt !== null ? $secPaneTgt['start'] : strlen($secDoc);

                if ($secProgStop > $secPaneProg['end']) {
                    $secProgPaneDb = trim(substr($secDoc, $secPaneProg['end'], $secProgStop - $secPaneProg['end']));
                }
            }

            if ($secPaneTgt !== null) {
                $secTargetPaneDb = trim(substr($secDoc, $secPaneTgt['end']));
            }
            $secSections = [];
            $secStart = strlen($secDoc);

            foreach ($secHeads as $secHi => $secHead) {
                if ($secHead['kind'] === null || $secHead['level'] > $secLevel) {
                    continue;
                }

                $secStart = min($secStart, $secHead['start']);
                $secStop = strlen($secDoc);

                foreach (array_slice($secHeads, $secHi + 1) as $secAfter) {
                    if ($secAfter['kind'] !== null && $secAfter['level'] <= $secLevel) {
                        $secStop = $secAfter['start'];
                        break;
                    }
                }

                $secSections[$secHead['kind']] = substr($secDoc, $secHead['end'], $secStop - $secHead['end']);
            }

            // Pengenalan = kandungan sebelum tajuk seksyen pertama.
            $secIntroRaw = trim(substr($secDoc, 0, $secStart));

            if ($secIntroRaw !== '') {
                $secIntroDb = $secIntroRaw;
            }

            // objektif · fungsi utama & halatuju: senarai <li> (fallback perenggan <p>)
            foreach (['objs' => 'obj', 'points' => 'intro', 'targets' => 'target'] as $secKind => $secTarget) {
                if (! isset($secSections[$secKind])) {
                    continue;
                }

                $secItems = [];

                if (preg_match_all('/<li\b[^>]*>(.*?)<\/li>/is', $secSections[$secKind], $secLiHit)) {
                    $secItems = $secLiHit[1];
                } elseif (preg_match_all('/<p\b[^>]*>(.*?)<\/p>/is', $secSections[$secKind], $secPHit)) {
                    $secItems = $secPHit[1];
                }

                foreach ($secItems as $secItem) {
                    $secText = $secPlainDec($secItem);

                    if ($secText === '') {
                        continue;
                    }

                    if ($secTarget === 'intro') {
                        $secIntroListDb[] = $secText;
                    } elseif ($secTarget === 'obj') {
                        $secIntroObjDb[] = $secText;
                    } else {
                        $secTargetListDb[] = $secText;
                    }
                }
            }

            // program: kad dari tajuk <h4..h6> (+ <a href> = pautan "Maklumat lanjut")
            if (isset($secSections['progs'])) {
                $secProgHtml = $secSections['progs'];
                $secSubs = [];

                if (preg_match_all('/<h([1-6])\b[^>]*>(.*?)<\/h\1>/is', $secProgHtml, $secSubHit, PREG_OFFSET_CAPTURE)) {
                    foreach ($secSubHit[0] as $secSi => $secSub) {
                        if ((int) $secSubHit[1][$secSi][0] <= $secLevel) {
                            continue;
                        }

                        $secSubs[] = [
                            'start' => $secSub[1],
                            'end' => $secSub[1] + strlen($secSub[0]),
                            'inner' => $secSubHit[2][$secSi][0],
                        ];
                    }
                }

                // Fallback: jika staf guna senarai <li> (tiada tajuk kecil), setiap
                // item jadi kad tanpa huraian.
                if (! $secSubs && preg_match_all('/<li\b[^>]*>(.*?)<\/li>/is', $secProgHtml, $secLiProgHit)) {
                    foreach ($secLiProgHit[1] as $secProgItem) {
                        $secName = $secPlainDec($secProgItem);

                        if ($secName === '') {
                            continue;
                        }

                        $secProgListDb[] = [
                            'name' => $secName,
                            'body' => '',
                            'url' => preg_match('/<a\b[^>]*href\s*=\s*"([^"]+)"/i', $secProgItem, $secProgHref) ? trim($secProgHref[1]) : '',
                        ];
                    }
                }

                foreach ($secSubs as $secSi => $secSub) {
                    $secName = $secPlainDec($secSub['inner']);

                    if ($secName === '') {
                        continue;
                    }

                    $secHref = '';

                    if (preg_match('/<a\b[^>]*href\s*=\s*"([^"]+)"/i', $secSub['inner'], $secHrefHit)
                        || preg_match("/<a\b[^>]*href\s*=\s*'([^']+)'/i", $secSub['inner'], $secHrefHit)) {
                        $secHref = trim($secHrefHit[1]);
                    }

                    $secNext = $secSubs[$secSi + 1]['start'] ?? strlen($secProgHtml);

                    $secProgListDb[] = [
                        'name' => $secName,
                        'body' => $secPlainDec(substr($secProgHtml, $secSub['end'], $secNext - $secSub['end'])),
                        'url' => $secHref,
                    ];
                }
            }
        }

        /* -------- (b) model lama: baris blok <KOD>-INTRO/-POINT/-PROG/-TARGET -------- */
        if ($secDocRow === null) {

        foreach ($secRows as $secArt) {
            $secArtCode = strtoupper(trim((string) $secArt->article_code));

            if (! str_starts_with($secArtCode, $secPrefix)) {
                continue;
            }

            $secKey = substr($secArtCode, strlen($secPrefix));
            $secLegacyTr = $secTrs[$secArt->article_id] ?? collect();
            $secTr = $secLegacyTr->firstWhere('article_translation_language', $secLang) ?? $secLegacyTr->first();

            $secRaw = trim((string) ($secTr->article_translation_content ?? ''));
            $secTitle = trim((string) ($secTr->article_translation_title ?? ''));
            $secImg = trim((string) $secArt->article_image);

            if ($secKey === 'INTRO') {
                if ($secRaw !== '') {
                    $secIntroDb = $secRaw;   // HTML (Summernote) → dirender {!! !!}
                }

                if ($secImg !== '') {
                    $secBanner = image_url($secImg);
                }
            } elseif (preg_match('/^POINT-(\d+)$/', $secKey, $secKeyMatch)) {
                $secIntroListDb[(int) $secKeyMatch[1]] = $secPlain($secRaw);
            } elseif (preg_match('/^PROG-(\d+)$/', $secKey, $secKeyMatch)) {
                $secProgListDb[(int) $secKeyMatch[1]] = [
                    'name' => $secTitle !== '' ? $secTitle : $secArtCode,
                    'body' => $secPlain($secRaw),
                    'url' => trim((string) $secArt->article_url),
                ];
            } elseif (preg_match('/^TARGET-(\d+)$/', $secKey, $secKeyMatch)) {
                $secTargetListDb[(int) $secKeyMatch[1]] = $secPlain($secRaw);
            }
        }

            ksort($secIntroListDb);
            ksort($secProgListDb);
            ksort($secTargetListDb);

            $secIntroListDb = array_values(array_filter($secIntroListDb, fn ($secItem) => $secItem !== ''));
            $secProgListDb = array_values(array_filter($secProgListDb, fn ($secItem) => $secItem['body'] !== ''));
            $secTargetListDb = array_values(array_filter($secTargetListDb, fn ($secItem) => $secItem !== ''));
        }
    }

    /* -------------------------------------------------- URL fail dokumen --- */
    // Laluan relatif (cth /ms-my/pustakamedia/…/x.pdf) → URL penuh nres.gov.my
    $secFileUrl = function ($file) {
        $file = trim((string) $file);

        if ($file === '') {
            return '';
        }

        if (preg_match('#^https?://#i', $file)) {
            return $file;
        }

        // Fail sudah dimuat turun ke storan tempatan (cth content-download/files/x.pdf)
        if (str_starts_with($file, 'content-download/')) {
            return asset('storage/'.$file);
        }

        $parts = parse_url('https://www.nres.gov.my/'.ltrim($file, '/'));
        $segments = array_map('rawurlencode', explode('/', (string) $parts['path']));

        return $parts['scheme'].'://'.$parts['host'].implode('/', $segments);
    };

    $secWindowOk = function ($start, $end) use ($secToday) {
        $ok = true;

        if ($start !== null && $start !== '' && preg_match('/^\d{4}-\d{2}-\d{2}/', (string) $start)) {
            $ok = $ok && substr((string) $start, 0, 10) <= $secToday;
        }

        if ($end !== null && $end !== '' && preg_match('/^\d{4}-\d{2}-\d{2}/', (string) $end)) {
            $ok = $ok && substr((string) $end, 0, 10) >= $secToday;
        }

        return $ok;
    };

    /* ------------------------------- DASAR & PERUNDANGAN (content_downloads) --- */
    $secDocs = ['pol' => [], 'leg' => [], 'oth' => []];

    if ($secUnit !== null) {
        foreach (DB::table('content_downloads')
            ->where('download_department', $secUnit['kat'])
            ->where('download_status', 'ACTIVE')
            ->orderBy('download_sorting')
            ->orderBy('download_id')
            ->get() as $secDoc) {
            $secTitle = trim((string) $secDoc->download_title);

            if ($secTitle === '' || ! $secWindowOk($secDoc->download_start_date ?? null, $secDoc->download_end_date ?? null)) {
                continue;
            }

            $secKind = preg_match('/\b(akta|peraturan|undang-undang|sop)\b/iu', $secTitle) ? 'leg'
                : (preg_match('/\b(dasar|policy|npbd|dkbk|pelan strategik|guidance)\b/iu', $secTitle) ? 'pol' : 'oth');

            $secDocs[$secKind][] = [
                'title' => $secTitle,
                'url' => $secFileUrl($secDoc->download_file),
                'year' => preg_match('/^(\d{4})/', trim((string) $secDoc->download_date), $secYm) ? $secYm[1] : '',
            ];
        }
    }

    $secDocTotal = count($secDocs['pol']) + count($secDocs['leg']) + count($secDocs['oth']);

    /* -------------------------------- JABATAN & AGENSI (content_applications) --- */
    $secAgnItems = [];

    if ($secUnit !== null && $secUnit['agn']) {
        $secAgnRows = DB::table('content_applications')
            ->where('application_cat', 'AGENCY_LINKS')
            ->where('application_status', 'ACTIVE')
            ->whereIn('application_code', $secUnit['agn'])
            ->orderBy('application_sort')
            ->orderBy('application_id')
            ->get();

        $secAgnIds = $secAgnRows->pluck('application_id')->all();

        $secAgnTr = $secAgnIds
            ? DB::table('content_application_translations')
                ->whereIn('application_translation_parent_id', $secAgnIds)
                ->get()
                ->groupBy('application_translation_parent_id')
            : collect();

        foreach ($secAgnRows as $secAgnRow) {
            $secAgnT = $secAgnTr[$secAgnRow->application_id] ?? collect();

            $secAgnName = trim((string) ($secAgnT->firstWhere('application_translation_language', $secLang)?->application_translation_title ?? ''))
                ?: trim((string) ($secAgnT->first()?->application_translation_title ?? ''))
                ?: trim((string) $secAgnRow->application_code);

            $secAgnImg = trim((string) $secAgnRow->application_img);

            $secAgnItems[] = [
                'code' => trim((string) $secAgnRow->application_code),
                'name' => $secAgnName,
                'img' => $secAgnImg === ''
                    ? ''
                    : (preg_match('#^(https?:)?//#i', $secAgnImg) ? $secAgnImg : asset('storage/'.ltrim($secAgnImg, '/'))),
                'url' => trim((string) $secAgnRow->application_url),
            ];
        }
    }

    // Nota fallback — boleh diubah dari ref NRES_SECTOR_UI (NO_DATA).
    $secNoData = $secTx(
        'NO_DATA',
        'Maklumat bagi bahagian ini sedang dikemaskini. Sila rujuk penerbitan atau hubungi kami untuk maklumat lanjut.',
        'Information for this division is being updated. Please refer to the publications or contact us for details.'
    );
@endphp

<style>
.sec__container{padding:26px 16px 40px}
.sec__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 auto 14px;max-width:1080px;color:var(--bs-secondary-color);font-size:.8rem}
.sec__breadcrumb a{color:var(--teal);font-weight:600;text-decoration:none}
.sec__breadcrumb a:hover{text-decoration:underline}
.sec__header{margin:0 auto 22px;max-width:1080px;text-align:center}
.sec__header h1{margin:0 0 10px;color:var(--green);font-size:clamp(1.4rem,2.9vw,2rem);font-weight:800;line-height:1.25}
.sec__lead{margin:0 auto;max-width:780px;color:var(--bs-secondary-color);font-size:.9rem;line-height:1.8}
.sec__eyebrow{display:inline-block;margin-bottom:8px;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--teal) 14%,transparent);color:var(--teal);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
/* ---- BANNER bahagian/unit: gambar dari content_article.article_image (artikel <KOD>-INTRO) ---- */
.sec__hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:clamp(200px,26vw,320px);padding:18px 22px 20px;margin:0 auto 22px;max-width:1080px;border-radius:18px;overflow:hidden;background-color:var(--green);background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 16px 34px color-mix(in srgb,var(--green) 22%,transparent)}
.sec__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,28,22,.12) 0%,rgba(3,28,22,.55) 58%,rgba(3,28,22,.86) 100%)}
.sec__hero>*{position:relative;z-index:1}
.sec__hero-kicker{align-self:flex-start;padding:5px 13px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sec__hero h1{align-self:flex-start;margin:0;max-width:780px;color:#fff;font-size:clamp(1.25rem,2.7vw,1.85rem);font-weight:800;line-height:1.3;text-shadow:0 2px 12px rgba(0,0,0,.45)}
/* ---- teks kaya (HTML Summernote) dalam tab Pengenalan ---- */
.sec__rich p{margin:0 0 12px}
.sec__rich ul,.sec__rich ol{margin:0 0 12px;padding-left:20px}
.sec__rich li{margin-bottom:6px}
.sec__rich a{color:var(--teal);font-weight:600}
.sec__rich img{max-width:100%;height:auto;border-radius:10px}
.sec__rich>:first-child{margin-top:0}
.sec__rich>:last-child{margin-bottom:0}
/* ---- kandungan mentah Summernote (rekod artikel) — gaya meniru reka bentuk pane ---- */
.sec__rich h1,.sec__rich h2,.sec__rich h3{margin:18px 0 8px;color:var(--green);font-size:.86rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.sec__rich h4,.sec__rich h5,.sec__rich h6{margin:18px 0 0;padding:11px 14px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:color-mix(in srgb,var(--fade) 55%,transparent);color:var(--ink);font-size:.88rem;font-weight:800;letter-spacing:0;text-transform:none}
.sec__rich h4+p,.sec__rich h5+p,.sec__rich h6+p{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:0 0 12px 12px;color:var(--bs-secondary-color)}
.sec__rich h4 a,.sec__rich h5 a,.sec__rich h6 a{display:inline-block;margin-top:8px;padding:7px 14px;border:1px solid var(--teal);border-radius:10px;color:var(--teal);font-size:.78rem;font-weight:700;text-decoration:none}
.sec__rich ul{list-style:none;margin:0 0 12px;padding-left:22px}
.sec__rich ul>li{position:relative;margin-bottom:9px;padding-left:0;color:var(--bs-secondary-color);font-size:.85rem;line-height:1.75}
.sec__rich ul>li::before{content:"";position:absolute;left:-16px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--teal)}
.sec__rich ol{margin:0 0 12px;padding-left:24px}
.sec__rich ol>li{margin-bottom:9px;color:var(--bs-secondary-color);font-size:.85rem;line-height:1.75}
.sec__rich blockquote{margin:0 0 12px;padding-left:12px;border-left:4px solid var(--teal);color:var(--bs-secondary-color)}
.sec__rich hr{margin:16px 0;border:0;border-top:1px solid var(--line)}
.sec__rich table{width:100%;margin:0 0 12px;border-collapse:collapse;font-size:.82rem}
.sec__rich th,.sec__rich td{padding:8px 10px;border:1px solid var(--line);text-align:left;color:var(--bs-secondary-color)}
.sec__rich strong{color:var(--ink)}
.sec__group{max-width:1080px;margin:0 auto 26px}
.sec__group-title{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:var(--green);font-size:.95rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.sec__group-title::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--teal)}
.sec__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px}
.sec__card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bs-body-bg);color:var(--ink);text-decoration:none;transition:.18s}
.sec__card:hover{border-color:var(--teal);box-shadow:0 6px 18px color-mix(in srgb,var(--teal) 14%,transparent);transform:translateY(-2px)}
.sec__card-name{color:var(--ink);font-size:.86rem;font-weight:700;line-height:1.5}
.sec__card:hover .sec__card-name{color:var(--teal)}
.sec__card-meta{color:var(--bs-secondary-color);font-size:.72rem;font-weight:600}
/* ---- seksyen bertindan (tiada tab) ---- */
.sec__sections{max-width:1080px;margin:0 auto}
.sec__section{scroll-margin-top:92px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--bs-body-bg)}
.sec__section+.sec__section{margin-top:14px}
.sec__section-title{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid var(--line);color:var(--green);font-size:1rem;font-weight:800;line-height:1.4}
.sec__section-title::before{content:"";flex:0 0 4px;width:4px;height:18px;border-radius:2px;background:var(--teal)}
.sec__h2{margin:0 0 12px;color:var(--green);font-size:1rem;font-weight:800}
.sec__h3{margin:16px 0 8px;color:var(--ink);font-size:.86rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.sec__text{margin:0 0 12px;color:var(--bs-secondary-color);font-size:.87rem;line-height:1.85}
.sec__points{margin:0;padding:0;list-style:none}
.sec__points li{position:relative;margin-bottom:9px;padding-left:22px;color:var(--bs-secondary-color);font-size:.85rem;line-height:1.75}
.sec__points li::before{content:"";position:absolute;left:6px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--teal)}
.sec__docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:0 0 6px}
.sec__doc{display:flex;gap:11px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bs-body-bg);color:var(--ink);text-decoration:none;transition:.18s}
.sec__doc:hover{border-color:var(--teal);background:color-mix(in srgb,var(--fade) 45%,transparent)}
.sec__doc-ic{flex:0 0 30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--teal) 14%,transparent);color:var(--teal);display:inline-flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:800}
.sec__doc-name{color:var(--ink);font-size:.82rem;font-weight:600;line-height:1.55}
.sec__doc:hover .sec__doc-name{color:var(--teal)}
.sec__doc-meta{color:var(--bs-secondary-color);font-size:.7rem;font-weight:600}
.sec__progs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.sec__prog{padding:15px 17px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:14px;background:var(--bs-body-bg)}
.sec__prog-name{margin:0 0 7px;color:var(--ink);font-size:.86rem;font-weight:800;line-height:1.5}
.sec__agn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.sec__agn{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--bs-body-bg);color:var(--ink);text-decoration:none;transition:.18s}
.sec__agn:hover{border-color:var(--teal);transform:translateY(-2px)}
.sec__agn-logo{flex:0 0 52px;height:52px;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.sec__agn-logo img{max-width:100%;max-height:100%;object-fit:contain}
.sec__agn-name{color:var(--ink);font-size:.8rem;font-weight:700;line-height:1.5}
.sec__agn:hover .sec__agn-name{color:var(--teal)}
.sec__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.sec__btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid var(--teal);border-radius:999px;background:var(--teal);color:#fff;font-size:.78rem;font-weight:700;text-decoration:none;transition:.18s}
.sec__btn:hover{background:var(--green);border-color:var(--green);color:#fff}
.sec__btn--ghost{background:transparent;color:var(--teal)}
.sec__btn--ghost:hover{background:color-mix(in srgb,var(--teal) 12%,transparent);color:var(--teal)}
.sec__note{margin:0;padding:13px 15px;border:1px dashed var(--line);border-left:4px solid var(--teal);border-radius:12px;color:var(--bs-secondary-color);font-size:.83rem;line-height:1.8}
.sec__back{display:inline-flex;align-items:center;gap:6px;margin:0 auto 12px;color:var(--teal);font-size:.78rem;font-weight:700;text-decoration:none}
.sec__back:hover{text-decoration:underline}
.sec__center{text-align:center}
@media (max-width:600px){
  .sec__container{padding:18px 12px 30px}
  .sec__section{padding:16px 15px}
  .sec__section-title{font-size:.92rem}
}
</style>

<section class="sec">
    <div class="sec__container">

        {{-- ============================ BREADCRUMB ============================ --}}
        <nav class="sec__breadcrumb" aria-label="breadcrumb">
            <a href="{{ $secHome }}">{{ $secTx('CRUMB_HOME', 'Utama', 'Home') }}</a>
            <span>/</span>
            @if ($secUnit !== null)
                <a href="{{ $secBase }}">{{ $secTx('CRUMB_SECTOR', 'Sektor', 'Sector') }}</a>
                <span>/</span>
                <span>{{ $secLabel($secUnit) }}</span>
            @else
                <span>{{ $secTx('CRUMB_SECTOR', 'Sektor', 'Sector') }}</span>
            @endif
        </nav>

        @if ($secUnit === null)
            {{-- ============================== HUB ============================== --}}
            <header class="sec__header">
                <span class="sec__eyebrow">{{ $secTx('HUB_EYEBROW', 'Struktur Kementerian', 'Ministry Structure') }}</span>
                <h1>{{ $secTx('HUB_TITLE', 'Sektor', 'Sector') }}</h1>
                <p class="sec__lead">
                    {{ $secTx(
                        'HUB_LEAD',
                        'Sektor, bahagian dan unit di bawah Kementerian Sumber Asli dan Kelestarian Alam — setiap satu memuatkan pengenalan, dasar & perundangan, program, halatuju & sasaran serta jabatan dan agensi berkaitan.',
                        'Sectors, divisions and units of the Ministry of Natural Resources and Environmental Sustainability — each entry leads to its introduction, policies and legislation, programmes, direction and targets as well as its departments and agencies.'
                    ) }}
                </p>
            </header>

            @foreach ($secGroups as $secGrpCode => $secGrpLabels)
                @php $secGrpUnits = $secGroupUnits[$secGrpCode] ?? []; @endphp

                @if (! $secGrpUnits || ($secGroupKey !== '' && $secGroupKey !== $secGrpCode))
                    @continue
                @endif

                <div class="sec__group">
                    <h2 class="sec__group-title">{{ $secGrpLabels[$secLang] }}</h2>

                    <div class="sec__grid">
                        @foreach ($secGrpUnits as $secCard)
                            <a class="sec__card" href="{{ $secBase.'?unit='.$secCard['code'] }}">
                                <span class="sec__card-name">{{ $secLabel($secCard) }}</span>
                                <span class="sec__card-meta">{{ $secGrpLabels[$secLang] }}</span>
                            </a>
                        @endforeach
                    </div>
                </div>
            @endforeach

            <div class="sec__group sec__center">
                <div class="sec__actions" style="justify-content:center">
                    <a class="sec__btn sec__btn--ghost" href="{{ $secPub }}">{{ $secTx('BTN_PUBLICATIONS', 'Penerbitan', 'Publications') }}</a>
                    <a class="sec__btn sec__btn--ghost" href="{{ $secEserv }}">{{ $secTx('BTN_ESERVICES', 'e-Perkhidmatan', 'e-Services') }}</a>
                </div>
            </div>
        @else
            {{-- ======================== BAHAGIAN / UNIT ======================== --}}
            @php
                $secGrpLabels = $secGroups[$secUnit['grp']] ?? null;
                $secGrpLabel = $secGrpLabels[$secLang] ?? $secTx('GROUP_FALLBACK', 'Bahagian / Unit', 'Division / Unit');
                // Semua teks dari DB (content_article) sahaja — tiada array fallback hardcoded.
                $secIntroText = $secIntroDb;
                $secIntroIsHtml = $secIntroDb !== '';
                $secIntroList = $secIntroListDb;
                $secIntroObjList = $secIntroObjDb;
                $secProgList = $secProgListDb;
                $secTargetList = $secTargetListDb;
                $secPubKat = $secPub.'?kat='.$secUnit['kat'];
            @endphp

            {{-- ============ BANNER: gambar dari content_article.article_image ============ --}}
            {{-- (artikel <KOD>-INTRO · jika tiada gambar → header lalai di bawah) --}}
            @if ($secBanner !== '')
                <div class="sec__hero" style="background-image:url('{{ $secBanner }}')">
                    <span class="sec__hero-kicker">{{ $secGrpLabel }}</span>
                    <h1>{{ $secLabel($secUnit) }}</h1>
                </div>
            @else
                <header class="sec__header">
                    <span class="sec__eyebrow">{{ $secGrpLabel }}</span>
                    <h1>{{ $secLabel($secUnit) }}</h1>
                    @if ($secGrpLabels)
                        <p class="sec__lead">{{ $secGrpLabels[$secLang] }}</p>
                    @endif
                </header>
            @endif

            {{-- ========= 5 SEKSYEN BERTINDAN — TIADA TAB (gaya halaman MCEE) ========= --}}
            {{-- Semua seksyen dipaparkan berturutan; id sec-pane-* / sec-tab-* dikekalkan --}}
            {{-- supaya pautan jangkar lama (#sec-pane-program) masih melompat dengan betul. --}}
            <div class="sec__sections">

                {{-- ========================== PENGENALAN ========================== --}}
                <section class="sec__section" id="sec-pane-pengenalan" aria-labelledby="sec-tab-pengenalan">
                    <h2 class="sec__section-title" id="sec-tab-pengenalan">{{ $secSectionTitles['pengenalan'][$secLang] }}</h2>
                    @if ($secIntroPaneDb !== '')
                        {{-- Kandungan mentah Summernote (rekod PENGENALAN) — tajuk Objektif/Fungsi ikut apa yang ditaip --}}
                        <div class="sec__rich">{!! $secIntroPaneDb !!}</div>
                    @elseif ($secIntroText !== '')
                        @if ($secIntroIsHtml)
                            <div class="sec__text sec__rich">{!! $secIntroText !!}</div>
                        @else
                            <p class="sec__text">{{ $secIntroText }}</p>
                        @endif
                    @else
                        <p class="sec__note">{{ $secNoData }}</p>
                    @endif

                    @if ($secIntroPaneDb === '' && $secIntroObjList)
                        <h3 class="sec__h3">{{ $secIsEn ? 'Objectives' : 'Objektif' }}</h3>
                        <ul class="sec__points">
                            @foreach ($secIntroObjList as $secObj)
                                <li>{{ $secObj }}</li>
                            @endforeach
                        </ul>
                    @endif

                    @if ($secIntroPaneDb === '' && $secIntroList)
                        <h3 class="sec__h3">{{ $secIsEn ? 'Main functions' : 'Fungsi utama' }}</h3>
                        <ul class="sec__points">
                            @foreach ($secIntroList as $secPt)
                                <li>{{ $secPt }}</li>
                            @endforeach
                        </ul>
                    @endif
                </section>

                {{-- ====================== DASAR & PERUNDANGAN ====================== --}}
                <section class="sec__section" id="sec-pane-dasar" aria-labelledby="sec-tab-dasar">
                    <h2 class="sec__section-title" id="sec-tab-dasar">{{ $secSectionTitles['dasar'][$secLang] }}</h2>
                    @if ($secDocTotal > 0)
                        @foreach (['pol' => ($secIsEn ? 'Policy' : 'Dasar'), 'leg' => ($secIsEn ? 'Legislation' : 'Perundangan'), 'oth' => ($secIsEn ? 'Guidelines & Other Documents' : 'Garis Panduan & Dokumen Lain')] as $secKindKey => $secKindLabel)
                            @if (! empty($secDocs[$secKindKey]))
                                <h3 class="sec__h3">{{ $secKindLabel }} <span style="color:var(--bs-secondary-color)">({{ count($secDocs[$secKindKey]) }})</span></h3>
                                <div class="sec__docs">
                                    @foreach ($secDocs[$secKindKey] as $secDoc)
                                        <a class="sec__doc" href="{{ $secDoc['url'] !== '' ? $secDoc['url'] : $secPubKat }}"
                                           @if ($secDoc['url'] !== '') target="_blank" rel="noopener" @endif>
                                            <span class="sec__doc-ic">PDF</span>
                                            <span>
                                                <span class="sec__doc-name">{{ $secDoc['title'] }}</span>
                                                <span class="sec__doc-meta">{{ $secDoc['year'] !== '' ? $secDoc['year'] : ($secIsEn ? 'Document' : 'Dokumen') }}</span>
                                            </span>
                                        </a>
                                    @endforeach
                                </div>
                            @endif
                        @endforeach
                    @else
                        <p class="sec__note">{{ $secNoData }}</p>
                    @endif
                </section>

                {{-- ============================= PROGRAM ============================= --}}
                <section class="sec__section" id="sec-pane-program" aria-labelledby="sec-tab-program">
                    <h2 class="sec__section-title" id="sec-tab-program">{{ $secSectionTitles['program'][$secLang] }}</h2>
                    @if ($secProgPaneDb !== '')
                        {{-- Kandungan mentah Summernote (rekod PROGRAM) --}}
                        <div class="sec__rich">{!! $secProgPaneDb !!}</div>
                    @elseif ($secProgList)
                        <div class="sec__progs">
                            @foreach ($secProgList as $secProg)
                                <div class="sec__prog">
                                    <p class="sec__prog-name">{{ $secProg['name'] }}</p>
                                    <p class="sec__text" style="margin-bottom:0">{{ $secProg['body'] }}</p>
                                    @if (($secProg['url'] ?? '') !== '')
                                        <div class="sec__actions">
                                            <a class="sec__btn sec__btn--ghost" href="{{ $secProg['url'] }}" target="_blank" rel="noopener">{{ $secTx('BTN_MORE_INFO', 'Maklumat lanjut', 'More info') }}</a>
                                        </div>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    @else
                        <p class="sec__note">{{ $secNoData }}</p>
                    @endif
                </section>

                {{-- ======================== HALATUJU & SASARAN ======================== --}}
                <section class="sec__section" id="sec-pane-halatuju" aria-labelledby="sec-tab-halatuju">
                    <h2 class="sec__section-title" id="sec-tab-halatuju">{{ $secSectionTitles['halatuju'][$secLang] }}</h2>
                    @if ($secTargetPaneDb !== '')
                        {{-- Kandungan mentah Summernote (rekod HALATUJU) --}}
                        <div class="sec__rich">{!! $secTargetPaneDb !!}</div>
                    @elseif ($secTargetList)
                        <ul class="sec__points">
                            @foreach ($secTargetList as $secTarget)
                                <li>{{ $secTarget }}</li>
                            @endforeach
                        </ul>
                    @else
                        <p class="sec__note">{{ $secNoData }}</p>
                    @endif
                </section>

                {{-- ======================== JABATAN & AGENSI ======================== --}}
                <section class="sec__section" id="sec-pane-agensi" aria-labelledby="sec-tab-agensi">
                    <h2 class="sec__section-title" id="sec-tab-agensi">{{ $secSectionTitles['agensi'][$secLang] }}</h2>
                    @if ($secAgnItems)
                        <div class="sec__agn-grid">
                            @foreach ($secAgnItems as $secAgn)
                                <a class="sec__agn" href="{{ $secAgn['url'] !== '' ? $secAgn['url'] : $secEserv }}"
                                   @if ($secAgn['url'] !== '') target="_blank" rel="noopener" @endif>
                                    <span class="sec__agn-logo">
                                        @if ($secAgn['img'] !== '')
                                            <img src="{{ $secAgn['img'] }}" alt="{{ $secAgn['name'] }}" loading="lazy">
                                        @else
                                            <span style="color:var(--teal);font-size:.68rem;font-weight:800">{{ $secAgn['code'] }}</span>
                                        @endif
                                    </span>
                                    <span class="sec__agn-name">{{ $secAgn['name'] }}</span>
                                </a>
                            @endforeach
                        </div>
                    @else
                        <p class="sec__note">{{ $secTx('AGENCY_NOTE', 'Pautan agensi bagi bahagian ini sedang dikemaskini.', 'Agency links for this division are being updated.') }}</p>
                    @endif
                </section>

            </div>{{-- /sec__sections --}}

            <script>
            (function () {
              var hash = (window.location.hash || '').replace(/^#/, '');
              if (!hash) { return; }
              var el = document.getElementById(hash) || document.getElementById('sec-pane-' + hash);
              if (!el) { return; }
              el.scrollIntoView({ block: 'start', behavior: 'smooth' });
            })();
            </script>
        @endif
    </div>
</section>