{{-- ============================================================================
     PAGE CONTENT — Peta Laman (Sitemap)
     Site  : nres  ·  Page slug: sitemap  ·  Page ID: 41
     URL   : /nres/sitemap

     Konsep: peta laman penuh, dijana AUTOMATIK daripada menu navbar publik
             ($menuTree dari PortalHandler) — jadi ia sentiasa selari dengan
             struktur navigasi sebenar tanpa penyelenggaraan manual.

     Sumber data:
       · $menuTree  → pokok menu publik (navbar) — nama sudah diterjemah via t()
       · $sitePages → senarai halaman site (untuk seksyen "Halaman Lain")

     Item tanpa menu_link dipaparkan sebagai teks biasa (struktur sahaja).
     BM/EN ikut sesi. CSS sendiri (kelas .sm-*).
     ============================================================================ --}}

@php
    $smLang = ($lang ?? session('locale', 'ms')) === 'en' ? 'en' : 'ms';
    $smTree = is_array($menuTree ?? null) ? $menuTree : [];

    // Kumpul laluan dalaman yang sudah ada dalam menu
    $smLinked = [];

    $smCollect = function ($items) use (&$smCollect, &$smLinked) {
        foreach ($items as $it) {
            $link = trim((string) ($it['menu_link'] ?? ''));

            if (str_starts_with($link, '/')) {
                $smLinked[] = rtrim(strtok($link, '?'), '/');
            }

            if (! empty($it['children'])) {
                $smCollect($it['children']);
            }
        }
    };

    $smCollect($smTree);

    // Halaman yang TIDAK dipautkan dalam menu (dan bukan halaman ini sendiri)
    $smSelf = trim(request()->path(), '/');

    $smOther = collect($sitePages ?? [])
        ->filter(function ($p) use ($smLinked, $siteSlug, $smSelf) {
            $path = '/'.($siteSlug ?? 'nres').'/'.$p['slug'];

            if ($smSelf === ($siteSlug ?? 'nres').'/'.$p['slug']) {
                return false;
            }

            return ! in_array(rtrim($path, '/'), $smLinked, true);
        })
        ->values();

    // Kira pautan sebenar
    $smLinks = 0;

    $smCount = function ($items) use (&$smCount, &$smLinks) {
        foreach ($items as $it) {
            if (trim((string) ($it['menu_link'] ?? '')) !== '') {
                $smLinks++;
            }

            if (! empty($it['children'])) {
                $smCount($it['children']);
            }
        }
    };

    $smCount($smTree);

    $smTotal = $smLinks + $smOther->count();
@endphp

<section class="py-4 py-lg-5">
  <div class="container-xl">

    <div class="text-center mb-4">
      <h1 class="sm-title">{{ t('Sitemap') }}</h1>
      @php
        $smNote = $smLang === 'en'
            ? 'Full page index of the NRES Portal — '.$smTotal.' links.'
            : 'Indeks penuh halaman Portal NRES — '.$smTotal.' pautan.';
      @endphp
      <p class="sm-sub">{{ $smNote }}</p>
    </div>

    <ul class="sm-tree">
      @foreach ($smTree as $smSec)
        @php
          $smSecLink = trim((string) ($smSec['menu_link'] ?? ''));
          $smKids    = $smSec['children'] ?? [];
        @endphp
        <li>
          @if ($smSecLink !== '')
            <a class="sm-top" href="{{ $smSecLink }}">{{ $smSec['menu_name'] }}</a>
          @else
            <span class="sm-top">{{ $smSec['menu_name'] }}</span>
          @endif

          @if ($smKids)
            <ul>
              @foreach ($smKids as $smKid)
                @php $smKidLink = trim((string) ($smKid['menu_link'] ?? '')); @endphp
                <li>
                  @if ($smKidLink !== '')
                    <a href="{{ $smKidLink }}">{{ $smKid['menu_name'] }}</a>
                  @else
                    <span>{{ $smKid['menu_name'] }}</span>
                  @endif

                  @if (! empty($smKid['children']))
                    <ul>
                      @foreach ($smKid['children'] as $smG)
                        @php $smGLink = trim((string) ($smG['menu_link'] ?? '')); @endphp
                        <li>
                          @if ($smGLink !== '')
                            <a href="{{ $smGLink }}">{{ $smG['menu_name'] }}</a>
                          @else
                            <span>{{ $smG['menu_name'] }}</span>
                          @endif
                        </li>
                      @endforeach
                    </ul>
                  @endif
                </li>
              @endforeach
            </ul>
          @endif
        </li>
      @endforeach
    </ul>

    @if ($smOther->isNotEmpty())
      <h2 class="sm-h2">{{ t('sm.other_links') }}</h2>
      <ul class="sm-tree sm-tree--flat">
        @foreach ($smOther as $smP)
          <li><a href="/{{ $siteSlug }}/{{ $smP['slug'] }}">{{ t($smP['name']) }}</a></li>
        @endforeach
      </ul>
    @endif

    <p class="sm-foot">
      {{ t('sm.footnote') }}
      {{ \Carbon\Carbon::now()->locale($smLang === 'en' ? 'en' : 'ms')->translatedFormat('d F Y') }}
    </p>

  </div>
