{
    "page": {
        "id": 33,
        "name": "e-Services",
        "slug": "e-services",
        "page_content": "{{-- ============================================================================\r\n     PAGE CONTENT — e-Perkhidmatan (e-Services)\r\n     Site  : nres  ·  Page slug: e-services  ·  Page ID: 33\r\n     URL   : /nres/e-services\r\n\r\n     Konsep diambil daripada portal asal:\r\n       https://www.nres.gov.my/ms-my/Pages/e-Perkhidmatan.aspx\r\n       (hub perkhidmatan digital: kad grid — perkhidmatan dalam talian NRES,\r\n        portal/sistem luar, dan saluran aduan)\r\n\r\n     Nota:\r\n     · SEMUA logik + markup + CSS ada dalam fail ini — tiada komponen, tiada partial.\r\n     · Warna guna CSS variable tema (--teal/--green/--fade/--line/--ink) → dark mode.\r\n     · Ikon guna inline SVG (gaya sama seperti location.blade.php / footer_nres).\r\n     ============================================================================ --}}\r\n\r\n@php\r\n    $esvcLang = ($lang ?? session('locale', 'ms')) === 'en' ? 'en' : 'ms';\r\n    $esvcIsEn = $esvcLang === 'en';\r\n    $esvcSite = trim((string) ($siteSlug ?? ''), '/');\r\n    $esvcHome = url($esvcSite !== '' ? $esvcSite.'/home' : '/');\r\n\r\n    // pautan ke page dalaman site ini (cth /nres/publication)\r\n    $esvcUrl = fn (string $esvcSlug) => url(($esvcSite !== '' ? $esvcSite.'/' : '').$esvcSlug);\r\n\r\n    /* ------------------------------- perkhidmatan dalam talian --- */\r\n    $esvcInternal = [\r\n        [\r\n            'slug' => 'complaints-feedback',\r\n            'title' => ['ms' => 'Aduan & Maklum Balas', 'en' => 'Complaints & Feedback'],\r\n            'desc' => ['ms' => 'Salurkan aduan, pertanyaan dan cadangan kepada kementerian.', 'en' => 'Submit complaints, enquiries and suggestions to the ministry.'],\r\n            'icon' => '<path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>',\r\n        ],\r\n        [\r\n            'slug' => 'integrity-complaint',\r\n            'title' => ['ms' => 'Aduan Integriti', 'en' => 'Integrity Complaint'],\r\n            'desc' => ['ms' => 'Saluran khas hebahan dan aduan berkaitan integriti.', 'en' => 'Dedicated channel for integrity reports and disclosures.'],\r\n            'icon' => '<path d=\"M12 3l7 3v6c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6z\"/><path d=\"M9.5 12l1.8 1.8L15 10\"/>',\r\n        ],\r\n        [\r\n            'slug' => 'tenders-and-quotations',\r\n            'title' => ['ms' => 'Tender & Sebut Harga', 'en' => 'Tenders & Quotations'],\r\n            'desc' => ['ms' => 'Iklan tender, sebut harga dan keputusan perolehan.', 'en' => 'Tender notices, quotations and procurement results.'],\r\n            'icon' => '<path d=\"M9 3h6l1 3H8z\"/><rect x=\"4\" y=\"6\" width=\"16\" height=\"15\" rx=\"2\"/><path d=\"M9 12h6M9 16h4\"/>',\r\n        ],\r\n        [\r\n            'slug' => 'parliament-qa',\r\n            'title' => ['ms' => 'Soal Jawab Parlimen', 'en' => 'Parliament Q&A'],\r\n            'desc' => ['ms' => 'Soalan dan jawapan parlimen berkaitan kementerian.', 'en' => 'Parliamentary questions and answers concerning the ministry.'],\r\n            'icon' => '<path d=\"M4 19V6a2 2 0 0 1 2-2h9l5 5v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M14 4v5h5\"/>',\r\n        ],\r\n        [\r\n            'slug' => 'publication',\r\n            'title' => ['ms' => 'Penerbitan', 'en' => 'Publications'],\r\n            'desc' => ['ms' => 'Dasar, laporan, buletin dan penerbitan rasmi mengikut teras.', 'en' => 'Policies, reports, bulletins and official publications by pillar.'],\r\n            'icon' => '<path d=\"M4 5a2 2 0 0 1 2-2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M14 3v5h5M8 13h8M8 17h5\"/>',\r\n        ],\r\n        [\r\n            'slug' => 'officer-directory',\r\n            'title' => ['ms' => 'Direktori Pegawai', 'en' => 'Officer Directory'],\r\n            'desc' => ['ms' => 'Cari pegawai mengikut bahagian, unit dan jawatan.', 'en' => 'Find officers by division, unit and position.'],\r\n            'icon' => '<circle cx=\"12\" cy=\"8\" r=\"3.2\"/><path d=\"M5 20a7 7 0 0 1 14 0\"/>',\r\n        ],\r\n        [\r\n            'slug' => 'location',\r\n            'title' => ['ms' => 'Lokasi & Hubungi Kami', 'en' => 'Location & Contact Us'],\r\n            'desc' => ['ms' => 'Alamat, peta, telefon dan e-mel kementerian.', 'en' => 'Address, map, telephone and e-mail of the ministry.'],\r\n            'icon' => '<path d=\"M12 21s7-6 7-11a7 7 0 0 0-14 0c0 5 7 11 7 11z\"/><circle cx=\"12\" cy=\"10\" r=\"2.5\"/>',\r\n        ],\r\n        [\r\n            'slug' => 'faq',\r\n            'title' => ['ms' => 'Soalan Lazim (FAQ)', 'en' => 'Frequently Asked Questions'],\r\n            'desc' => ['ms' => 'Jawapan kepada soalan yang kerap ditanya.', 'en' => 'Answers to commonly asked questions.'],\r\n            'icon' => '<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9.6 9.2a2.6 2.6 0 1 1 3.6 2.4c-.8.4-1.2 1-1.2 1.9\"/><path d=\"M12 17h.01\"/>',\r\n        ],\r\n        [\r\n            'slug' => 'calender',\r\n            'title' => ['ms' => 'Takwim', 'en' => 'Calendar'],\r\n            'desc' => ['ms' => 'Takwim program, majlis dan aktiviti kementerian.', 'en' => 'Calendar of ministry programmes, events and activities.'],\r\n            'icon' => '<rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"/><path d=\"M8 3v4M16 3v4M4 10h16\"/>',\r\n        ],\r\n        [\r\n            'slug' => 'gallery',\r\n            'title' => ['ms' => 'Galeri', 'en' => 'Gallery'],\r\n            'desc' => ['ms' => 'Album foto dan video program kementerian.', 'en' => 'Photo and video albums of ministry programmes.'],\r\n            'icon' => '<rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"/><circle cx=\"9\" cy=\"10\" r=\"1.6\"/><path d=\"M4 17l5-4 4 3 3-2 4 3\"/>',\r\n        ],\r\n        [\r\n            'slug' => 'media-statement',\r\n            'title' => ['ms' => 'Kenyataan Media', 'en' => 'Media Statements'],\r\n            'desc' => ['ms' => 'Kenyataan media dan siaran media rasmi.', 'en' => 'Official media statements and press releases.'],\r\n            'icon' => '<path d=\"M4 9v6h3l6 4V5L7 9z\"/><path d=\"M17 9a4 4 0 0 1 0 6\"/>',\r\n        ],\r\n        [\r\n            'slug' => 'visitor-statistics',\r\n            'title' => ['ms' => 'Statistik Perkhidmatan', 'en' => 'Service Statistics'],\r\n            'desc' => ['ms' => 'Statistik penggunaan portal dan perkhidmatan dalam talian.', 'en' => 'Portal and online service usage statistics.'],\r\n            'icon' => '<path d=\"M5 20V10M12 20V4M19 20v-7\"/>',\r\n        ],\r\n    ];\r\n\r\n    /* --------------------------------- portal / sistem luar --- */\r\n    $esvcExternal = [\r\n        [\r\n            'title' => ['ms' => 'Portal Perkhidmatan Digital NRES', 'en' => 'NRES Digital Services Portal'],\r\n            'desc' => ['ms' => 'Log masuk sekali (SSO) ke sistem dalaman kementerian.', 'en' => 'Single sign-on (SSO) to ministry internal systems.'],\r\n            'url' => 'https://sso.nres.gov.my/login',\r\n            'icon' => '<rect x=\"4\" y=\"10\" width=\"16\" height=\"10\" rx=\"2\"/><path d=\"M8 10V7a4 4 0 0 1 8 0v3\"/>',\r\n        ],\r\n        [\r\n            'title' => ['ms' => 'Portal Perpustakaan', 'en' => 'Library Portal'],\r\n            'desc' => ['ms' => 'Katalog dan khidmat rujukan perpustakaan kementerian.', 'en' => 'Library catalogue and reference services.'],\r\n            'url' => 'https://library.nres.gov.my/',\r\n            'icon' => '<path d=\"M4 5h6v15H4zM14 5h6v15h-6z\"/><path d=\"M10 5h4v15h-4z\"/>',\r\n        ],\r\n        [\r\n            'title' => ['ms' => 'Portal WARGA', 'en' => 'WARGA Portal'],\r\n            'desc' => ['ms' => 'Portal dalaman untuk warga kementerian.', 'en' => 'Internal portal for ministry staff.'],\r\n            'url' => 'https://warga.nres.gov.my/Pages/lamanutama.aspx',\r\n            'icon' => '<circle cx=\"12\" cy=\"8\" r=\"3.2\"/><path d=\"M5 20a7 7 0 0 1 14 0\"/>',\r\n        ],\r\n        [\r\n            'title' => ['ms' => 'Big Data NRES (BDA)', 'en' => 'NRES Big Data (BDA)'],\r\n            'desc' => ['ms' => 'Papan pemuka data dan analitik sektor.', 'en' => 'Sector data and analytics dashboards.'],\r\n            'url' => 'https://bda.nres.gov.my/index.php/en/',\r\n            'icon' => '<ellipse cx=\"12\" cy=\"6\" rx=\"7\" ry=\"3\"/><path d=\"M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6\"/><path d=\"M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6\"/>',\r\n        ],\r\n        [\r\n            'title' => ['ms' => 'Portal Rasmi Kerajaan Malaysia', 'en' => 'Malaysia Government Portal'],\r\n            'desc' => ['ms' => 'MyGov — pintu masuk perkhidmatan kerajaan.', 'en' => 'MyGov — gateway to government services.'],\r\n            'url' => 'https://www.malaysia.gov.my',\r\n            'icon' => '<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18\"/>',\r\n        ],\r\n        [\r\n            'title' => ['ms' => 'Saluran e-Penyertaan', 'en' => 'e-Participation Channel'],\r\n            'desc' => ['ms' => 'Saluran penyertaan awam dalam dasar dan program.', 'en' => 'Public participation channel for policies and programmes.'],\r\n            'url' => 'https://www.nres.gov.my/ms-my/epenyertaan/Pages/senaraiepenyertaan.aspx',\r\n            'icon' => '<path d=\"M16 4h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-3\"/><path d=\"M11 8l-4 4 4 4M7 12h10\"/>',\r\n        ],\r\n    ];\r\n@endphp\r\n\r\n<style>\r\n.esvc__container{padding:26px 16px 40px}\r\n.esvc__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 auto 14px;max-width:1080px;color:var(--bs-secondary-color);font-size:.8rem}\r\n.esvc__breadcrumb a{color:var(--teal);font-weight:600;text-decoration:none}\r\n.esvc__breadcrumb a:hover{text-decoration:underline}\r\n.esvc__header{margin:0 auto 24px;max-width:1080px;text-align:center}\r\n.esvc__eyebrow{display:inline-block;margin-bottom:8px;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--teal) 14%,transparent);color:var(--teal);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}\r\n.esvc__header h1{margin:0 0 10px;color:var(--green);font-size:clamp(1.4rem,2.9vw,2rem);font-weight:800;line-height:1.25}\r\n.esvc__lead{margin:0 auto;max-width:780px;color:var(--bs-secondary-color);font-size:.9rem;line-height:1.8}\r\n.esvc__group{margin:0 auto 22px;max-width:1080px}\r\n.esvc__group-title{margin:0 0 14px;padding-left:12px;border-left:4px solid var(--teal);color:var(--green);font-size:.95rem;font-weight:800;letter-spacing:.02em}\r\n.esvc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}\r\n.esvc__card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--bs-body-bg);color:var(--ink);text-decoration:none;transition:.18s}\r\n.esvc__card:hover{border-color:var(--teal);box-shadow:0 12px 26px color-mix(in srgb,var(--teal) 14%,transparent);transform:translateY(-2px)}\r\n.esvc__ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--teal) 12%,transparent);color:var(--teal);flex:none}\r\n.esvc__ico svg{width:22px;height:22px}\r\n.esvc__card-body{min-width:0;flex:1}\r\n.esvc__card-title{display:block;margin:0 0 5px;color:var(--green);font-size:.9rem;font-weight:800;line-height:1.45}\r\n.esvc__card-desc{display:block;margin:0;color:var(--bs-secondary-color);font-size:.79rem;line-height:1.7}\r\n.esvc__arrow{margin-left:auto;flex:none;align-self:center;color:var(--teal)}\r\n.esvc__arrow svg{width:16px;height:16px}\r\n.esvc__ext{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--fade) 70%,transparent);color:var(--bs-secondary-color);font-size:.66rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}\r\n.esvc__ext svg{width:11px;height:11px}\r\n.esvc__note{margin:22px auto 0;max-width:1080px;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:12px;background:color-mix(in srgb,var(--fade) 45%,transparent);color:var(--bs-secondary-color);font-size:.82rem;line-height:1.75}\r\n@media (max-width:600px){\r\n  .esvc__container{padding:18px 12px 30px}\r\n  .esvc__grid{grid-template-columns:1fr}\r\n  .esvc__card{padding:14px 15px}\r\n}\r\n</style>\r\n\r\n<section class=\"esvc\">\r\n    <div class=\"esvc__container\">\r\n\r\n        {{-- ============================ BREADCRUMB ============================ --}}\r\n        <nav class=\"esvc__breadcrumb\" aria-label=\"breadcrumb\">\r\n            <a href=\"{{ $esvcHome }}\">{{ $esvcIsEn ? 'Home' : 'Utama' }}</a>\r\n            <span>/</span>\r\n            <span>{{ $esvcIsEn ? 'e-Services' : 'e-Perkhidmatan' }}</span>\r\n        </nav>\r\n\r\n        {{-- ============================== HEADER ============================== --}}\r\n        <header class=\"esvc__header\">\r\n            <span class=\"esvc__eyebrow\">{{ $esvcIsEn ? 'Digital Services' : 'Perkhidmatan Digital' }}</span>\r\n            <h1>{{ $esvcIsEn ? 'e-Services' : 'e-Perkhidmatan' }}</h1>\r\n            <p class=\"esvc__lead\">\r\n                {{ $esvcIsEn\r\n                    ? 'Online services of the Ministry of Natural Resources and Environmental Sustainability — publications, tenders, complaints, statistics and external portals, all in one place.'\r\n                    : 'Perkhidmatan dalam talian Kementerian Sumber Asli dan Kelestarian Alam — penerbitan, tender, aduan, statistik dan portal luar, semuanya di satu tempat.' }}\r\n            </p>\r\n        </header>\r\n\r\n        {{-- =================== PERKHIDMATAN DALAM TALIAN ==================== --}}\r\n        <section class=\"esvc__group\">\r\n            <h2 class=\"esvc__group-title\">{{ $esvcIsEn ? 'Online Services' : 'Perkhidmatan Dalam Talian' }}</h2>\r\n\r\n            <div class=\"esvc__grid\">\r\n                @foreach ($esvcInternal as $esvcItem)\r\n                    <a class=\"esvc__card\" href=\"{{ $esvcUrl($esvcItem['slug']) }}\">\r\n                        <span class=\"esvc__ico\" aria-hidden=\"true\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">{!! $esvcItem['icon'] !!}</svg>\r\n                        </span>\r\n                        <span class=\"esvc__card-body\">\r\n                            <span class=\"esvc__card-title\">{{ $esvcIsEn ? $esvcItem['title']['en'] : $esvcItem['title']['ms'] }}</span>\r\n                            <span class=\"esvc__card-desc\">{{ $esvcIsEn ? $esvcItem['desc']['en'] : $esvcItem['desc']['ms'] }}</span>\r\n                        </span>\r\n                        <span class=\"esvc__arrow\" aria-hidden=\"true\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5l7 7-7 7\"/></svg>\r\n                        </span>\r\n                    </a>\r\n                @endforeach\r\n            </div>\r\n        </section>\r\n\r\n        {{-- ==================== PORTAL / SISTEM LUAR ======================= --}}\r\n        <section class=\"esvc__group\">\r\n            <h2 class=\"esvc__group-title\">{{ $esvcIsEn ? 'Portals & External Systems' : 'Portal & Sistem Luar' }}</h2>\r\n\r\n            <div class=\"esvc__grid\">\r\n                @foreach ($esvcExternal as $esvcExt)\r\n                    <a class=\"esvc__card\" href=\"{{ $esvcExt['url'] }}\" target=\"_blank\" rel=\"noopener\">\r\n                        <span class=\"esvc__ico\" aria-hidden=\"true\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">{!! $esvcExt['icon'] !!}</svg>\r\n                        </span>\r\n                        <span class=\"esvc__card-body\">\r\n                            <span class=\"esvc__card-title\">{{ $esvcIsEn ? $esvcExt['title']['en'] : $esvcExt['title']['ms'] }}</span>\r\n                            <span class=\"esvc__card-desc\">{{ $esvcIsEn ? $esvcExt['desc']['en'] : $esvcExt['desc']['ms'] }}</span>\r\n                            <span class=\"esvc__ext\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 4h6v6\"/><path d=\"M20 4l-9 9\"/><path d=\"M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4\"/></svg>\r\n                                {{ $esvcIsEn ? 'External' : 'Luar' }}\r\n                            </span>\r\n                        </span>\r\n                        <span class=\"esvc__arrow\" aria-hidden=\"true\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5l7 7-7 7\"/></svg>\r\n                        </span>\r\n                    </a>\r\n                @endforeach\r\n            </div>\r\n        </section>\r\n\r\n        {{-- =============================== NOTA ============================== --}}\r\n        <p class=\"esvc__note\">\r\n            {{ $esvcIsEn\r\n                ? 'Note: External portals open in a new tab. For assistance with any online service, please contact the ministry at +603 8091 7000.'\r\n                : 'Nota: Portal luar dibuka dalam tab baharu. Bagi bantuan berkaitan mana-mana perkhidmatan dalam talian, sila hubungi kementerian di +603 8091 7000.' }}\r\n        </p>\r\n    </div>\r\n</section>\r\n"
    }
}