{{-- ============================================================
     PAGE: Parliament QA (Soal Jawab Parlimen) — kod penuh dalam Page Content
     Sumber data : content_parliament_qa (+ translations, categories, documents)
     Reka bentuk : ikut https://www.nres.gov.my/Parlimen/Pages/default.aspx
     Nota        : logik + markup + CSS semuanya di sini — TIADA komponen.
     Parameter   : tab=soaljawab|kamarkhas|mqt|ruu|carian|arkib
                   dewan, parlimen, penggal, sesi → pilih sesi
                   id → butiran soalan + jawapan
                   q, jenis, category, year → Carian Parlimen / Arkib
     ============================================================ --}}

@php
    /**
     * Halaman frontend: Soal Jawab Parlimen (NRES) — kod penuh dalam Page Content
     * Sumber data: content_parliament_qa (+ translations, categories, documents)
     * Reka bentuk mengikut portal asal: /Parlimen/Pages/default.aspx
     *
     * Parameter URL:
     *   tab        soaljawab | kamarkhas | mqt | ruu | carian | arkib
     *   dewan      kod ref PARLIAMENT_DEWAN (DEWAN_RAKYAT | DEWAN_NEGARA)
     *   parlimen   nombor Parlimen (cth. 15)
     *   penggal    nombor Penggal (cth. 5)
     *   sesi       nombor Mesyuarat (1 | 2 | 3)
     *   id         id rekod → papar soalan + jawapan penuh
     *   q, category, jenis, year   untuk Carian Parlimen & Arkib
     */
    $baseUrl = url()->current();

    $ref = fn (string $cat) => \App\Models\Backend\Ref::where('cat', $cat)->orderBy('sort')->pluck('descr', 'code');

    $questionTypes = $ref('PARLIAMENT_QUESTION_TYPE');
    $dewanNames = $ref('PARLIAMENT_DEWAN');
    $categoryNames = $ref('PARLIAMENT_CATEGORY');
    $typeNames = $ref('PARLIAMENT_QA_TYPE');

    $typeTabs = [
        'soaljawab' => 'SOAL_JAWAB',
        'kamarkhas' => 'KAMAR_KHAS',
        'mqt' => 'MQT',
        'ruu' => 'RUU',
    ];

    $tabLabels = [
        'soaljawab' => t('Parliament QA'),
        'kamarkhas' => t('pq.tab_special'),
        'mqt' => t('pq.tab_mqt'),
        'ruu' => t('pq.tab_bill'),
        'carian' => t('pq.tab_search'),
        'arkib' => t('Arkib'),
    ];

    $tab = (string) request()->query('tab', 'soaljawab');

    if (! array_key_exists($tab, $tabLabels)) {
        $tab = 'soaljawab';
    }

    $detailId = (int) request()->query('id', 0);
    $dewan = (string) request()->query('dewan', '');
    $parlimen = request()->query('parlimen');
    $penggal = request()->query('penggal');
    $sesi = request()->query('sesi');
    $keyword = trim((string) request()->query('q', ''));
    $category = (string) request()->query('category', '');
    $jenis = (string) request()->query('jenis', '');
    $year = (string) request()->query('year', '');

    $hasSession = $dewan !== '' && $parlimen !== null && $penggal !== null && $sesi !== null;
    $type = $typeTabs[$tab] ?? 'SOAL_JAWAB';

    $sessionParams = $hasSession ? [
        'dewan' => $dewan,
        'parlimen' => (int) $parlimen,
        'penggal' => (int) $penggal,
        'sesi' => (int) $sesi,
    ] : [];

    $urlWith = function (array $params = []) use ($baseUrl) {
        $clean = array_filter($params, fn ($value) => $value !== null && $value !== '');

        return $clean === [] ? $baseUrl : $baseUrl.'?'.http_build_query($clean);
    };

    $translate = fn ($item) => $item->translations->firstWhere('parliament_qa_translation_language', $lang)
        ?? $item->translations->firstWhere('parliament_qa_translation_main', 1)
        ?? $item->translations->first();

    $questionText = function ($item) use ($translate) {
        $translation = $translate($item);

        return trim((string) ($translation->parliament_qa_translation_question ?? ''))
            ?: (string) ($translation->parliament_qa_translation_title ?? '');
    };

    $sesiLabel = fn ($number) => match ($number !== null ? (int) $number : null) {
        1 => 'Mesyuarat Pertama',
        2 => 'Mesyuarat Kedua',
        3 => 'Mesyuarat Ketiga',
        default => $number !== null ? 'Mesyuarat '.$number : '',
    };

    $sessionLabel = fn ($row) => implode(' | ', array_filter([
        $row->parliament_qa_parlimen !== null ? 'Parlimen '.$row->parliament_qa_parlimen : null,
        $row->parliament_qa_penggal !== null ? 'Penggal '.$row->parliament_qa_penggal : null,
        $sesiLabel($row->parliament_qa_sesi),
    ]));

    $itemCategoryNames = fn ($item) => $item->categories
        ->pluck('parliament_qa_category_code')
        ->filter()
        ->map(fn ($code) => $categoryNames[$code] ?? $code)
        ->implode(', ');

    $records = fn () => \App\Models\Backend\ContentParliamentQa::with(['translations', 'categories', 'documents'])
        ->where('parliament_qa_status', 'PUBLISHED');

    $detail = $detailId > 0 ? $records()->find($detailId) : null;

    $items = null;

    if (! $detail && $hasSession && isset($typeTabs[$tab])) {
        $items = $records()
            ->where('parliament_qa_type', $type)
            ->where('parliament_qa_dewan', $dewan)
            ->where('parliament_qa_parlimen', (int) $parlimen)
            ->where('parliament_qa_penggal', (int) $penggal)
            ->where('parliament_qa_sesi', (int) $sesi)
            ->orderBy('parliament_qa_sort')
            ->orderBy('parliament_qa_no')
            ->paginate(10)
            ->withQueryString();
    }

    $results = null;

    if (! $detail && $tab === 'carian' && ($keyword !== '' || $category !== '' || $jenis !== '' || $year !== '')) {
        $results = $records()
            ->when($keyword !== '', fn ($q) => $q->where(function ($sub) use ($keyword) {
                $sub->where('parliament_qa_no', 'like', "%{$keyword}%")
                    ->orWhere('parliament_qa_member', 'like', "%{$keyword}%")
                    ->orWhere('parliament_qa_area', 'like', "%{$keyword}%")
                    ->orWhereHas('translations', fn ($t) => $t
                        ->where('parliament_qa_translation_title', 'like', "%{$keyword}%")
                        ->orWhere('parliament_qa_translation_question', 'like', "%{$keyword}%")
                        ->orWhere('parliament_qa_translation_answer', 'like', "%{$keyword}%"));
            }))
            ->when($jenis !== '', fn ($q) => $q->where('parliament_qa_question_type', $jenis))
            ->when($category !== '', fn ($q) => $q->whereHas(
                'categories',
                fn ($c) => $c->where('parliament_qa_category_code', $category)
            ))
            ->when($year !== '', fn ($q) => $q->where('parliament_qa_year', (int) $year))
            ->orderByDesc('parliament_qa_year')
            ->orderBy('parliament_qa_sort')
            ->paginate(10)
            ->withQueryString();
    }

    $sessionGroups = collect();

    $sessionQuery = fn () => \App\Models\Backend\ContentParliamentQa::query()
        ->where('parliament_qa_status', 'PUBLISHED')
        ->selectRaw('parliament_qa_type, parliament_qa_dewan, parliament_qa_parlimen, parliament_qa_penggal, parliament_qa_sesi, parliament_qa_year, count(*) as total')
        ->groupBy('parliament_qa_type', 'parliament_qa_dewan', 'parliament_qa_parlimen', 'parliament_qa_penggal', 'parliament_qa_sesi', 'parliament_qa_year');

    if (! $detail && $tab === 'arkib') {
        $sessionGroups = $sessionQuery()
            ->when($year !== '', fn ($q) => $q->where('parliament_qa_year', (int) $year))
            ->orderByDesc('parliament_qa_year')
            ->orderBy('parliament_qa_dewan')
            ->orderBy('parliament_qa_sesi')
            ->get()
            ->groupBy('parliament_qa_dewan');
    } elseif (! $detail && ! $hasSession && isset($typeTabs[$tab])) {
        $sessionGroups = $sessionQuery()
            ->where('parliament_qa_type', $type)
            ->orderByDesc('parliament_qa_parlimen')
            ->orderByDesc('parliament_qa_penggal')
            ->orderBy('parliament_qa_dewan')
            ->orderBy('parliament_qa_sesi')
            ->get()
            ->groupBy('parliament_qa_dewan');
    }

    $years = \App\Models\Backend\ContentParliamentQa::where('parliament_qa_status', 'PUBLISHED')
        ->whereNotNull('parliament_qa_year')
        ->distinct()
        ->orderByDesc('parliament_qa_year')
        ->pluck('parliament_qa_year');

    $latestYear = $years->first();
