{{-- ============================================================
     COMPONENT: News — BERITA TERKINI + SUARA ANDA
     "BERITA TERKINI" kini DB-driven dari modul Content Article (kategori NEWS).

     Sumber data:
       · content_article             → article_category = 'NEWS', article_status = ACTIVE,
                                       tetingkap terbit (scopePublished: tarikh + MASA),
                                       article_date, article_image, article_sorting
       · content_article_translation → article_translation_title + article_translation_content

     Imej guna helper image_url() → fallback public/dynaweb4/img/No_Image_Available.jpg.
     "SUARA ANDA" = 4 pautan SEBENAR ke halaman sedia ada (Aduan & Maklum Balas,
     Aduan Integriti, Kaji Selidik Kepuasan Pelanggan 2026, Kaji Selidik Kepuasan
     Digital 2026). Tiada modul konsultasi awam dalam sistem.
     CSS .news / .news-img / .date ada dalam Layout site NRES.
     Guna pada page lain: assign komponen ini + letak {!! $news_nres !!}.
     ============================================================ --}}

@php
    $nwsLang = ($lang ?? session('locale', 'ms')) === 'en' ? 'en' : 'ms';

    $nwsRows = \App\Models\Backend\ContentArticle::query()
        ->where('article_category', 'NEWS')
        ->published()
        ->orderByDesc('article_date')
        ->orderByDesc('article_id')
        ->limit(3)
        ->get();

    $nwsIds = $nwsRows->pluck('article_id')->all();

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

    $nwsMonths = [
        'ms' => [1 => 'Januari', 'Februari', 'Mac', 'April', 'Mei', 'Jun', 'Julai', 'Ogos', 'September', 'Oktober', 'November', 'Disember'],
        'en' => [1 => 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
    ];

    $nwsItems = [];

    foreach ($nwsRows as $nwsRow) {
        $rows = $nwsTr[$nwsRow->article_id] ?? collect();

        $tr = $rows->firstWhere('article_translation_language', $nwsLang)
            ?? $rows->firstWhere('article_translation_main', 1)
            ?? $rows->first();

        if (! $tr || trim((string) $tr->article_translation_title) === '') {
            continue;
        }

        $ts = $nwsRow->article_date ? strtotime((string) $nwsRow->article_date) : null;
        $ts = $ts ?: strtotime((string) $nwsRow->created_at);

        $excerpt = trim(preg_replace('/\s+/', ' ', strip_tags((string) $tr->article_translation_content)));

        if (mb_strlen($excerpt) > 150) {
            $excerpt = rtrim(mb_substr($excerpt, 0, 147)).'…';
        }

        $nwsItems[] = [
            'title' => trim((string) $tr->article_translation_title),
            'excerpt' => $excerpt,
            'img' => image_url($nwsRow->article_image),
            'day' => $ts ? date('d', $ts) : '',
            'month' => $ts ? ($nwsMonths[$nwsLang][(int) date('n', $ts)] ?? '') : '',
            'year' => $ts ? date('Y', $ts) : '',
        ];
    }
@endphp

<section class="row g-3 mt-4 mb-5">
      <div class="col-lg-6"><div class="card-soft p-3 h-100">
        <div class="d-flex justify-content-between align-items-center mb-2"><h2 class="panel-title mb-0">{{ t('news.latest_news') }}</h2><a href="/{{ $siteSlug ?? 'nres' }}/article" class="text-teal small fw-semibold text-decoration-none">{{ t('common.view_all') }} <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 5l7 7-7 7"/></svg></a></div>
        @forelse ($nwsItems as $nwsItem)
        <div class="news d-flex gap-3 py-3"><div class="news-img"><img src="{{ $nwsItem['img'] }}" alt="{{ $nwsItem['title'] }}"><div class="date"><b>{{ $nwsItem['day'] }}</b><small>{{ $nwsItem['month'] }}<br>{{ $nwsItem['year'] }}</small></div></div><div class="flex-grow-1"><h3>{{ $nwsItem['title'] }}</h3><p>{{ $nwsItem['excerpt'] }}</p></div><span class="text-teal align-self-center"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 5l7 7-7 7"/></svg></span></div>
        @empty
        <p class="small text-muted mb-0">{{ t('news.no_news_available_at_the_moment') }}</p>
        @endforelse
      </div></div>
<div class="col-lg-6"><div class="card-soft p-3 h-100">
        <h2 class="panel-title mb-2">{{ t('news.your_voice') }}</h2>
        <p class="small text-muted mb-1">{{ t('news.voice_intro') }}</p>
        <a href="/{{ $siteSlug ?? 'nres' }}/complaints-feedback" class="eng d-flex gap-3 align-items-center py-3"><span class="eicon"><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="M4 5h16v11H9l-5 4z"/><path d="M8 9h8M8 12h5"/></svg></span><div class="flex-grow-1"><b>{{ t('Complaints & Feedback') }}</b><p class="mb-0">{{ t('news.card_cf_desc') }}</p></div><span class="text-teal"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 5l7 7-7 7"/></svg></span></a>
        <a href="/{{ $siteSlug ?? 'nres' }}/integrity-complaint" class="eng d-flex gap-3 align-items-center py-3"><span class="eicon"><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="M12 3l7 3v6c0 4-3 7-7 9-4-2-7-5-7-9V6z"/><path d="M9 12l2 2 4-4"/></svg></span><div class="flex-grow-1"><b>{{ t('Integrity Complaint') }}</b><p class="mb-0">{{ t('news.card_ic_desc') }}</p></div><span class="text-teal"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 5l7 7-7 7"/></svg></span></a>
        <a href="/{{ $siteSlug ?? 'nres' }}/customer-satisfaction-2026" class="eng d-flex gap-3 align-items-center py-3"><span class="eicon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="4" width="14" height="17" rx="2"/><path d="M9 4h6v3H9zM8.5 12l1.5 1.5 3-3M8 17h8"/></svg></span><div class="flex-grow-1"><b>{{ t('Customer Satisfaction Survey 2026') }}</b><p class="mb-0">{{ t('news.card_cs_desc') }}</p></div><span class="text-teal"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 5l7 7-7 7"/></svg></span></a>
        <a href="/{{ $siteSlug ?? 'nres' }}/digital-satisfaction-2026" class="eng d-flex gap-3 align-items-center py-3"><span class="eicon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M8 20h8M12 16v4"/></svg></span><div class="flex-grow-1"><b>{{ t('Digital Satisfaction Survey 2026') }}</b><p class="mb-0">{{ t('news.card_ds_desc') }}</p></div><span class="text-teal"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 5l7 7-7 7"/></svg></span></a>
      </div></div>
    </section>