{
    "page": {
        "id": 23,
        "name": "Parliament QA",
        "slug": "parliament-qa",
        "page_content": "{{-- ============================================================\r\n     PAGE: Parliament QA (Soal Jawab Parlimen) — kod penuh dalam Page Content\r\n     Sumber data : content_parliament_qa (+ translations, categories, documents)\r\n     Reka bentuk : ikut https://www.nres.gov.my/Parlimen/Pages/default.aspx\r\n     Nota        : logik + markup + CSS semuanya di sini — TIADA komponen.\r\n     Parameter   : tab=soaljawab|kamarkhas|mqt|ruu|carian|arkib\r\n                   dewan, parlimen, penggal, sesi → pilih sesi\r\n                   id → butiran soalan + jawapan\r\n                   q, jenis, category, year → Carian Parlimen / Arkib\r\n     ============================================================ --}}\r\n\r\n@php\r\n    /**\r\n     * Halaman frontend: Soal Jawab Parlimen (NRES) — kod penuh dalam Page Content\r\n     * Sumber data: content_parliament_qa (+ translations, categories, documents)\r\n     * Reka bentuk mengikut portal asal: /Parlimen/Pages/default.aspx\r\n     *\r\n     * Parameter URL:\r\n     *   tab        soaljawab | kamarkhas | mqt | ruu | carian | arkib\r\n     *   dewan      kod ref PARLIAMENT_DEWAN (DEWAN_RAKYAT | DEWAN_NEGARA)\r\n     *   parlimen   nombor Parlimen (cth. 15)\r\n     *   penggal    nombor Penggal (cth. 5)\r\n     *   sesi       nombor Mesyuarat (1 | 2 | 3)\r\n     *   id         id rekod → papar soalan + jawapan penuh\r\n     *   q, category, jenis, year   untuk Carian Parlimen & Arkib\r\n     */\r\n    $baseUrl = url()->current();\r\n\r\n    $ref = fn (string $cat) => \\App\\Models\\Backend\\Ref::where('cat', $cat)->orderBy('sort')->pluck('descr', 'code');\r\n\r\n    $questionTypes = $ref('PARLIAMENT_QUESTION_TYPE');\r\n    $dewanNames = $ref('PARLIAMENT_DEWAN');\r\n    $categoryNames = $ref('PARLIAMENT_CATEGORY');\r\n    $typeNames = $ref('PARLIAMENT_QA_TYPE');\r\n\r\n    // Susunan dewan ikut ref `PARLIAMENT_DEWAN` (Dewan Rakyat dahulu, bukan ikut abjad).\r\n    $dewanOrder = array_flip(array_keys($dewanNames->all()));\r\n\r\n    $typeTabs = [\r\n        'soaljawab' => 'SOAL_JAWAB',\r\n        'kamarkhas' => 'KAMAR_KHAS',\r\n        'mqt' => 'MQT',\r\n        'ruu' => 'RUU',\r\n    ];\r\n\r\n    $tabLabels = [\r\n        'soaljawab' => t('Parliament QA'),\r\n        'kamarkhas' => t('pq.tab_special'),\r\n        'mqt' => t('pq.tab_mqt'),\r\n        'ruu' => t('pq.tab_bill'),\r\n        'carian' => t('pq.tab_search'),\r\n        'arkib' => t('Arkib'),\r\n    ];\r\n\r\n    $tab = (string) request()->query('tab', 'soaljawab');\r\n\r\n    if (! array_key_exists($tab, $tabLabels)) {\r\n        $tab = 'soaljawab';\r\n    }\r\n\r\n    $detailId = (int) request()->query('id', 0);\r\n    $dewan = (string) request()->query('dewan', '');\r\n    $parlimen = request()->query('parlimen');\r\n    $penggal = request()->query('penggal');\r\n    $sesi = request()->query('sesi');\r\n    $keyword = trim((string) request()->query('q', ''));\r\n    $category = (string) request()->query('category', '');\r\n    $jenis = (string) request()->query('jenis', '');\r\n    $year = (string) request()->query('year', '');\r\n\r\n    $hasSession = $dewan !== '' && $parlimen !== null && $penggal !== null && $sesi !== null;\r\n    $type = $typeTabs[$tab] ?? 'SOAL_JAWAB';\r\n\r\n    $sessionParams = $hasSession ? [\r\n        'dewan' => $dewan,\r\n        'parlimen' => (int) $parlimen,\r\n        'penggal' => (int) $penggal,\r\n        'sesi' => (int) $sesi,\r\n    ] : [];\r\n\r\n    $urlWith = function (array $params = []) use ($baseUrl) {\r\n        $clean = array_filter($params, fn ($value) => $value !== null && $value !== '');\r\n\r\n        return $clean === [] ? $baseUrl : $baseUrl.'?'.http_build_query($clean);\r\n    };\r\n\r\n    $translate = fn ($item) => $item->translations->firstWhere('parliament_qa_translation_language', $lang)\r\n        ?? $item->translations->firstWhere('parliament_qa_translation_main', 1)\r\n        ?? $item->translations->first();\r\n\r\n    $questionText = function ($item) use ($translate) {\r\n        $translation = $translate($item);\r\n\r\n        return trim((string) ($translation->parliament_qa_translation_question ?? ''))\r\n            ?: (string) ($translation->parliament_qa_translation_title ?? '');\r\n    };\r\n\r\n    $sesiLabel = fn ($number) => match ($number !== null ? (int) $number : null) {\r\n        1 => 'Mesyuarat Pertama',\r\n        2 => 'Mesyuarat Kedua',\r\n        3 => 'Mesyuarat Ketiga',\r\n        default => $number !== null ? 'Mesyuarat '.$number : '',\r\n    };\r\n\r\n    $sessionLabel = fn ($row) => implode(' | ', array_filter([\r\n        $row->parliament_qa_parlimen !== null ? 'Parlimen '.$row->parliament_qa_parlimen : null,\r\n        $row->parliament_qa_penggal !== null ? 'Penggal '.$row->parliament_qa_penggal : null,\r\n        $sesiLabel($row->parliament_qa_sesi),\r\n    ]));\r\n\r\n    $itemCategoryNames = fn ($item) => $item->categories\r\n        ->pluck('parliament_qa_category_code')\r\n        ->filter()\r\n        ->map(fn ($code) => $categoryNames[$code] ?? $code)\r\n        ->implode(', ');\r\n\r\n    $records = fn () => \\App\\Models\\Backend\\ContentParliamentQa::with(['translations', 'categories', 'documents'])\r\n        ->where('parliament_qa_status', 'PUBLISHED');\r\n\r\n    $detail = $detailId > 0 ? $records()->find($detailId) : null;\r\n\r\n    $items = null;\r\n    $typeDocs = null;\r\n\r\n    if (! $detail && $hasSession && isset($typeTabs[$tab])) {\r\n        $items = $records()\r\n            ->where('parliament_qa_type', $type)\r\n            ->where('parliament_qa_dewan', $dewan)\r\n            ->where('parliament_qa_parlimen', (int) $parlimen)\r\n            ->where('parliament_qa_penggal', (int) $penggal)\r\n            ->where('parliament_qa_sesi', (int) $sesi)\r\n            ->orderBy('parliament_qa_sort')\r\n            ->orderBy('parliament_qa_no')\r\n            ->paginate(10)\r\n            ->withQueryString();\r\n    }\r\n\r\n    $results = null;\r\n\r\n    if (! $detail && $tab === 'carian' && ($keyword !== '' || $category !== '' || $jenis !== '' || $year !== '')) {\r\n        $results = $records()\r\n            ->when($keyword !== '', fn ($q) => $q->where(function ($sub) use ($keyword) {\r\n                $sub->where('parliament_qa_no', 'like', \"%{$keyword}%\")\r\n                    ->orWhere('parliament_qa_member', 'like', \"%{$keyword}%\")\r\n                    ->orWhere('parliament_qa_area', 'like', \"%{$keyword}%\")\r\n                    ->orWhereHas('translations', fn ($t) => $t\r\n                        ->where('parliament_qa_translation_title', 'like', \"%{$keyword}%\")\r\n                        ->orWhere('parliament_qa_translation_question', 'like', \"%{$keyword}%\")\r\n                        ->orWhere('parliament_qa_translation_answer', 'like', \"%{$keyword}%\"));\r\n            }))\r\n            ->when($jenis !== '', fn ($q) => $q->where('parliament_qa_question_type', $jenis))\r\n            ->when($category !== '', fn ($q) => $q->whereHas(\r\n                'categories',\r\n                fn ($c) => $c->where('parliament_qa_category_code', $category)\r\n            ))\r\n            ->when($year !== '', fn ($q) => $q->where('parliament_qa_year', (int) $year))\r\n            ->orderByDesc('parliament_qa_year')\r\n            ->orderBy('parliament_qa_sort')\r\n            ->paginate(10)\r\n            ->withQueryString();\r\n    }\r\n\r\n    $sessionGroups = collect();\r\n    $currentSession = null;\r\n\r\n    $sessionQuery = fn () => \\App\\Models\\Backend\\ContentParliamentQa::query()\r\n        ->where('parliament_qa_status', 'PUBLISHED')\r\n        ->selectRaw('parliament_qa_type, parliament_qa_dewan, parliament_qa_parlimen, parliament_qa_penggal, parliament_qa_sesi, parliament_qa_year, count(*) as total')\r\n        ->groupBy('parliament_qa_type', 'parliament_qa_dewan', 'parliament_qa_parlimen', 'parliament_qa_penggal', 'parliament_qa_sesi', 'parliament_qa_year');\r\n\r\n    if (! $detail && $tab === 'arkib') {\r\n        // Hanya rekod berasaskan SESI (ada Dewan/Parlimen/Penggal/Sesi) — rekod\r\n        // dokumen (Kamar Khas/MQT/RUU) tiada sesi, jadi dikecualikan.\r\n        $sessionGroups = $sessionQuery()\r\n            ->whereNotNull('parliament_qa_dewan')\r\n            ->whereNotNull('parliament_qa_parlimen')\r\n            ->whereNotNull('parliament_qa_penggal')\r\n            ->whereNotNull('parliament_qa_sesi')\r\n            ->when($year !== '', fn ($q) => $q->where('parliament_qa_year', (int) $year))\r\n            ->orderByDesc('parliament_qa_year')\r\n            ->orderByDesc('parliament_qa_parlimen')\r\n            ->orderByDesc('parliament_qa_penggal')\r\n            ->orderBy('parliament_qa_sesi')\r\n            ->get()\r\n            ->groupBy('parliament_qa_dewan')\r\n            ->sortBy(fn ($rows, $code) => $dewanOrder[$code] ?? 99);\r\n    } elseif (! $detail && ! $hasSession && isset($typeTabs[$tab])) {\r\n        // Portal NRES (default.aspx) senaraikan sesi SEMASA sahaja — parlimen/penggal\r\n        // terbaharu — termasuk Mesyuarat Pertama/Kedua/Ketiga yang belum ada soalan.\r\n        $currentSession = $sessionQuery()\r\n            ->where('parliament_qa_type', $type)\r\n            ->whereNotNull('parliament_qa_parlimen')\r\n            ->whereNotNull('parliament_qa_penggal')\r\n            ->orderByDesc('parliament_qa_parlimen')\r\n            ->orderByDesc('parliament_qa_penggal')\r\n            ->first();\r\n\r\n        $rows = $sessionQuery()\r\n            ->where('parliament_qa_type', $type)\r\n            ->when($currentSession, fn ($q) => $q\r\n                ->where('parliament_qa_parlimen', $currentSession->parliament_qa_parlimen)\r\n                ->where('parliament_qa_penggal', $currentSession->parliament_qa_penggal))\r\n            ->get();\r\n\r\n        $lookup = [];\r\n\r\n        foreach ($rows as $row) {\r\n            $lookup[$row->parliament_qa_dewan.'|'.(int) $row->parliament_qa_sesi] = $row;\r\n        }\r\n\r\n        $sesiNumbers = array_values(array_unique(array_merge(\r\n            [1, 2, 3],\r\n            $rows->pluck('parliament_qa_sesi')->filter()->map(fn ($n) => (int) $n)->all()\r\n        )));\r\n        sort($sesiNumbers);\r\n\r\n        $sessionGroups = collect();\r\n\r\n        // Tab tanpa sebarang data (cth. MQT/RUU) → biar keadaan \"tiada sesi\",\r\n        // bukan 6 baris kosong.\r\n        if ($currentSession) {\r\n            foreach (array_keys($dewanOrder) as $dewanCode) {\r\n                $group = collect();\r\n\r\n                foreach ($sesiNumbers as $sesiNo) {\r\n                    $row = $lookup[$dewanCode.'|'.$sesiNo] ?? null;\r\n\r\n                    $group->push((object) [\r\n                        'parliament_qa_type' => $type,\r\n                        'parliament_qa_dewan' => $dewanCode,\r\n                        'parliament_qa_parlimen' => $currentSession->parliament_qa_parlimen ?? null,\r\n                        'parliament_qa_penggal' => $currentSession->parliament_qa_penggal ?? null,\r\n                        'parliament_qa_sesi' => $sesiNo,\r\n                        'parliament_qa_year' => $row->parliament_qa_year ?? ($currentSession->parliament_qa_year ?? null),\r\n                        'total' => (int) ($row->total ?? 0),\r\n                    ]);\r\n                }\r\n\r\n                $sessionGroups->put($dewanCode, $group);\r\n            }\r\n        }\r\n\r\n        // Jenis berasaskan dokumen (Kamar Khas / MQT / RUU) tiada Dewan/Sesi —\r\n        // paparkan senarai PDF sebaliknya.\r\n        if (! $currentSession) {\r\n            $typeDocs = $records()\r\n                ->where('parliament_qa_type', $type)\r\n                ->orderByDesc('parliament_qa_date')\r\n                ->orderByDesc('parliament_qa_year')\r\n                ->orderBy('parliament_qa_sort')\r\n                ->paginate(15)\r\n                ->withQueryString();\r\n        }\r\n    }\r\n\r\n    $years = \\App\\Models\\Backend\\ContentParliamentQa::where('parliament_qa_status', 'PUBLISHED')\r\n        ->whereNotNull('parliament_qa_year')\r\n        ->distinct()\r\n        ->orderByDesc('parliament_qa_year')\r\n        ->pluck('parliament_qa_year');\r\n\r\n    $latestYear = $years->first();\r\n@endphp\r\n\r\n<section class=\"parliament\" aria-labelledby=\"parliament-title\">\r\n    <div class=\"parliament__container\">\r\n        <nav class=\"parliament__breadcrumb\" aria-label=\"Breadcrumb\">\r\n            <a href=\"/{{ $siteSlug }}/home\">{{ t('Utama') }}</a>\r\n            <span aria-hidden=\"true\">/</span>\r\n            <span>{{ $tabLabels[$tab] }}</span>\r\n        </nav>\r\n\r\n        <header class=\"parliament__header\">\r\n            <span class=\"parliament__eyebrow\">{{ t('pq.title_prefix') }} {{ $latestYear ?: date('Y') }}</span>\r\n            <h1 id=\"parliament-title\">{{ $tabLabels[$tab] }}</h1>\r\n            <p>{{ t('pq.hero_desc') }}</p>\r\n        </header>\r\n\r\n        <nav class=\"parliament__tabs\" aria-label=\"Seksyen Parlimen\">\r\n            @foreach($tabLabels as $key => $label)\r\n                <a class=\"parliament__tab {{ $tab === $key ? 'is-active' : '' }}\"\r\n                    href=\"{{ $urlWith(['tab' => $key]) }}\"\r\n                    @if($tab === $key) aria-current=\"page\" @endif>{{ $label }}</a>\r\n            @endforeach\r\n        </nav>\r\n\r\n        @if($detail)\r\n            @php\r\n                $translation = $translate($detail);\r\n                $backUrl = $urlWith(array_merge(['tab' => $tab], $sessionParams));\r\n                $metaRows = array_filter([\r\n                    'Pertanyaan' => $questionTypes[$detail->parliament_qa_question_type] ?? null,\r\n                    'Dewan' => $dewanNames[$detail->parliament_qa_dewan] ?? null,\r\n                    'Parlimen' => $detail->parliament_qa_parlimen !== null ? 'Parlimen '.$detail->parliament_qa_parlimen : null,\r\n                    'Penggal' => $detail->parliament_qa_penggal !== null ? 'Penggal '.$detail->parliament_qa_penggal : null,\r\n                    'Sesi' => $sesiLabel($detail->parliament_qa_sesi) ?: null,\r\n                    'Tarikh Persidangan' => $detail->parliament_qa_date?->format('d F Y'),\r\n                    'Tahun Persidangan' => $detail->parliament_qa_year,\r\n                    'Kategori' => $itemCategoryNames($detail) ?: null,\r\n                    'Nombor Soalan' => $detail->parliament_qa_no,\r\n                    'Ahli / Senator' => $detail->parliament_qa_member,\r\n                    'Kawasan' => $detail->parliament_qa_area,\r\n                    'Kementerian' => $detail->parliament_qa_minister,\r\n                ], fn ($value) => filled($value));\r\n\r\n                $attachments = collect();\r\n\r\n                if (filled($detail->parliament_qa_file)) {\r\n                    $attachments->push(['label' => 'Jawapan (PDF)', 'file' => $detail->parliament_qa_file]);\r\n                }\r\n\r\n                foreach ($detail->documents as $document) {\r\n                    if (filled($document->parliament_qa_document_file)) {\r\n                        $attachments->push([\r\n                            'label' => $document->parliament_qa_document_label\r\n                                ?: basename($document->parliament_qa_document_file),\r\n                            'file' => $document->parliament_qa_document_file,\r\n                        ]);\r\n                    }\r\n                }\r\n            @endphp\r\n\r\n            <article class=\"parliament-detail\">\r\n                <a class=\"parliament-detail__back\" href=\"{{ $backUrl }}\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                        <path d=\"M19 12H5M12 19l-7-7 7-7\" />\r\n                    </svg>\r\n                    Kembali ke senarai\r\n                </a>\r\n\r\n                <div class=\"parliament-detail__head\">\r\n                    @if(filled($detail->parliament_qa_question_type))\r\n                        <span class=\"parliament-detail__badge\">\r\n                            {{ $questionTypes[$detail->parliament_qa_question_type] ?? $detail->parliament_qa_question_type }}\r\n                        </span>\r\n                    @endif\r\n                    @if(filled($detail->parliament_qa_no))\r\n                        <span class=\"parliament-detail__no\">No. Soalan : {{ $detail->parliament_qa_no }}</span>\r\n                    @endif\r\n                </div>\r\n\r\n                @if(filled($translation->parliament_qa_translation_title ?? null))\r\n                    <h2 class=\"parliament-detail__title\">{{ $translation->parliament_qa_translation_title }}</h2>\r\n                @endif\r\n\r\n                <dl class=\"parliament-detail__meta\">\r\n                    @foreach($metaRows as $label => $value)\r\n                        <div class=\"parliament-detail__meta-item\">\r\n                            <dt>{{ $label }}</dt>\r\n                            <dd>{{ $value }}</dd>\r\n                        </div>\r\n                    @endforeach\r\n                </dl>\r\n\r\n                <div class=\"parliament-detail__block\">\r\n                    <h3>Soalan</h3>\r\n                    <p class=\"parliament-detail__text\">{!! nl2br(e($translation->parliament_qa_translation_question ?? '')) !!}</p>\r\n                </div>\r\n\r\n                <div class=\"parliament-detail__block parliament-detail__block--answer\">\r\n                    <h3>Jawapan</h3>\r\n                    @if(filled($translation->parliament_qa_translation_answer ?? null))\r\n                        <div class=\"parliament-detail__answer\">{!! nl2br(e($translation->parliament_qa_translation_answer)) !!}</div>\r\n                    @else\r\n                        <p class=\"parliament-detail__muted\">Jawapan bertulis belum tersedia untuk rekod ini.</p>\r\n                    @endif\r\n                </div>\r\n\r\n                @if($attachments->isNotEmpty())\r\n                    <div class=\"parliament-detail__block\">\r\n                        <h3>Attachments</h3>\r\n                        <ul class=\"parliament-detail__files\">\r\n                            @foreach($attachments as $attachment)\r\n                                <li>\r\n                                    <a href=\"{{ image_url($attachment['file']) }}\" target=\"_blank\" rel=\"noopener\">\r\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                                            stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                                            <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\" />\r\n                                            <path d=\"M14 3v5h5\" />\r\n                                        </svg>\r\n                                        {{ $attachment['label'] }}\r\n                                    </a>\r\n                                </li>\r\n                            @endforeach\r\n                        </ul>\r\n                    </div>\r\n                @endif\r\n            </article>\r\n        @elseif($tab === 'carian')\r\n            <div class=\"parliament-search\">\r\n                <form class=\"parliament-search__form\" method=\"get\" action=\"{{ $baseUrl }}\">\r\n                    <input type=\"hidden\" name=\"tab\" value=\"carian\">\r\n\r\n                    <div class=\"parliament-search__field parliament-search__field--wide\">\r\n                        <label for=\"parliament-q\">Kata kunci</label>\r\n                        <input id=\"parliament-q\" type=\"search\" name=\"q\" value=\"{{ $keyword }}\"\r\n                            placeholder=\"No. soalan, nama ahli atau teks soalan...\">\r\n                    </div>\r\n\r\n                    <div class=\"parliament-search__field\">\r\n                        <label for=\"parliament-jenis\">Jenis Soalan</label>\r\n                        <select id=\"parliament-jenis\" name=\"jenis\">\r\n                            <option value=\"\">Semua</option>\r\n                            @foreach($questionTypes as $code => $label)\r\n                                <option value=\"{{ $code }}\" @selected($jenis === $code)>{{ $label }}</option>\r\n                            @endforeach\r\n                        </select>\r\n                    </div>\r\n\r\n                    <div class=\"parliament-search__field\">\r\n                        <label for=\"parliament-category\">Kategori</label>\r\n                        <select id=\"parliament-category\" name=\"category\">\r\n                            <option value=\"\">Semua</option>\r\n                            @foreach($categoryNames as $code => $label)\r\n                                <option value=\"{{ $code }}\" @selected($category === $code)>{{ $label }}</option>\r\n                            @endforeach\r\n                        </select>\r\n                    </div>\r\n\r\n                    <div class=\"parliament-search__field\">\r\n                        <label for=\"parliament-year\">Tahun</label>\r\n                        <select id=\"parliament-year\" name=\"year\">\r\n                            <option value=\"\">Semua</option>\r\n                            @foreach($years as $option)\r\n                                <option value=\"{{ $option }}\" @selected((string) $year === (string) $option)>{{ $option }}</option>\r\n                            @endforeach\r\n                        </select>\r\n                    </div>\r\n\r\n                    <div class=\"parliament-search__actions\">\r\n                        <button type=\"submit\" class=\"parliament__button\">Cari</button>\r\n                        @if($keyword !== '' || $category !== '' || $jenis !== '' || $year !== '')\r\n                            <a class=\"parliament__button parliament__button--ghost\"\r\n                                href=\"{{ $urlWith(['tab' => 'carian']) }}\">Set Semula</a>\r\n                        @endif\r\n                    </div>\r\n                </form>\r\n\r\n                @if($results)\r\n                    <div class=\"parliament__summary\">\r\n                        <span>{{ $results->total() }} rekod ditemui</span>\r\n                        @if($keyword !== '')\r\n                            <span>Hasil carian untuk &ldquo;{{ $keyword }}&rdquo;</span>\r\n                        @endif\r\n                    </div>\r\n\r\n                    @if($results->isNotEmpty())\r\n                        <div class=\"parliament__list\">\r\n                            @foreach($results as $item)\r\n                                @php\r\n                                    /* Kad satu rekod Parlimen — gaya portal (Jenis Soalan / Kategori / No. Soalan / teks soalan). */\r\n                                    $detailUrl = $urlWith(array_merge(['tab' => $tab, 'id' => $item->parliament_qa_id], $sessionParams));\r\n                                    $detailLabel = in_array($item->parliament_qa_type, ['SOAL_JAWAB', 'MQT'], true) ? 'Papar Jawapan' : 'Lihat Butiran';\r\n                                @endphp\r\n\r\n                                <article class=\"parliament-item\">\r\n                                    <p class=\"parliament-item__meta\">\r\n                                        <span><strong>Jenis Soalan :</strong> {{ $questionTypes[$item->parliament_qa_question_type] ?? '—' }}</span>\r\n                                        <span class=\"parliament-item__sep\" aria-hidden=\"true\">|</span>\r\n                                        <span><strong>Kategori :</strong> {{ $itemCategoryNames($item) ?: '—' }}</span>\r\n                                        @if(filled($item->parliament_qa_year))\r\n                                            <span class=\"parliament-item__sep\" aria-hidden=\"true\">|</span>\r\n                                            <span><strong>Tahun :</strong> {{ $item->parliament_qa_year }}</span>\r\n                                        @endif\r\n                                        @if($tab === 'arkib' && filled($item->parliament_qa_type))\r\n                                            <span class=\"parliament-item__sep\" aria-hidden=\"true\">|</span>\r\n                                            <span><strong>Jenis :</strong> {{ $typeNames[$item->parliament_qa_type] ?? $item->parliament_qa_type }}</span>\r\n                                        @endif\r\n                                    </p>\r\n\r\n                                    <p class=\"parliament-item__no\">No. Soalan : {{ $item->parliament_qa_no ?: '—' }}</p>\r\n\r\n                                    <p class=\"parliament-item__question\">{{ \\Illuminate\\Support\\Str::limit($questionText($item), 340) }}</p>\r\n\r\n                                    <div class=\"parliament-item__foot\">\r\n                                        <span class=\"parliament-item__source\">\r\n                                            {{ $dewanNames[$item->parliament_qa_dewan] ?? '' }}@if($item->parliament_qa_date) · {{ $item->parliament_qa_date->format('d/m/Y') }}@endif\r\n                                        </span>\r\n\r\n                                        <a class=\"parliament-item__link\" href=\"{{ $detailUrl }}\">\r\n                                            {{ $detailLabel }}\r\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                                                <path d=\"M5 12h14M12 5l7 7-7 7\" />\r\n                                            </svg>\r\n                                        </a>\r\n                                    </div>\r\n                                </article>\r\n                            @endforeach\r\n                        </div>\r\n\r\n                        @if($results->hasPages())\r\n                            <nav class=\"parliament__pagination\" aria-label=\"Navigasi halaman\">\r\n                                @if($results->onFirstPage())\r\n                                    <span class=\"is-disabled\">Sebelumnya</span>\r\n                                @else\r\n                                    <a href=\"{{ $results->previousPageUrl() }}\">Sebelumnya</a>\r\n                                @endif\r\n\r\n                                <span class=\"parliament__page-info\">Halaman\r\n                                    {{ $results->currentPage() }} / {{ $results->lastPage() }}</span>\r\n\r\n                                @if($results->hasMorePages())\r\n                                    <a href=\"{{ $results->nextPageUrl() }}\">Seterusnya</a>\r\n                                @else\r\n                                    <span class=\"is-disabled\">Seterusnya</span>\r\n                                @endif\r\n                            </nav>\r\n                        @endif\r\n                    @else\r\n                        <div class=\"parliament__empty\">\r\n                            <h2>Tiada rekod ditemui</h2>\r\n                            <p>Cuba kata kunci lain atau pilih kategori dan tahun yang berbeza.</p>\r\n                        </div>\r\n                    @endif\r\n                @else\r\n                    <div class=\"parliament__hint\">\r\n                        Masukkan kata kunci atau pilih tapisan untuk memulakan carian.\r\n                    </div>\r\n                @endif\r\n            </div>\r\n        @elseif($items)\r\n            @php\r\n                $activeSession = $items->first();\r\n                $sessionTitle = $activeSession\r\n                    ? implode(' | ', array_filter([\r\n                        $dewanNames[$activeSession->parliament_qa_dewan] ?? $activeSession->parliament_qa_dewan,\r\n                        $activeSession->parliament_qa_parlimen !== null ? 'Parlimen '.$activeSession->parliament_qa_parlimen : null,\r\n                        $activeSession->parliament_qa_penggal !== null ? 'Penggal '.$activeSession->parliament_qa_penggal : null,\r\n                        $sesiLabel($activeSession->parliament_qa_sesi),\r\n                    ]))\r\n                    : ($dewanNames[$dewan] ?? $dewan);\r\n            @endphp\r\n\r\n            <div class=\"parliament-session\">\r\n                <div class=\"parliament-session__head\">\r\n                    <div>\r\n                        <span class=\"parliament-session__eyebrow\">{{ $typeNames[$type] ?? $type }}</span>\r\n                        <h2 class=\"parliament-session__title\">{{ $sessionTitle }}</h2>\r\n                    </div>\r\n\r\n                    <a class=\"parliament__button parliament__button--ghost\" href=\"{{ $urlWith(['tab' => $tab]) }}\">\r\n                        Senarai Sesi\r\n                    </a>\r\n                </div>\r\n\r\n                @if($items->isNotEmpty())\r\n                    <div class=\"parliament__summary\">\r\n                        <span>{{ $items->total() }} rekod dalam sesi ini</span>\r\n                    </div>\r\n\r\n                    <div class=\"parliament__list\">\r\n                        @foreach($items as $item)\r\n                            @php\r\n                                /* Kad satu rekod Parlimen — gaya portal (Jenis Soalan / Kategori / No. Soalan / teks soalan). */\r\n                                $detailUrl = $urlWith(array_merge(['tab' => $tab, 'id' => $item->parliament_qa_id], $sessionParams));\r\n                                $detailLabel = in_array($item->parliament_qa_type, ['SOAL_JAWAB', 'MQT'], true) ? 'Papar Jawapan' : 'Lihat Butiran';\r\n                            @endphp\r\n\r\n                            <article class=\"parliament-item\">\r\n                                <p class=\"parliament-item__meta\">\r\n                                    <span><strong>Jenis Soalan :</strong> {{ $questionTypes[$item->parliament_qa_question_type] ?? '—' }}</span>\r\n                                    <span class=\"parliament-item__sep\" aria-hidden=\"true\">|</span>\r\n                                    <span><strong>Kategori :</strong> {{ $itemCategoryNames($item) ?: '—' }}</span>\r\n                                    @if(filled($item->parliament_qa_year))\r\n                                        <span class=\"parliament-item__sep\" aria-hidden=\"true\">|</span>\r\n                                        <span><strong>Tahun :</strong> {{ $item->parliament_qa_year }}</span>\r\n                                    @endif\r\n                                    @if($tab === 'arkib' && filled($item->parliament_qa_type))\r\n                                        <span class=\"parliament-item__sep\" aria-hidden=\"true\">|</span>\r\n                                        <span><strong>Jenis :</strong> {{ $typeNames[$item->parliament_qa_type] ?? $item->parliament_qa_type }}</span>\r\n                                    @endif\r\n                                </p>\r\n\r\n                                <p class=\"parliament-item__no\">No. Soalan : {{ $item->parliament_qa_no ?: '—' }}</p>\r\n\r\n                                <p class=\"parliament-item__question\">{{ \\Illuminate\\Support\\Str::limit($questionText($item), 340) }}</p>\r\n\r\n                                <div class=\"parliament-item__foot\">\r\n                                    <span class=\"parliament-item__source\">\r\n                                        {{ $dewanNames[$item->parliament_qa_dewan] ?? '' }}@if($item->parliament_qa_date) · {{ $item->parliament_qa_date->format('d/m/Y') }}@endif\r\n                                    </span>\r\n\r\n                                    <a class=\"parliament-item__link\" href=\"{{ $detailUrl }}\">\r\n                                        {{ $detailLabel }}\r\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                                            stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                                            <path d=\"M5 12h14M12 5l7 7-7 7\" />\r\n                                        </svg>\r\n                                    </a>\r\n                                </div>\r\n                            </article>\r\n                        @endforeach\r\n                    </div>\r\n\r\n                    @if($items->hasPages())\r\n                        <nav class=\"parliament__pagination\" aria-label=\"Navigasi halaman\">\r\n                            @if($items->onFirstPage())\r\n                                <span class=\"is-disabled\">Sebelumnya</span>\r\n                            @else\r\n                                <a href=\"{{ $items->previousPageUrl() }}\">Sebelumnya</a>\r\n                            @endif\r\n\r\n                            <span class=\"parliament__page-info\">Halaman {{ $items->currentPage() }} /\r\n                                {{ $items->lastPage() }}</span>\r\n\r\n                            @if($items->hasMorePages())\r\n                                <a href=\"{{ $items->nextPageUrl() }}\">Seterusnya</a>\r\n                            @else\r\n                                <span class=\"is-disabled\">Seterusnya</span>\r\n                            @endif\r\n                        </nav>\r\n                    @endif\r\n                @else\r\n                    <div class=\"parliament__empty\">\r\n                        <h2>Tiada rekod untuk sesi ini</h2>\r\n                        <p>Pilih sesi lain atau gunakan Carian Parlimen untuk mencari soalan tertentu.</p>\r\n                    </div>\r\n                @endif\r\n            </div>\r\n        @else\r\n            @if($tab === 'arkib')\r\n                <div class=\"parliament__years\" aria-label=\"Tapisan tahun\">\r\n                    <a class=\"parliament__year {{ $year === '' ? 'is-active' : '' }}\"\r\n                        href=\"{{ $urlWith(['tab' => 'arkib']) }}\">Semua Tahun</a>\r\n\r\n                    @foreach($years as $option)\r\n                        <a class=\"parliament__year {{ (string) $year === (string) $option ? 'is-active' : '' }}\"\r\n                            href=\"{{ $urlWith(['tab' => 'arkib', 'year' => $option]) }}\">{{ $option }}</a>\r\n                    @endforeach\r\n                </div>\r\n            @endif\r\n\r\n            @if($typeDocs && $typeDocs->isNotEmpty())\r\n                <h2 class=\"parliament__section-title\">Dokumen {{ $tabLabels[$tab] }}</h2>\r\n                <p class=\"parliament__section-note\">Klik untuk membuka dokumen (PDF).</p>\r\n\r\n                <div class=\"parliament-docs\">\r\n                    @foreach($typeDocs as $doc)\r\n                        @php\r\n                            $docTitle = $translate($doc)?->parliament_qa_translation_title\r\n                                ?: basename((string) $doc->parliament_qa_file);\r\n                        @endphp\r\n\r\n                        <article class=\"parliament-docs__item\">\r\n                            <a class=\"parliament-docs__link\" href=\"{{ image_url($doc->parliament_qa_file) }}\"\r\n                                target=\"_blank\" rel=\"noopener\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                                    <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\" />\r\n                                    <path d=\"M14 3v5h5\" />\r\n                                </svg>\r\n                                <span class=\"parliament-docs__title\">{{ $docTitle }}</span>\r\n                            </a>\r\n\r\n                            <span class=\"parliament-docs__meta\">\r\n                                @if($doc->parliament_qa_date)\r\n                                    {{ $doc->parliament_qa_date->format('d/m/Y') }}\r\n                                @endif\r\n                                @if($doc->parliament_qa_year)\r\n                                    · {{ $doc->parliament_qa_year }}\r\n                                @endif\r\n                            </span>\r\n                        </article>\r\n                    @endforeach\r\n                </div>\r\n\r\n                @if($typeDocs->hasPages())\r\n                    <nav class=\"parliament__pagination\" aria-label=\"Navigasi halaman\">\r\n                        @if($typeDocs->onFirstPage())\r\n                            <span class=\"is-disabled\">Sebelumnya</span>\r\n                        @else\r\n                            <a href=\"{{ $typeDocs->previousPageUrl() }}\">Sebelumnya</a>\r\n                        @endif\r\n\r\n                        <span class=\"parliament__page-info\">Halaman {{ $typeDocs->currentPage() }} /\r\n                            {{ $typeDocs->lastPage() }}</span>\r\n\r\n                        @if($typeDocs->hasMorePages())\r\n                            <a href=\"{{ $typeDocs->nextPageUrl() }}\">Seterusnya</a>\r\n                        @else\r\n                            <span class=\"is-disabled\">Seterusnya</span>\r\n                        @endif\r\n                    </nav>\r\n                @endif\r\n            @elseif($sessionGroups->isEmpty())\r\n                <div class=\"parliament__empty\">\r\n                    <h2>Tiada sesi direkodkan</h2>\r\n                    <p>Rekod Parlimen akan dipaparkan di sini selepas dimasukkan melalui CMS.</p>\r\n                </div>\r\n            @else\r\n                @if($tab !== 'arkib')\r\n                    <h2 class=\"parliament__section-title\">{{ t('pq.session_house') }}</h2>\r\n\r\n                    @if($currentSession)\r\n                        <p class=\"parliament__section-note\">\r\n                            Sesi semasa:\r\n                            <strong>Parlimen {{ $currentSession->parliament_qa_parlimen }} | Penggal {{ $currentSession->parliament_qa_penggal }}</strong>\r\n                            · <a href=\"{{ $urlWith(['tab' => 'arkib']) }}\">Sesi terdahulu dalam Arkib</a>\r\n                        </p>\r\n                    @endif\r\n                @endif\r\n\r\n                <div class=\"parliament-table-wrap\">\r\n                    <table class=\"parliament-table\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"parliament-table__col-dewan\" scope=\"col\">Dewan</th>\r\n                                <th class=\"parliament-table__col-sesi\" scope=\"col\">Sesi</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            @foreach($sessionGroups as $dewanCode => $rows)\r\n                                @foreach($rows as $row)\r\n                                    @php\r\n                                        $rowTab = $tab === 'arkib'\r\n                                            ? (array_search($row->parliament_qa_type, $typeTabs, true) ?: 'soaljawab')\r\n                                            : $tab;\r\n                                    @endphp\r\n\r\n                                    <tr>\r\n                                        @if($loop->first)\r\n                                            <td class=\"parliament-table__dewan\" rowspan=\"{{ $rows->count() }}\">\r\n                                                {{ $dewanNames[$dewanCode] ?? $dewanCode }}\r\n                                            </td>\r\n                                        @endif\r\n\r\n                                        <td class=\"parliament-table__sesi\">\r\n                                            <a href=\"{{ $urlWith([\r\n                                                'tab' => $rowTab,\r\n                                                'dewan' => $row->parliament_qa_dewan,\r\n                                                'parlimen' => $row->parliament_qa_parlimen,\r\n                                                'penggal' => $row->parliament_qa_penggal,\r\n                                                'sesi' => $row->parliament_qa_sesi,\r\n                                            ]) }}\">\r\n                                                <span class=\"parliament-table__label\">{{ $sessionLabel($row) }}</span>\r\n                                                <span class=\"parliament-table__meta\">\r\n                                                    @if($tab === 'arkib')\r\n                                                        <span class=\"parliament-table__type\">\r\n                                                            {{ $typeNames[$row->parliament_qa_type] ?? $row->parliament_qa_type }}\r\n                                                        </span>\r\n                                                    @endif\r\n                                                    @if((int) $row->total > 0)\r\n                                                        <span class=\"parliament-table__count\">{{ $row->total }} rekod</span>\r\n                                                    @else\r\n                                                        <span class=\"parliament-table__empty\">belum ada rekod</span>\r\n                                                    @endif\r\n                                                </span>\r\n                                            </a>\r\n                                        </td>\r\n                                    </tr>\r\n                                @endforeach\r\n                            @endforeach\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n            @endif\r\n        @endif\r\n    </div>\r\n</section>\r\n\r\n<style>\r\n    .parliament {\r\n        padding: 38px 0 72px;\r\n        background: #f4f7f8;\r\n        color: #1b2b2a;\r\n        font-family: \"Inter\", \"Segoe UI\", system-ui, -apple-system, Roboto, Arial, sans-serif;\r\n    }\r\n\r\n    .parliament *,\r\n    .parliament *::before,\r\n    .parliament *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .parliament__container {\r\n        width: min(100% - 32px, 1120px);\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .parliament__breadcrumb {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        margin-bottom: 14px;\r\n        color: #6b7a7a;\r\n        font-size: .85rem;\r\n    }\r\n\r\n    .parliament__breadcrumb a {\r\n        color: #11808f;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .parliament__breadcrumb a:hover {\r\n        text-decoration: underline;\r\n    }\r\n\r\n    .parliament__header {\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .parliament__eyebrow {\r\n        display: inline-block;\r\n        margin-bottom: 8px;\r\n        padding: 4px 12px;\r\n        border-radius: 999px;\r\n        background: #e2f1f3;\r\n        color: #0c6a77;\r\n        font-size: .72rem;\r\n        font-weight: 700;\r\n        letter-spacing: .06em;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .parliament__header h1 {\r\n        margin: 0 0 8px;\r\n        color: #14413a;\r\n        font-size: clamp(1.45rem, 3vw, 2.05rem);\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .parliament__header p {\r\n        margin: 0;\r\n        max-width: 72ch;\r\n        color: #5c6b6b;\r\n        font-size: .95rem;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .parliament__tabs {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        margin-bottom: 24px;\r\n        padding-bottom: 14px;\r\n        border-bottom: 2px solid #dbe7e9;\r\n    }\r\n\r\n    .parliament__tab {\r\n        padding: 9px 15px;\r\n        border: 1px solid #d3e3e5;\r\n        border-radius: 999px;\r\n        background: #fff;\r\n        color: #33504d;\r\n        font-size: .82rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        transition: .18s;\r\n    }\r\n\r\n    .parliament__tab:hover {\r\n        border-color: #11808f;\r\n        color: #11808f;\r\n    }\r\n\r\n    .parliament__tab.is-active {\r\n        border-color: #11808f;\r\n        background: #11808f;\r\n        color: #fff;\r\n    }\r\n\r\n    .parliament__button {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 7px;\r\n        min-height: 42px;\r\n        padding: 0 18px;\r\n        border: 1px solid #11808f;\r\n        border-radius: 8px;\r\n        background: #11808f;\r\n        color: #fff;\r\n        font-size: .84rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n        transition: .18s;\r\n    }\r\n\r\n    .parliament__button:hover {\r\n        background: #0c6a77;\r\n        border-color: #0c6a77;\r\n    }\r\n\r\n    .parliament__button--ghost {\r\n        background: #fff;\r\n        color: #11808f;\r\n    }\r\n\r\n    .parliament__button--ghost:hover {\r\n        background: #e8f4f6;\r\n        color: #0c6a77;\r\n    }\r\n\r\n    .parliament__summary {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 6px 18px;\r\n        margin-bottom: 14px;\r\n        color: #5c6b6b;\r\n        font-size: .82rem;\r\n    }\r\n\r\n    .parliament__hint {\r\n        padding: 16px 18px;\r\n        border: 1px dashed #c3d7da;\r\n        border-radius: 10px;\r\n        background: #fff;\r\n        color: #5c6b6b;\r\n        font-size: .88rem;\r\n    }\r\n\r\n    .parliament__empty {\r\n        padding: 54px 22px;\r\n        border: 1px dashed #c3d7da;\r\n        border-radius: 12px;\r\n        background: #fff;\r\n        text-align: center;\r\n    }\r\n\r\n    .parliament__empty h2 {\r\n        margin: 0 0 6px;\r\n        color: #14413a;\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .parliament__empty p {\r\n        margin: 0;\r\n        color: #6b7a7a;\r\n        font-size: .88rem;\r\n    }\r\n\r\n    .parliament__list {\r\n        display: grid;\r\n        gap: 14px;\r\n    }\r\n\r\n    .parliament__pagination {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 14px;\r\n        margin-top: 26px;\r\n        font-size: .84rem;\r\n    }\r\n\r\n    .parliament__pagination a,\r\n    .parliament__pagination span {\r\n        padding: 8px 14px;\r\n        border: 1px solid #d3e3e5;\r\n        border-radius: 8px;\r\n        background: #fff;\r\n        color: #11808f;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .parliament__pagination a:hover {\r\n        border-color: #11808f;\r\n        background: #e8f4f6;\r\n    }\r\n\r\n    .parliament__pagination .is-disabled {\r\n        color: #a8b6b6;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .parliament__page-info {\r\n        border: 0 !important;\r\n        background: transparent !important;\r\n        color: #5c6b6b !important;\r\n        font-weight: 500 !important;\r\n    }\r\n\r\n    .parliament__years {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .parliament__year {\r\n        padding: 7px 14px;\r\n        border: 1px solid #d3e3e5;\r\n        border-radius: 8px;\r\n        background: #fff;\r\n        color: #33504d;\r\n        font-size: .82rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .parliament__year:hover {\r\n        border-color: #11808f;\r\n        color: #11808f;\r\n    }\r\n\r\n    .parliament__year.is-active {\r\n        border-color: #165c4a;\r\n        background: #165c4a;\r\n        color: #fff;\r\n    }\r\n\r\n\r\n    .parliament__section-title {\r\n        margin: 0 0 16px;\r\n        color: #14413a;\r\n        font-size: 1.1rem;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .parliament__section-note {\r\n        margin: -6px 0 16px;\r\n        color: #4a6b66;\r\n        font-size: .88rem;\r\n    }\r\n\r\n    .parliament__section-note a {\r\n        color: #0c6a77;\r\n        font-weight: 700;\r\n        text-decoration: underline;\r\n    }\r\n\r\n    .parliament-docs {\r\n        display: grid;\r\n        gap: 10px;\r\n    }\r\n\r\n    .parliament-docs__item {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 10px;\r\n        padding: 14px 18px;\r\n        border: 1px solid #e2ebec;\r\n        border-radius: 12px;\r\n        background: #fff;\r\n        transition: .18s;\r\n    }\r\n\r\n    .parliament-docs__item:hover {\r\n        border-color: #11808f;\r\n        background: #f6fbfb;\r\n    }\r\n\r\n    .parliament-docs__link {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 10px;\r\n        flex: 1 1 60%;\r\n        color: #14413a;\r\n        font-size: .9rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .parliament-docs__link svg {\r\n        flex-shrink: 0;\r\n        width: 20px;\r\n        height: 20px;\r\n        margin-top: 1px;\r\n        color: #11808f;\r\n    }\r\n\r\n    .parliament-docs__meta {\r\n        flex-shrink: 0;\r\n        padding: 3px 10px;\r\n        border-radius: 999px;\r\n        background: #eef4f5;\r\n        color: #4a6b66;\r\n        font-size: .76rem;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .parliament-table-wrap {\r\n        overflow-x: auto;\r\n        border: 1px solid #dbe7e9;\r\n        border-radius: 14px;\r\n        background: #fff;\r\n    }\r\n\r\n    .parliament-table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n    }\r\n\r\n    .parliament-table th {\r\n        padding: 14px 20px;\r\n        background: #14413a;\r\n        color: #fff;\r\n        font-size: .8rem;\r\n        font-weight: 800;\r\n        letter-spacing: .04em;\r\n        text-align: left;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .parliament-table__col-dewan {\r\n        width: 32%;\r\n    }\r\n\r\n    .parliament-table__col-sesi {\r\n        width: 68%;\r\n    }\r\n\r\n    .parliament-table td {\r\n        padding: 14px 20px;\r\n        border-top: 1px solid #e6eff0;\r\n        color: #24443f;\r\n        font-size: .9rem;\r\n        vertical-align: top;\r\n    }\r\n\r\n    .parliament-table__dewan {\r\n        border-right: 1px solid #e6eff0;\r\n        color: #14413a;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .parliament-table__sesi a {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 10px;\r\n        color: #0c6a77;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .parliament-table__sesi a:hover .parliament-table__label {\r\n        text-decoration: underline;\r\n    }\r\n\r\n    .parliament-table__meta {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        flex-shrink: 0;\r\n        font-size: .76rem;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .parliament-table__type {\r\n        padding: 3px 9px;\r\n        border-radius: 999px;\r\n        background: #e2f1f3;\r\n        color: #0c6a77;\r\n    }\r\n\r\n    .parliament-table__count {\r\n        padding: 3px 9px;\r\n        border-radius: 999px;\r\n        background: #165c4a;\r\n        color: #fff;\r\n    }\r\n\r\n    .parliament-table__empty {\r\n        padding: 3px 9px;\r\n        border-radius: 999px;\r\n        background: #eef1f2;\r\n        color: #6b7d7a;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .parliament-session__head {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: flex-end;\r\n        justify-content: space-between;\r\n        gap: 12px;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .parliament-session__eyebrow {\r\n        display: block;\r\n        margin-bottom: 4px;\r\n        color: #0c6a77;\r\n        font-size: .74rem;\r\n        font-weight: 700;\r\n        letter-spacing: .06em;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .parliament-session__title {\r\n        margin: 0;\r\n        color: #14413a;\r\n        font-size: 1.15rem;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .parliament-item {\r\n        padding: 18px 20px;\r\n        border: 1px solid #dbe7e9;\r\n        border-left: 4px solid #11808f;\r\n        border-radius: 12px;\r\n        background: #fff;\r\n        transition: .18s;\r\n    }\r\n\r\n    .parliament-item:hover {\r\n        border-left-color: #165c4a;\r\n        box-shadow: 0 6px 18px rgb(17 128 143 / 10%);\r\n    }\r\n\r\n    .parliament-item__meta {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        gap: 6px;\r\n        margin: 0 0 8px;\r\n        color: #5c6b6b;\r\n        font-size: .8rem;\r\n    }\r\n\r\n    .parliament-item__meta strong {\r\n        color: #33504d;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .parliament-item__sep {\r\n        color: #c3d7da;\r\n    }\r\n\r\n    .parliament-item__no {\r\n        margin: 0 0 8px;\r\n        color: #0c6a77;\r\n        font-size: .84rem;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .parliament-item__question {\r\n        margin: 0 0 14px;\r\n        color: #1b2b2a;\r\n        font-size: .92rem;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .parliament-item__foot {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 10px;\r\n        padding-top: 12px;\r\n        border-top: 1px solid #eef4f4;\r\n    }\r\n\r\n    .parliament-item__source {\r\n        color: #7b8a8a;\r\n        font-size: .78rem;\r\n    }\r\n\r\n    .parliament-item__link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 7px;\r\n        color: #11808f;\r\n        font-size: .82rem;\r\n        font-weight: 700;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .parliament-item__link svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        transition: transform .18s;\r\n    }\r\n\r\n    .parliament-item__link:hover {\r\n        color: #0c6a77;\r\n        text-decoration: underline;\r\n    }\r\n\r\n    .parliament-item__link:hover svg {\r\n        transform: translateX(3px);\r\n    }\r\n\r\n    .parliament-detail {\r\n        padding: 24px 26px;\r\n        border: 1px solid #dbe7e9;\r\n        border-radius: 14px;\r\n        background: #fff;\r\n    }\r\n\r\n    .parliament-detail__back {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        margin-bottom: 18px;\r\n        color: #11808f;\r\n        font-size: .84rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .parliament-detail__back svg {\r\n        width: 16px;\r\n        height: 16px;\r\n    }\r\n\r\n    .parliament-detail__back:hover {\r\n        text-decoration: underline;\r\n    }\r\n\r\n    .parliament-detail__head {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .parliament-detail__badge {\r\n        padding: 4px 12px;\r\n        border-radius: 999px;\r\n        background: #e2f1f3;\r\n        color: #0c6a77;\r\n        font-size: .76rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .parliament-detail__no {\r\n        color: #165c4a;\r\n        font-size: .84rem;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .parliament-detail__title {\r\n        margin: 0 0 18px;\r\n        color: #14413a;\r\n        font-size: clamp(1.15rem, 2.4vw, 1.5rem);\r\n        font-weight: 800;\r\n        line-height: 1.35;\r\n    }\r\n\r\n    .parliament-detail__meta {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\r\n        gap: 10px 18px;\r\n        margin: 0 0 22px;\r\n        padding: 18px;\r\n        border-radius: 12px;\r\n        background: #f8fbfb;\r\n    }\r\n\r\n    .parliament-detail__meta-item {\r\n        margin: 0;\r\n    }\r\n\r\n    .parliament-detail__meta-item dt {\r\n        margin-bottom: 3px;\r\n        color: #7b8a8a;\r\n        font-size: .72rem;\r\n        font-weight: 700;\r\n        letter-spacing: .05em;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .parliament-detail__meta-item dd {\r\n        margin: 0;\r\n        color: #1b2b2a;\r\n        font-size: .88rem;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .parliament-detail__block {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .parliament-detail__block h3 {\r\n        margin: 0 0 8px;\r\n        padding-left: 12px;\r\n        border-left: 4px solid #11808f;\r\n        color: #14413a;\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .parliament-detail__block--answer h3 {\r\n        border-left-color: #165c4a;\r\n    }\r\n\r\n    .parliament-detail__text,\r\n    .parliament-detail__answer {\r\n        margin: 0;\r\n        color: #26343a;\r\n        font-size: .93rem;\r\n        line-height: 1.85;\r\n        text-align: justify;\r\n    }\r\n\r\n    .parliament-detail__answer {\r\n        padding: 18px 20px;\r\n        border: 1px solid #dfeceb;\r\n        border-radius: 12px;\r\n        background: #f6fbf9;\r\n    }\r\n\r\n    .parliament-detail__muted {\r\n        margin: 0;\r\n        color: #7b8a8a;\r\n        font-size: .88rem;\r\n        font-style: italic;\r\n    }\r\n\r\n    .parliament-detail__files {\r\n        display: grid;\r\n        gap: 8px;\r\n        margin: 0;\r\n        padding: 0;\r\n        list-style: none;\r\n    }\r\n\r\n    .parliament-detail__files a {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 9px;\r\n        padding: 10px 14px;\r\n        border: 1px solid #d3e3e5;\r\n        border-radius: 10px;\r\n        background: #fff;\r\n        color: #11808f;\r\n        font-size: .85rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .parliament-detail__files a:hover {\r\n        border-color: #11808f;\r\n        background: #eef7f8;\r\n    }\r\n\r\n    .parliament-detail__files svg {\r\n        width: 17px;\r\n        height: 17px;\r\n    }\r\n\r\n    .parliament-search__form {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\r\n        gap: 14px;\r\n        align-items: end;\r\n        margin-bottom: 24px;\r\n        padding: 20px;\r\n        border: 1px solid #dbe7e9;\r\n        border-radius: 14px;\r\n        background: #fff;\r\n    }\r\n\r\n    .parliament-search__field {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 6px;\r\n    }\r\n\r\n    .parliament-search__field--wide {\r\n        grid-column: span 2;\r\n    }\r\n\r\n    .parliament-search__field label {\r\n        color: #33504d;\r\n        font-size: .78rem;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .parliament-search__field input,\r\n    .parliament-search__field select {\r\n        height: 42px;\r\n        padding: 0 12px;\r\n        border: 1px solid #d3e3e5;\r\n        border-radius: 8px;\r\n        background: #fbfdfd;\r\n        color: #1b2b2a;\r\n        font-family: inherit;\r\n        font-size: .87rem;\r\n    }\r\n\r\n    .parliament-search__field input:focus,\r\n    .parliament-search__field select:focus {\r\n        border-color: #11808f;\r\n        background: #fff;\r\n        outline: 2px solid rgb(17 128 143 / 15%);\r\n    }\r\n\r\n    .parliament-search__actions {\r\n        display: flex;\r\n        gap: 10px;\r\n    }\r\n\r\n    @media (max-width: 780px) {\r\n        .parliament {\r\n            padding: 26px 0 54px;\r\n        }\r\n\r\n        .parliament-detail {\r\n            padding: 18px 16px;\r\n        }\r\n\r\n        .parliament-search__field--wide {\r\n            grid-column: span 1;\r\n        }\r\n\r\n        .parliament-table th,\r\n        .parliament-table td {\r\n            padding: 11px 14px;\r\n        }\r\n\r\n        .parliament-table__col-dewan {\r\n            width: 38%;\r\n        }\r\n\r\n        .parliament-table__col-sesi {\r\n            width: 62%;\r\n        }\r\n\r\n        .parliament-table__sesi a {\r\n            align-items: flex-start;\r\n            flex-direction: column;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .parliament__tab {\r\n            padding: 8px 12px;\r\n            font-size: .78rem;\r\n        }\r\n\r\n        .parliament-item {\r\n            padding: 15px;\r\n        }\r\n\r\n        .parliament-detail__meta {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n</style>"
    }
}