@endphp

<section class="parliament" aria-labelledby="parliament-title">
    <div class="parliament__container">
        <nav class="parliament__breadcrumb" aria-label="Breadcrumb">
            <a href="/{{ $siteSlug }}/home">{{ t('Utama') }}</a>
            <span aria-hidden="true">/</span>
            <span>{{ $tabLabels[$tab] }}</span>
        </nav>

        <header class="parliament__header">
            <span class="parliament__eyebrow">{{ t('pq.title_prefix') }} {{ $latestYear ?: date('Y') }}</span>
            <h1 id="parliament-title">{{ $tabLabels[$tab] }}</h1>
            <p>{{ t('pq.hero_desc') }}</p>
        </header>

        <nav class="parliament__tabs" aria-label="Seksyen Parlimen">
            @foreach($tabLabels as $key => $label)
                <a class="parliament__tab {{ $tab === $key ? 'is-active' : '' }}"
                    href="{{ $urlWith(['tab' => $key]) }}"
                    @if($tab === $key) aria-current="page" @endif>{{ $label }}</a>
            @endforeach
        </nav>

        @if($detail)
            @php
                $translation = $translate($detail);
                $backUrl = $urlWith(array_merge(['tab' => $tab], $sessionParams));
                $metaRows = array_filter([
                    'Pertanyaan' => $questionTypes[$detail->parliament_qa_question_type] ?? null,
                    'Dewan' => $dewanNames[$detail->parliament_qa_dewan] ?? null,
                    'Parlimen' => $detail->parliament_qa_parlimen !== null ? 'Parlimen '.$detail->parliament_qa_parlimen : null,
                    'Penggal' => $detail->parliament_qa_penggal !== null ? 'Penggal '.$detail->parliament_qa_penggal : null,
                    'Sesi' => $sesiLabel($detail->parliament_qa_sesi) ?: null,
                    'Tarikh Persidangan' => $detail->parliament_qa_date?->format('d F Y'),
                    'Tahun Persidangan' => $detail->parliament_qa_year,
                    'Kategori' => $itemCategoryNames($detail) ?: null,
                    'Nombor Soalan' => $detail->parliament_qa_no,
                    'Ahli / Senator' => $detail->parliament_qa_member,
                    'Kawasan' => $detail->parliament_qa_area,
                    'Kementerian' => $detail->parliament_qa_minister,
                ], fn ($value) => filled($value));

                $attachments = collect();

                if (filled($detail->parliament_qa_file)) {
                    $attachments->push(['label' => 'Jawapan (PDF)', 'file' => $detail->parliament_qa_file]);
                }

                foreach ($detail->documents as $document) {
                    if (filled($document->parliament_qa_document_file)) {
                        $attachments->push([
                            'label' => $document->parliament_qa_document_label
                                ?: basename($document->parliament_qa_document_file),
                            'file' => $document->parliament_qa_document_file,
                        ]);
                    }
                }
            @endphp

            <article class="parliament-detail">
                <a class="parliament-detail__back" href="{{ $backUrl }}">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                        <path d="M19 12H5M12 19l-7-7 7-7" />
                    </svg>
                    Kembali ke senarai
                </a>

                <div class="parliament-detail__head">
                    @if(filled($detail->parliament_qa_question_type))
                        <span class="parliament-detail__badge">
                            {{ $questionTypes[$detail->parliament_qa_question_type] ?? $detail->parliament_qa_question_type }}
                        </span>
                    @endif
                    @if(filled($detail->parliament_qa_no))
                        <span class="parliament-detail__no">No. Soalan : {{ $detail->parliament_qa_no }}</span>
                    @endif
                </div>

                @if(filled($translation->parliament_qa_translation_title ?? null))
                    <h2 class="parliament-detail__title">{{ $translation->parliament_qa_translation_title }}</h2>
                @endif

                <dl class="parliament-detail__meta">
                    @foreach($metaRows as $label => $value)
                        <div class="parliament-detail__meta-item">
                            <dt>{{ $label }}</dt>
                            <dd>{{ $value }}</dd>
                        </div>
                    @endforeach
                </dl>

                <div class="parliament-detail__block">
                    <h3>Soalan</h3>
                    <p class="parliament-detail__text">{!! nl2br(e($translation->parliament_qa_translation_question ?? '')) !!}</p>
                </div>

                <div class="parliament-detail__block parliament-detail__block--answer">
                    <h3>Jawapan</h3>
                    @if(filled($translation->parliament_qa_translation_answer ?? null))
                        <div class="parliament-detail__answer">{!! nl2br(e($translation->parliament_qa_translation_answer)) !!}</div>
                    @else
                        <p class="parliament-detail__muted">Jawapan bertulis belum tersedia untuk rekod ini.</p>
                    @endif
                </div>

                @if($attachments->isNotEmpty())
                    <div class="parliament-detail__block">
                        <h3>Attachments</h3>
                        <ul class="parliament-detail__files">
                            @foreach($attachments as $attachment)
                                <li>
                                    <a href="{{ image_url($attachment['file']) }}" target="_blank" rel="noopener">
                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"
                                            stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                            <path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" />
                                            <path d="M14 3v5h5" />
                                        </svg>
                                        {{ $attachment['label'] }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </article>
        @elseif($tab === 'carian')
            <div class="parliament-search">
                <form class="parliament-search__form" method="get" action="{{ $baseUrl }}">
                    <input type="hidden" name="tab" value="carian">

                    <div class="parliament-search__field parliament-search__field--wide">
                        <label for="parliament-q">Kata kunci</label>
                        <input id="parliament-q" type="search" name="q" value="{{ $keyword }}"
                            placeholder="No. soalan, nama ahli atau teks soalan...">
                    </div>

                    <div class="parliament-search__field">
                        <label for="parliament-jenis">Jenis Soalan</label>
                        <select id="parliament-jenis" name="jenis">
                            <option value="">Semua</option>
                            @foreach($questionTypes as $code => $label)
                                <option value="{{ $code }}" @selected($jenis === $code)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="parliament-search__field">
                        <label for="parliament-category">Kategori</label>
                        <select id="parliament-category" name="category">
                            <option value="">Semua</option>
                            @foreach($categoryNames as $code => $label)
                                <option value="{{ $code }}" @selected($category === $code)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="parliament-search__field">
                        <label for="parliament-year">Tahun</label>
                        <select id="parliament-year" name="year">
                            <option value="">Semua</option>
                            @foreach($years as $option)
                                <option value="{{ $option }}" @selected((string) $year === (string) $option)>{{ $option }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="parliament-search__actions">
                        <button type="submit" class="parliament__button">Cari</button>
                        @if($keyword !== '' || $category !== '' || $jenis !== '' || $year !== '')
                            <a class="parliament__button parliament__button--ghost"
                                href="{{ $urlWith(['tab' => 'carian']) }}">Set Semula</a>
                        @endif
                    </div>
                </form>

                @if($results)
                    <div class="parliament__summary">
                        <span>{{ $results->total() }} rekod ditemui</span>
                        @if($keyword !== '')
                            <span>Hasil carian untuk &ldquo;{{ $keyword }}&rdquo;</span>
                        @endif
                    </div>

                    @if($results->isNotEmpty())
                        <div class="parliament__list">
                            @foreach($results as $item)
                                @php
                                    /* Kad satu rekod Parlimen — gaya portal (Jenis Soalan / Kategori / No. Soalan / teks soalan). */
                                    $detailUrl = $urlWith(array_merge(['tab' => $tab, 'id' => $item->parliament_qa_id], $sessionParams));
                                    $detailLabel = in_array($item->parliament_qa_type, ['SOAL_JAWAB', 'MQT'], true) ? 'Papar Jawapan' : 'Lihat Butiran';
                                @endphp

                                <article class="parliament-item">
                                    <p class="parliament-item__meta">
                                        <span><strong>Jenis Soalan :</strong> {{ $questionTypes[$item->parliament_qa_question_type] ?? '—' }}</span>
                                        <span class="parliament-item__sep" aria-hidden="true">|</span>
                                        <span><strong>Kategori :</strong> {{ $itemCategoryNames($item) ?: '—' }}</span>
                                        @if(filled($item->parliament_qa_year))
                                            <span class="parliament-item__sep" aria-hidden="true">|</span>
                                            <span><strong>Tahun :</strong> {{ $item->parliament_qa_year }}</span>
                                        @endif
                                        @if($tab === 'arkib' && filled($item->parliament_qa_type))
                                            <span class="parliament-item__sep" aria-hidden="true">|</span>
                                            <span><strong>Jenis :</strong> {{ $typeNames[$item->parliament_qa_type] ?? $item->parliament_qa_type }}</span>
                                        @endif
                                    </p>

                                    <p class="parliament-item__no">No. Soalan : {{ $item->parliament_qa_no ?: '—' }}</p>

                                    <p class="parliament-item__question">{{ \Illuminate\Support\Str::limit($questionText($item), 340) }}</p>

                                    <div class="parliament-item__foot">
                                        <span class="parliament-item__source">
                                            {{ $dewanNames[$item->parliament_qa_dewan] ?? '' }}@if($item->parliament_qa_date) · {{ $item->parliament_qa_date->format('d/m/Y') }}@endif
                                        </span>

                                        <a class="parliament-item__link" href="{{ $detailUrl }}">
                                            {{ $detailLabel }}
                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                                stroke-linejoin="round" aria-hidden="true">
                                                <path d="M5 12h14M12 5l7 7-7 7" />
                                            </svg>
                                        </a>
                                    </div>
                                </article>
                            @endforeach
                        </div>

                        @if($results->hasPages())
                            <nav class="parliament__pagination" aria-label="Navigasi halaman">
                                @if($results->onFirstPage())
                                    <span class="is-disabled">Sebelumnya</span>
                                @else
                                    <a href="{{ $results->previousPageUrl() }}">Sebelumnya</a>
                                @endif

                                <span class="parliament__page-info">Halaman
                                    {{ $results->currentPage() }} / {{ $results->lastPage() }}</span>

                                @if($results->hasMorePages())
                                    <a href="{{ $results->nextPageUrl() }}">Seterusnya</a>
                                @else
                                    <span class="is-disabled">Seterusnya</span>
                                @endif
                            </nav>
                        @endif
                    @else
                        <div class="parliament__empty">
                            <h2>Tiada rekod ditemui</h2>
                            <p>Cuba kata kunci lain atau pilih kategori dan tahun yang berbeza.</p>
                        </div>
                    @endif
                @else
                    <div class="parliament__hint">
                        Masukkan kata kunci atau pilih tapisan untuk memulakan carian.
                    </div>
                @endif
            </div>
        @elseif($items)
            @php
                $activeSession = $items->first();
                $sessionTitle = $activeSession
                    ? implode(' | ', array_filter([
                        $dewanNames[$activeSession->parliament_qa_dewan] ?? $activeSession->parliament_qa_dewan,
                        $activeSession->parliament_qa_parlimen !== null ? 'Parlimen '.$activeSession->parliament_qa_parlimen : null,
                        $activeSession->parliament_qa_penggal !== null ? 'Penggal '.$activeSession->parliament_qa_penggal : null,
                        $sesiLabel($activeSession->parliament_qa_sesi),
                    ]))
                    : ($dewanNames[$dewan] ?? $dewan);
            @endphp

            <div class="parliament-session">
                <div class="parliament-session__head">
                    <div>
                        <span class="parliament-session__eyebrow">{{ $typeNames[$type] ?? $type }}</span>
                        <h2 class="parliament-session__title">{{ $sessionTitle }}</h2>
                    </div>

                    <a class="parliament__button parliament__button--ghost" href="{{ $urlWith(['tab' => $tab]) }}">
                        Senarai Sesi
                    </a>
                </div>

                @if($items->isNotEmpty())
                    <div class="parliament__summary">
                        <span>{{ $items->total() }} rekod dalam sesi ini</span>
                    </div>

                    <div class="parliament__list">
                        @foreach($items as $item)
                            @php
                                /* Kad satu rekod Parlimen — gaya portal (Jenis Soalan / Kategori / No. Soalan / teks soalan). */
                                $detailUrl = $urlWith(array_merge(['tab' => $tab, 'id' => $item->parliament_qa_id], $sessionParams));
                                $detailLabel = in_array($item->parliament_qa_type, ['SOAL_JAWAB', 'MQT'], true) ? 'Papar Jawapan' : 'Lihat Butiran';
                            @endphp

                            <article class="parliament-item">
                                <p class="parliament-item__meta">
                                    <span><strong>Jenis Soalan :</strong> {{ $questionTypes[$item->parliament_qa_question_type] ?? '—' }}</span>
                                    <span class="parliament-item__sep" aria-hidden="true">|</span>
                                    <span><strong>Kategori :</strong> {{ $itemCategoryNames($item) ?: '—' }}</span>
                                    @if(filled($item->parliament_qa_year))
                                        <span class="parliament-item__sep" aria-hidden="true">|</span>
                                        <span><strong>Tahun :</strong> {{ $item->parliament_qa_year }}</span>
                                    @endif
                                    @if($tab === 'arkib' && filled($item->parliament_qa_type))
                                        <span class="parliament-item__sep" aria-hidden="true">|</span>
                                        <span><strong>Jenis :</strong> {{ $typeNames[$item->parliament_qa_type] ?? $item->parliament_qa_type }}</span>
                                    @endif
                                </p>

                                <p class="parliament-item__no">No. Soalan : {{ $item->parliament_qa_no ?: '—' }}</p>

                                <p class="parliament-item__question">{{ \Illuminate\Support\Str::limit($questionText($item), 340) }}</p>

                                <div class="parliament-item__foot">
                                    <span class="parliament-item__source">
                                        {{ $dewanNames[$item->parliament_qa_dewan] ?? '' }}@if($item->parliament_qa_date) · {{ $item->parliament_qa_date->format('d/m/Y') }}@endif
                                    </span>

                                    <a class="parliament-item__link" href="{{ $detailUrl }}">
                                        {{ $detailLabel }}
                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round" aria-hidden="true">
                                            <path d="M5 12h14M12 5l7 7-7 7" />
                                        </svg>
                                    </a>
                                </div>
                            </article>
                        @endforeach
                    </div>

                    @if($items->hasPages())
                        <nav class="parliament__pagination" aria-label="Navigasi halaman">
                            @if($items->onFirstPage())
                                <span class="is-disabled">Sebelumnya</span>
                            @else
                                <a href="{{ $items->previousPageUrl() }}">Sebelumnya</a>
                            @endif

                            <span class="parliament__page-info">Halaman {{ $items->currentPage() }} /
                                {{ $items->lastPage() }}</span>

                            @if($items->hasMorePages())
                                <a href="{{ $items->nextPageUrl() }}">Seterusnya</a>
                            @else
                                <span class="is-disabled">Seterusnya</span>
                            @endif
                        </nav>
                    @endif
                @else
                    <div class="parliament__empty">
                        <h2>Tiada rekod untuk sesi ini</h2>
                        <p>Pilih sesi lain atau gunakan Carian Parlimen untuk mencari soalan tertentu.</p>
                    </div>
                @endif
            </div>
        @else
            @if($tab === 'arkib')
                <div class="parliament__years" aria-label="Tapisan tahun">
                    <a class="parliament__year {{ $year === '' ? 'is-active' : '' }}"
                        href="{{ $urlWith(['tab' => 'arkib']) }}">Semua Tahun</a>

                    @foreach($years as $option)
                        <a class="parliament__year {{ (string) $year === (string) $option ? 'is-active' : '' }}"
                            href="{{ $urlWith(['tab' => 'arkib', 'year' => $option]) }}">{{ $option }}</a>
                    @endforeach
                </div>
            @endif

            @if($sessionGroups->isEmpty())
                <div class="parliament__empty">
                    <h2>Tiada sesi direkodkan</h2>
                    <p>Rekod Parlimen akan dipaparkan di sini selepas dimasukkan melalui CMS.</p>
                </div>
            @else
                @if($tab !== 'arkib')
                    <h2 class="parliament__section-title">{{ t('pq.session_house') }}</h2>
                @endif

                <div class="parliament-sessions">
                    @foreach($sessionGroups as $dewanCode => $rows)
                        <section class="parliament-sessions__group">
                            <h2 class="parliament-sessions__title">{{ $dewanNames[$dewanCode] ?? $dewanCode }}</h2>

                            <ul class="parliament-sessions__list">
                                @foreach($rows as $row)
                                    @php
                                        $rowTab = $tab === 'arkib'
                                            ? (array_search($row->parliament_qa_type, $typeTabs, true) ?: 'soaljawab')
                                            : $tab;
                                    @endphp

                                    <li>
                                        <a href="{{ $urlWith([
                                            'tab' => $rowTab,
                                            'dewan' => $row->parliament_qa_dewan,
                                            'parlimen' => $row->parliament_qa_parlimen,
                                            'penggal' => $row->parliament_qa_penggal,
                                            'sesi' => $row->parliament_qa_sesi,
                                        ]) }}">
                                            <span class="parliament-sessions__label">{{ $sessionLabel($row) }}</span>
                                            <span class="parliament-sessions__meta">
                                                @if($tab === 'arkib')
                                                    <span class="parliament-sessions__type">
                                                        {{ $typeNames[$row->parliament_qa_type] ?? $row->parliament_qa_type }}
                                                    </span>
                                                @endif
                                                <span class="parliament-sessions__count">{{ $row->total }} rekod</span>
                                            </span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </section>
                    @endforeach
                </div>
            @endif
        @endif
    </div>