</section>

<style>
.sm-title{font-weight:800;color:var(--deep);letter-spacing:.3px;font-size:clamp(1.2rem,2.6vw,1.85rem);margin:0 0 .35rem;text-transform:uppercase}
.sm-sub{font-size:.85rem;color:var(--bs-secondary-color);margin:0}
.sm-h2{position:relative;font-weight:700;color:var(--green);font-size:.92rem;margin:1.7rem 0 .9rem;padding:0 0 .55rem .7rem;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--line)}
.sm-h2::before{content:"";position:absolute;left:0;top:.12em;bottom:.72rem;width:4px;border-radius:3px;background:linear-gradient(180deg,var(--teal),var(--green))}

/* Pokok sitemap — senarai bersarang (konsep portal asal) */
.sm-tree{list-style:none;margin:0;padding:0;columns:2;column-gap:2.6rem}
.sm-tree>li{break-inside:avoid;margin:0 0 1.15rem}
.sm-top{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;font-size:.84rem;letter-spacing:.35px;text-transform:uppercase;color:var(--green);text-decoration:none;line-height:1.3}
.sm-top::before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:2px;background:linear-gradient(135deg,var(--teal),var(--green))}
a.sm-top:hover{color:var(--teal)}
.sm-tree ul{list-style:none;margin:.3rem 0 0;padding:0 0 0 1.15rem;border-left:1px solid var(--line)}
.sm-tree ul li{position:relative;padding:.15rem 0;font-size:.845rem;line-height:1.5}
.sm-tree ul li::before{content:"";position:absolute;left:-1.15rem;top:.78em;width:.75rem;height:1px;background:var(--line)}
.sm-tree ul li>span{color:var(--ink);opacity:.68;font-weight:600}
.sm-tree ul a{color:var(--teal);font-weight:500;text-decoration:none;transition:color .18s ease}
.sm-tree ul a:hover{color:var(--deep);text-decoration:underline}
.sm-tree ul ul{margin-top:.15rem;padding-left:1rem}
.sm-tree ul ul li{font-size:.815rem}
.sm-tree--flat{columns:3;margin-top:0}
.sm-tree--flat>li{margin:0;padding:.2rem 0;font-size:.845rem}
.sm-tree--flat a{color:var(--teal);font-weight:500;text-decoration:none}
.sm-tree--flat a:hover{color:var(--deep);text-decoration:underline}
.sm-tree--flat a::before{content:"";display:inline-block;width:6px;height:6px;margin-right:.5rem;border-radius:50%;background:var(--teal);opacity:.5;vertical-align:middle}
.sm-foot{font-size:.72rem;color:var(--bs-secondary-color);text-align:center;margin:1.8rem 0 0}
@media(max-width:991.98px){
.sm-tree{columns:1}
.sm-tree--flat{columns:2}
}
@media(max-width:575.98px){
.sm-h2{font-size:.85rem}
.sm-tree--flat{columns:1}
}
</style>