=== komponen #29 ===
  id             : 29
  name           : Widget NRES
  code           : widget_nres
  type           : PHP
  category       : Section
  status         : 1
  created_at     : 2026-11-01 01:01:32
  updated_at     : 2026-11-01 16:56:06

  content (17937 bait):
  ────────────────────────────────
    1 | {{--
    2 |   WIDGET NRES — Dashboard: Cuaca · APIMS · Amaran · Statistik
    3 |   ---------------------------------------------------------------------------
    4 |   Data SEBENAR (bukan demo):
    5 |     /widget/weather          → data.gov.my (MET Malaysia)
    6 |     /widget/air-quality      → APIMS · DOE (proksi, kerana CORS)
    7 |     /widget/weather-warning  → data.gov.my amaran cuaca
    8 |     /widget/visitor-stats    → visitor_page_views (statistik lawatan)
    9 | --}}
   10 | <div class="container-xl pt-3">
   11 |     <section class="environment-section mb-5" id="alam-sekitar"
   12 |         aria-label="Cuaca, kualiti udara dan statistik"
   13 |         data-weather="{{ url('/widget/weather') }}"
   14 |         data-air="{{ url('/widget/air-quality') }}"
   15 |         data-warning="{{ url('/widget/weather-warning') }}"
   16 |         data-stats="{{ url('/widget/visitor-stats') }}">
   17 | 
   18 |         <div class="weather-demo-label">
   19 |             Data langsung · MET Malaysia (cuaca) · JAS/DOE (IPU) · statistik lawatan laman
   20 |         </div>
   21 | 
   22 |         <div class="weather-dashboard">
   23 | 
   24 |             {{-- 1. CUACA --}}
   25 |             <article class="weather-tile">
   26 |                 <h2>CUACA HARI INI — <span id="wxPlace">PUTRAJAYA</span></h2>
   27 |                 <p class="weather-source">Sumber: MET Malaysia · data.gov.my</p>
   28 | 
   29 |                 <div class="weather-reading">
   30 |                     <span class="storm-icon" id="wxIcon" aria-hidden="true">☀️</span>
   31 |                     <div>
   32 |                         <strong id="wxTemp">–</strong>
   33 |                         <span id="wxSummary">Memuatkan…</span>
   34 |                     </div>
   35 |                 </div>
   36 | 
   37 |                 <div class="weather-range" id="wxRange">H: – &nbsp; L: –</div>
   38 |                 <p class="weather-updated" id="wxUpdated">Memuatkan data…</p>
   39 |             </article>
   40 | 
   41 |             {{-- 2. INDEKS PENCEMARAN UDARA --}}
   42 |             <article class="weather-tile">
   43 |                 <h2>INDEKS PENCEMAR UDARA (APIMS)</h2>
   44 |                 <p class="weather-source">Sumber: JAS · DOE (APIMS)</p>
   45 | 
   46 |                 <div class="air-gauge">
   47 |                     <svg viewBox="0 0 220 120" aria-hidden="true">
   48 |                         <path d="M20 105a90 90 0 0 1 180 0" fill="none" stroke="#e5d039" stroke-width="14" />
   49 |                         <path d="M20 105a90 90 0 0 1 67-87" fill="none" stroke="#54a96a" stroke-width="14" />
   50 |                         <path d="M87 18a90 90 0 0 1 23-3" fill="none" stroke="#88b748" stroke-width="14" />
   51 |                         <line id="airNeedle" x1="110" y1="105" x2="110" y2="32" stroke="#14413a" stroke-width="3"
   52 |                             stroke-linecap="round" />
   53 |                         <circle cx="110" cy="105" r="6" fill="#14413a" />
   54 |                     </svg>
   55 | 
   56 |                     <div>
   57 |                         <strong id="airValue">–</strong>
   58 |                         <b id="airClass">Memuatkan…</b>
   59 |                     </div>
   60 |                 </div>
  … (414 baris lagi)