</section>

<style>
    .parliament {
        padding: 38px 0 72px;
        background: #f4f7f8;
        color: #1b2b2a;
        font-family: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
    }

    .parliament *,
    .parliament *::before,
    .parliament *::after {
        box-sizing: border-box;
    }

    .parliament__container {
        width: min(100% - 32px, 1120px);
        margin: 0 auto;
    }

    .parliament__breadcrumb {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 14px;
        color: #6b7a7a;
        font-size: .85rem;
    }

    .parliament__breadcrumb a {
        color: #11808f;
        font-weight: 600;
        text-decoration: none;
    }

    .parliament__breadcrumb a:hover {
        text-decoration: underline;
    }

    .parliament__header {
        margin-bottom: 22px;
    }

    .parliament__eyebrow {
        display: inline-block;
        margin-bottom: 8px;
        padding: 4px 12px;
        border-radius: 999px;
        background: #e2f1f3;
        color: #0c6a77;
        font-size: .72rem;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .parliament__header h1 {
        margin: 0 0 8px;
        color: #14413a;
        font-size: clamp(1.45rem, 3vw, 2.05rem);
        font-weight: 800;
        line-height: 1.2;
    }

    .parliament__header p {
        margin: 0;
        max-width: 72ch;
        color: #5c6b6b;
        font-size: .95rem;
        line-height: 1.65;
    }

    .parliament__tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 24px;
        padding-bottom: 14px;
        border-bottom: 2px solid #dbe7e9;
    }

    .parliament__tab {
        padding: 9px 15px;
        border: 1px solid #d3e3e5;
        border-radius: 999px;
        background: #fff;
        color: #33504d;
        font-size: .82rem;
        font-weight: 600;
        text-decoration: none;
        transition: .18s;
    }

    .parliament__tab:hover {
        border-color: #11808f;
        color: #11808f;
    }

    .parliament__tab.is-active {
        border-color: #11808f;
        background: #11808f;
        color: #fff;
    }

    .parliament__button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 42px;
        padding: 0 18px;
        border: 1px solid #11808f;
        border-radius: 8px;
        background: #11808f;
        color: #fff;
        font-size: .84rem;
        font-weight: 600;
        text-decoration: none;
        cursor: pointer;
        transition: .18s;
    }

    .parliament__button:hover {
        background: #0c6a77;
        border-color: #0c6a77;
    }

    .parliament__button--ghost {
        background: #fff;
        color: #11808f;
    }

    .parliament__button--ghost:hover {
        background: #e8f4f6;
        color: #0c6a77;
    }

    .parliament__summary {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 18px;
        margin-bottom: 14px;
        color: #5c6b6b;
        font-size: .82rem;
    }

    .parliament__hint {
        padding: 16px 18px;
        border: 1px dashed #c3d7da;
        border-radius: 10px;
        background: #fff;
        color: #5c6b6b;
        font-size: .88rem;
    }

    .parliament__empty {
        padding: 54px 22px;
        border: 1px dashed #c3d7da;
        border-radius: 12px;
        background: #fff;
        text-align: center;
    }

    .parliament__empty h2 {
        margin: 0 0 6px;
        color: #14413a;
        font-size: 1.1rem;
        font-weight: 700;
    }

    .parliament__empty p {
        margin: 0;
        color: #6b7a7a;
        font-size: .88rem;
    }

    .parliament__list {
        display: grid;
        gap: 14px;
    }

    .parliament__pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        margin-top: 26px;
        font-size: .84rem;
    }

    .parliament__pagination a,
    .parliament__pagination span {
        padding: 8px 14px;
        border: 1px solid #d3e3e5;
        border-radius: 8px;
        background: #fff;
        color: #11808f;
        font-weight: 600;
        text-decoration: none;
    }

    .parliament__pagination a:hover {
        border-color: #11808f;
        background: #e8f4f6;
    }

    .parliament__pagination .is-disabled {
        color: #a8b6b6;
        font-weight: 500;
    }

    .parliament__page-info {
        border: 0 !important;
        background: transparent !important;
        color: #5c6b6b !important;
        font-weight: 500 !important;
    }

    .parliament__years {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 22px;
    }

    .parliament__year {
        padding: 7px 14px;
        border: 1px solid #d3e3e5;
        border-radius: 8px;
        background: #fff;
        color: #33504d;
        font-size: .82rem;
        font-weight: 600;
        text-decoration: none;
    }

    .parliament__year:hover {
        border-color: #11808f;
        color: #11808f;
    }

    .parliament__year.is-active {
        border-color: #165c4a;
        background: #165c4a;
        color: #fff;
    }


    .parliament__section-title {
        margin: 0 0 16px;
        color: #14413a;
        font-size: 1.1rem;
        font-weight: 800;
    }

    .parliament-sessions {
        display: grid;
        gap: 22px;
    }

    .parliament-sessions__group {
        padding: 20px 22px;
        border: 1px solid #dbe7e9;
        border-radius: 14px;
        background: #fff;
    }

    .parliament-sessions__title {
        margin: 0 0 14px;
        color: #14413a;
        font-size: 1.05rem;
        font-weight: 700;
    }

    .parliament-sessions__list {
        display: grid;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .parliament-sessions__list a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 15px;
        border: 1px solid #e2ebec;
        border-radius: 10px;
        background: #f8fbfb;
        color: #24443f;
        font-size: .88rem;
        font-weight: 600;
        text-decoration: none;
        transition: .18s;
    }

    .parliament-sessions__list a:hover {
        border-color: #11808f;
        background: #eef7f8;
    }

    .parliament-sessions__meta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
        font-size: .76rem;
        font-weight: 600;
    }

    .parliament-sessions__type {
        padding: 3px 9px;
        border-radius: 999px;
        background: #e2f1f3;
        color: #0c6a77;
    }

    .parliament-sessions__count {
        padding: 3px 9px;
        border-radius: 999px;
        background: #165c4a;
        color: #fff;
    }

    .parliament-session__head {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 18px;
    }

    .parliament-session__eyebrow {
        display: block;
        margin-bottom: 4px;
        color: #0c6a77;
        font-size: .74rem;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .parliament-session__title {
        margin: 0;
        color: #14413a;
        font-size: 1.15rem;
        font-weight: 800;
    }

    .parliament-item {
        padding: 18px 20px;
        border: 1px solid #dbe7e9;
        border-left: 4px solid #11808f;
        border-radius: 12px;
        background: #fff;
        transition: .18s;
    }

    .parliament-item:hover {
        border-left-color: #165c4a;
        box-shadow: 0 6px 18px rgb(17 128 143 / 10%);
    }

    .parliament-item__meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        margin: 0 0 8px;
        color: #5c6b6b;
        font-size: .8rem;
    }

    .parliament-item__meta strong {
        color: #33504d;
        font-weight: 700;
    }

    .parliament-item__sep {
        color: #c3d7da;
    }

    .parliament-item__no {
        margin: 0 0 8px;
        color: #0c6a77;
        font-size: .84rem;
        font-weight: 700;
    }

    .parliament-item__question {
        margin: 0 0 14px;
        color: #1b2b2a;
        font-size: .92rem;
        line-height: 1.7;
    }

    .parliament-item__foot {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding-top: 12px;
        border-top: 1px solid #eef4f4;
    }

    .parliament-item__source {
        color: #7b8a8a;
        font-size: .78rem;
    }

    .parliament-item__link {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #11808f;
        font-size: .82rem;
        font-weight: 700;
        text-decoration: none;
    }

    .parliament-item__link svg {
        width: 16px;
        height: 16px;
        transition: transform .18s;
    }

    .parliament-item__link:hover {
        color: #0c6a77;
        text-decoration: underline;
    }

    .parliament-item__link:hover svg {
        transform: translateX(3px);
    }

    .parliament-detail {
        padding: 24px 26px;
        border: 1px solid #dbe7e9;
        border-radius: 14px;
        background: #fff;
    }

    .parliament-detail__back {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 18px;
        color: #11808f;
        font-size: .84rem;
        font-weight: 600;
        text-decoration: none;
    }

    .parliament-detail__back svg {
        width: 16px;
        height: 16px;
    }

    .parliament-detail__back:hover {
        text-decoration: underline;
    }

    .parliament-detail__head {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
    }

    .parliament-detail__badge {
        padding: 4px 12px;
        border-radius: 999px;
        background: #e2f1f3;
        color: #0c6a77;
        font-size: .76rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .parliament-detail__no {
        color: #165c4a;
        font-size: .84rem;
        font-weight: 700;
    }

    .parliament-detail__title {
        margin: 0 0 18px;
        color: #14413a;
        font-size: clamp(1.15rem, 2.4vw, 1.5rem);
        font-weight: 800;
        line-height: 1.35;
    }

    .parliament-detail__meta {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
        gap: 10px 18px;
        margin: 0 0 22px;
        padding: 18px;
        border-radius: 12px;
        background: #f8fbfb;
    }

    .parliament-detail__meta-item {
        margin: 0;
    }

    .parliament-detail__meta-item dt {
        margin-bottom: 3px;
        color: #7b8a8a;
        font-size: .72rem;
        font-weight: 700;
        letter-spacing: .05em;
        text-transform: uppercase;
    }

    .parliament-detail__meta-item dd {
        margin: 0;
        color: #1b2b2a;
        font-size: .88rem;
        font-weight: 600;
    }

    .parliament-detail__block {
        margin-bottom: 20px;
    }

    .parliament-detail__block h3 {
        margin: 0 0 8px;
        padding-left: 12px;
        border-left: 4px solid #11808f;
        color: #14413a;
        font-size: 1rem;
        font-weight: 700;
    }

    .parliament-detail__block--answer h3 {
        border-left-color: #165c4a;
    }

    .parliament-detail__text,
    .parliament-detail__answer {
        margin: 0;
        color: #26343a;
        font-size: .93rem;
        line-height: 1.85;
        text-align: justify;
    }

    .parliament-detail__answer {
        padding: 18px 20px;
        border: 1px solid #dfeceb;
        border-radius: 12px;
        background: #f6fbf9;
    }

    .parliament-detail__muted {
        margin: 0;
        color: #7b8a8a;
        font-size: .88rem;
        font-style: italic;
    }

    .parliament-detail__files {
        display: grid;
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .parliament-detail__files a {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 10px 14px;
        border: 1px solid #d3e3e5;
        border-radius: 10px;
        background: #fff;
        color: #11808f;
        font-size: .85rem;
        font-weight: 600;
        text-decoration: none;
    }

    .parliament-detail__files a:hover {
        border-color: #11808f;
        background: #eef7f8;
    }

    .parliament-detail__files svg {
        width: 17px;
        height: 17px;
    }

    .parliament-search__form {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        gap: 14px;
        align-items: end;
        margin-bottom: 24px;
        padding: 20px;
        border: 1px solid #dbe7e9;
        border-radius: 14px;
        background: #fff;
    }

    .parliament-search__field {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .parliament-search__field--wide {
        grid-column: span 2;
    }

    .parliament-search__field label {
        color: #33504d;
        font-size: .78rem;
        font-weight: 700;
    }

    .parliament-search__field input,
    .parliament-search__field select {
        height: 42px;
        padding: 0 12px;
        border: 1px solid #d3e3e5;
        border-radius: 8px;
        background: #fbfdfd;
        color: #1b2b2a;
        font-family: inherit;
        font-size: .87rem;
    }

    .parliament-search__field input:focus,
    .parliament-search__field select:focus {
        border-color: #11808f;
        background: #fff;
        outline: 2px solid rgb(17 128 143 / 15%);
    }

    .parliament-search__actions {
        display: flex;
        gap: 10px;
    }

    @media (max-width: 780px) {
        .parliament {
            padding: 26px 0 54px;
        }

        .parliament-detail {
            padding: 18px 16px;
        }

        .parliament-search__field--wide {
            grid-column: span 1;
        }

        .parliament-sessions__list a {
            align-items: flex-start;
            flex-direction: column;
        }
    }

    @media (max-width: 480px) {
        .parliament__tab {
            padding: 8px 12px;
            font-size: .78rem;
        }

        .parliament-item {
            padding: 15px;
        }

        .parliament-detail__meta {
            grid-template-columns: 1fr;
        }
    }
</style>