-- https://www.phpmyadmin.net/
--

START TRANSACTION;



--
-- Database: `redd_plus_dev`
--

-- --------------------------------------------------------

--
-- Table structure for table `activity_log`
--

CREATE TABLE `activity_log` (
  `id` bigint UNSIGNED NOT NULL,
  `log_name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `description` text COLLATE utf8mb4_unicode_ci NOT NULL,
  `subject_type` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `subject_id` bigint UNSIGNED DEFAULT NULL,
  `event` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `causer_type` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `causer_id` bigint UNSIGNED DEFAULT NULL,
  `attribute_changes` json DEFAULT NULL,
  `properties` json DEFAULT NULL,
  `url` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `ip_address` varchar(45) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `user_agent` text COLLATE utf8mb4_unicode_ci,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `activity_log`
--

INSERT INTO `activity_log` (`id`, `log_name`, `description`, `subject_type`, `subject_id`, `event`, `causer_type`, `causer_id`, `attribute_changes`, `properties`, `url`, `ip_address`, `user_agent`, `created_at`, `updated_at`) VALUES
(3, 'Backend User', 'This model has been created', 'App\\Models\\Backend\\FrontendUser', 2, 'created', 'App\\Models\\Backend\\BackendUser', 1, '{\"attributes\": {\"email\": \"admin@admin.com\", \"username\": \"admin\", \"is_active\": true, \"last_name\": \"admin\", \"first_name\": \"admin\", \"profile_picture\": null}}', '[]', 'http://10.8.0.3:8000/admin/frontend-user', '10.8.0.4', 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/150.0.0.0 Safari/537.36', '2026-07-28 13:35:36', '2026-07-28 13:35:36'),
(4, 'Backend User Seeder', 'Backend user seeded successfully', 'App\\Models\\Backend\\BackendUser', 1, 'seeded', 'App\\Models\\Backend\\BackendUser', 1, '{\"old\": {\"email\": \"superadmin@example.com\", \"username\": \"superadmin\", \"is_active\": true, \"last_name\": \"Admin\", \"first_name\": \"Super\", \"last_login_at\": \"2026-07-29T07:21:47.632809Z\"}, \"attributes\": {\"email\": \"superadmin@example.com\", \"username\": \"superadmin\", \"is_active\": true, \"last_name\": \"Admin\", \"first_name\": \"Super\", \"last_login_at\": \"2026-07-29T07:21:47.632827Z\"}}', '[]', 'http://localhost', '127.0.0.1', 'Symfony', '2026-07-29 07:21:47', '2026-07-29 07:21:47');

-- --------------------------------------------------------

--
-- Table structure for table `backend_menu`
--

CREATE TABLE `backend_menu` (
  `menu_id` bigint UNSIGNED NOT NULL,
  `menu_name` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `menu_param` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `menu_class` varchar(50) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `menu_link` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `menu_active_route` text COLLATE utf8mb4_unicode_ci NOT NULL,
  `menu_parent_id` int NOT NULL DEFAULT '0',
  `menu_status` tinyint(1) DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `backend_menu`
--

INSERT INTO `backend_menu` (`menu_id`, `menu_name`, `menu_param`, `menu_class`, `menu_link`, `menu_active_route`, `menu_parent_id`, `menu_status`, `created_at`, `updated_at`) VALUES
(1, 'Home', NULL, 'fa-solid fa-house', 'admin.home', '[\"admin.home\"]', 0, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(2, 'Backend', NULL, 'fa-solid fa-gears', '#', '[\"backend-user.index\",\"backend-user.create\",\"backend-user.edit\",\"roles.index\",\"roles.create\",\"roles.edit\",\"permissions.index\",\"permissions.create\",\"permissions.edit\",\"auto-permissions.index\",\"admin.routes.index\",\"admin.routes.create\",\"admin.routes.edit\",\"backend-menu.index\",\"backend-menu.create\",\"backend-menu.edit\",\"backend-menu.assign\",\"ref.index\",\"ref.create\",\"ref.edit\",\"activity-log.index\",\"visitor.index\",\"setting.index\",\"artisangen.index\"]', 0, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(3, 'User', NULL, 'fa-solid fa-user-gear', 'backend-user.index', '[\"backend-user.index\",\"backend-user.create\",\"backend-user.edit\"]', 2, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(4, 'Parameters', NULL, 'fa-solid fa-gear', 'ref.index', '[\"ref.index\",\"ref.create\",\"ref.edit\"]', 2, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(5, 'Roles & Permissions', NULL, 'fa-solid fa-user-lock', '#', '[\"roles.index\",\"roles.create\",\"roles.edit\",\"permissions.index\",\"permissions.create\",\"permissions.edit\",\"auto-permissions.index\"]', 2, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(6, 'Roles', NULL, 'fa-solid fa-users-gear', 'roles.index', '[\"roles.index\",\"roles.create\",\"roles.edit\"]', 5, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(7, 'Permissions', NULL, 'fa-solid fa-shield-halved', 'permissions.index', '[\"permissions.index\",\"permissions.create\",\"permissions.edit\"]', 5, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(8, 'Auto Permissions', NULL, 'fa-solid fa-robot', 'auto-permissions.index', '[\"auto-permissions.index\"]', 5, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(9, 'Routes', NULL, 'fa-solid fa-route', 'admin.routes.index', '[\"admin.routes.index\",\"admin.routes.create\",\"admin.routes.edit\"]', 2, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(10, 'Menu', NULL, 'fa-solid fa-bars', 'backend-menu.index', '[\"backend-menu.index\",\"backend-menu.create\",\"backend-menu.edit\"]', 2, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(11, 'Assign Menu', NULL, 'fa-solid fa-right-left', 'backend-menu.assign', '[\"backend-menu.assign\"]', 2, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(12, 'Dashboard', NULL, 'fa-solid fa-chart-simple', 'data-dashboard.index', '[\"data-dashboard.index\",\"data-dashboard.create\",\"data-dashboard.edit\"]', 2, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(13, 'Activity Log', NULL, 'fa-solid fa-clock-rotate-left', 'activity-log.index', '[\"activity-log.index\"]', 2, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(14, 'Visitor', NULL, 'fa-solid fa-eye', 'visitor.index', '[\"visitor.index\"]', 2, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(15, 'Theme', NULL, 'fa-solid fa-palette', '#', '[\"theme-setting.index\",\"theme-setting.save\",\"theme-rule.index\",\"theme-rule.create\",\"theme-rule.edit\"]', 2, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(16, 'Theme Settings', NULL, 'fa-solid fa-sliders', 'theme-setting.index', '[\"theme-setting.index\",\"theme-setting.save\"]', 15, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(17, 'Theme Rules', NULL, 'fa-solid fa-code', 'theme-rule.index', '[\"theme-rule.index\",\"theme-rule.create\",\"theme-rule.edit\"]', 15, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(18, 'Module Generator', NULL, 'fa-solid fa-wand-magic-sparkles', 'artisangen.index', '[\"artisangen.index\",\"artisangen.migration\",\"artisangen.model\",\"artisangen.crud\"]', 2, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(19, 'Frontend', NULL, 'fa-solid fa-globe', '#', '[\"frontend-user.index\",\"frontend-user.create\",\"frontend-user.edit\",\"file-manager.index\",\"frontend-site.sites.index\",\"frontend-site.sites.create\",\"frontend-site.sites.edit\",\"frontend-site.components.index\",\"frontend-site.components.create\",\"frontend-site.components.edit\",\"frontend-menu.index\",\"frontend-menu.create\",\"frontend-menu.edit\",\"frontend-menu.assign\"]', 0, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(20, 'User', NULL, 'fa-solid fa-user', 'frontend-user.index', '[\"frontend-user.index\",\"frontend-user.create\",\"frontend-user.edit\"]', 19, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(21, 'Assets', NULL, 'fa-solid fa-folder-open', 'file-manager.index', '[\"file-manager.index\"]', 19, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(22, 'Sites', NULL, 'fa-solid fa-globe', 'frontend-site.sites.index', '[\"frontend-site.sites.index\",\"frontend-site.sites.create\",\"frontend-site.sites.edit\",\"frontend-site.pages.index\",\"frontend-site.pages.create\",\"frontend-site.pages.edit\"]', 19, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(23, 'Components', NULL, 'fa-solid fa-puzzle-piece', 'frontend-site.components.index', '[\"frontend-site.components.index\",\"frontend-site.components.create\",\"frontend-site.components.edit\"]', 19, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(24, 'Menu', NULL, 'fa-solid fa-bars', 'frontend-menu.index', '[\"frontend-menu.index\",\"frontend-menu.create\",\"frontend-menu.edit\",\"menu-category.index\",\"menu-category.create\",\"menu-category.edit\"]', 19, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(25, 'Assign Menu', NULL, 'fa-solid fa-right-left', 'frontend-menu.assign', '[\"frontend-menu.assign\"]', 19, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(26, 'Content', NULL, 'fa-solid fa-layer-group', '#', '[\"content-article.index\",\"content-article.create\",\"content-article.edit\",\"content-application.index\",\"content-application.create\",\"content-application.edit\",\"content-download.index\",\"content-download.create\",\"content-download.edit\",\"content-photo-gallery.index\",\"content-photo-gallery.create\",\"content-photo-gallery.edit\",\"content-photo-list.index\",\"content-photo-list.create\",\"content-photo-list.edit\",\"content-slider.index\",\"content-slider.create\",\"content-slider.edit\",\"content-image.index\",\"content-image.create\",\"content-image.edit\",\"content-video.index\",\"content-video.create\",\"content-video.edit\",\"content-feedback.index\",\"content-feedback.create\",\"content-feedback.edit\",\"content-feedback.export\",\"content-public-holiday.index\",\"content-public-holiday.create\",\"content-public-holiday.edit\",\"content-calendar.index\",\"content-calendar.create\",\"content-calendar.edit\",\"content-directory-department.index\",\"content-directory-department.create\",\"content-directory-department.edit\",\"content-directory-staff.index\",\"content-directory-staff.create\",\"content-directory-staff.edit\"]', 0, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(27, 'Articles', NULL, 'fa-solid fa-newspaper', 'content-article.index', '[\"content-article.index\",\"content-article.create\",\"content-article.edit\"]', 26, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(28, 'Links', NULL, 'fa-solid fa-link', 'content-application.index', '[\"content-application.index\",\"content-application.create\",\"content-application.edit\"]', 26, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(29, 'Documents', NULL, 'fa-solid fa-file-lines', 'content-download.index', '[\"content-download.index\",\"content-download.create\",\"content-download.edit\"]', 26, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(30, 'Photo Galleries', NULL, 'fa-solid fa-images', 'content-photo-gallery.index', '[\"content-photo-gallery.index\",\"content-photo-gallery.create\",\"content-photo-gallery.edit\",\"content-photo-list.index\",\"content-photo-list.create\",\"content-photo-list.edit\"]', 26, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(31, 'Slider Images', NULL, 'fa-solid fa-sliders', 'content-slider.index', '[\"content-slider.index\",\"content-slider.create\",\"content-slider.edit\"]', 26, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(32, 'Images', NULL, 'fa-solid fa-image', 'content-image.index', '[\"content-image.index\",\"content-image.create\",\"content-image.edit\"]', 26, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(33, 'Videos', NULL, 'fa-solid fa-video', 'content-video.index', '[\"content-video.index\",\"content-video.create\",\"content-video.edit\"]', 26, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(34, 'Translations', NULL, 'fa-solid fa-language', 'app-translation.index', '[\"app-translation.index\",\"app-translation.create\",\"app-translation.edit\"]', 26, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(35, 'Feedback', NULL, 'fa-solid fa-comment', 'content-feedback.index', '[\"content-feedback.index\",\"content-feedback.create\",\"content-feedback.edit\",\"content-feedback.export\"]', 26, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(36, 'Public Holidays', NULL, 'fa-solid fa-calendar-day', 'content-public-holiday.index', '[\"content-public-holiday.index\",\"content-public-holiday.create\",\"content-public-holiday.edit\"]', 26, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(37, 'Calendar', NULL, 'fa-solid fa-calendar-days', 'content-calendar.index', '[\"content-calendar.index\",\"content-calendar.create\",\"content-calendar.edit\"]', 26, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(38, 'Directory', NULL, 'fa-solid fa-address-book', '#', '[\"content-directory-department.index\",\"content-directory-department.create\",\"content-directory-department.edit\",\"content-directory-staff.index\",\"content-directory-staff.create\",\"content-directory-staff.edit\"]', 26, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(39, 'Departments', NULL, 'fa-solid fa-building', 'content-directory-department.index', '[\"content-directory-department.index\",\"content-directory-department.create\",\"content-directory-department.edit\"]', 38, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26'),
(40, 'Staff', NULL, 'fa-solid fa-id-card', 'content-directory-staff.index', '[\"content-directory-staff.index\",\"content-directory-staff.create\",\"content-directory-staff.edit\"]', 38, 1, '2026-07-23 01:04:26', '2026-07-23 01:04:26');

-- --------------------------------------------------------

--
-- Table structure for table `backend_role_mapping`
--

CREATE TABLE `backend_role_mapping` (
  `id` bigint UNSIGNED NOT NULL,
  `role_code` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `menu_id` bigint UNSIGNED NOT NULL,
  `parent_id` int NOT NULL DEFAULT '0',
  `sort` int NOT NULL,
  `created_by` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `created_at` datetime NOT NULL,
  `updated_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `updated_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `backend_role_mapping`
--

INSERT INTO `backend_role_mapping` (`id`, `role_code`, `menu_id`, `parent_id`, `sort`, `created_by`, `created_at`, `updated_by`, `updated_at`) VALUES
(1, 'super-admin', 1, 0, 1, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(2, 'super-admin', 2, 0, 2, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(3, 'super-admin', 3, 2, 3, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(4, 'super-admin', 4, 2, 4, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(5, 'super-admin', 5, 2, 5, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(6, 'super-admin', 6, 5, 6, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(7, 'super-admin', 7, 5, 7, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(8, 'super-admin', 8, 5, 8, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(9, 'super-admin', 9, 2, 9, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(10, 'super-admin', 10, 2, 10, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(11, 'super-admin', 11, 2, 11, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(12, 'super-admin', 12, 2, 12, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(13, 'super-admin', 13, 2, 13, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(14, 'super-admin', 14, 2, 14, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(15, 'super-admin', 15, 2, 15, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(16, 'super-admin', 16, 15, 16, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(17, 'super-admin', 17, 15, 17, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(18, 'super-admin', 18, 2, 18, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(19, 'super-admin', 19, 0, 19, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(20, 'super-admin', 20, 19, 20, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(21, 'super-admin', 21, 19, 21, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(22, 'super-admin', 22, 19, 22, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(23, 'super-admin', 23, 19, 23, 'seeder', '2026-07-23 09:04:26', 'seeder', '2026-07-23 01:04:26'),
(24, 'super-admin', 24, 19, 24, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(25, 'super-admin', 25, 19, 25, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(26, 'super-admin', 26, 0, 26, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(27, 'super-admin', 27, 26, 27, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(28, 'super-admin', 28, 26, 28, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(29, 'super-admin', 29, 26, 29, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(30, 'super-admin', 30, 26, 30, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(31, 'super-admin', 31, 26, 31, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(32, 'super-admin', 32, 26, 32, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(33, 'super-admin', 33, 26, 33, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(34, 'super-admin', 34, 26, 34, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(35, 'super-admin', 35, 26, 35, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(36, 'super-admin', 36, 26, 36, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(37, 'super-admin', 37, 26, 37, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(38, 'super-admin', 38, 26, 38, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(39, 'super-admin', 39, 38, 39, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27'),
(40, 'super-admin', 40, 38, 40, 'seeder', '2026-07-23 09:04:27', 'seeder', '2026-07-23 01:04:27');

-- --------------------------------------------------------

--
-- Table structure for table `content_applications`
--

CREATE TABLE `content_applications` (
  `application_id` int UNSIGNED NOT NULL,
  `application_cat` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `application_status` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `application_url` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `application_img` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `application_sort` int DEFAULT NULL,
  `created_at` datetime DEFAULT NULL,
  `created_by` int DEFAULT NULL,
  `updated_at` datetime DEFAULT NULL,
  `updated_by` int DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_applications`
--

INSERT INTO `content_applications` (`application_id`, `application_cat`, `application_status`, `application_url`, `application_img`, `application_sort`, `created_at`, `created_by`, `updated_at`, `updated_by`) VALUES
(1, 'MAIN_LINKS', 'ACTIVE', '#', NULL, 1, '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(2, 'MAIN_LINKS', 'ACTIVE', '#', NULL, 2, '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(3, 'MAIN_LINKS', 'ACTIVE', '#', NULL, 3, '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(4, 'MAIN_LINKS', 'ACTIVE', '#', NULL, 4, '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(5, 'MAIN_LINKS', 'ACTIVE', '#', NULL, 5, '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(6, 'MAIN_LINKS', 'ACTIVE', '#', NULL, 6, '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(7, 'EXTERNAL_LINKS', 'ACTIVE', 'https://www.malaysia.gov.my', NULL, 7, '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(8, 'EXTERNAL_LINKS', 'ACTIVE', 'https://www.moha.gov.my', NULL, 8, '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(9, 'EXTERNAL_LINKS', 'ACTIVE', 'https://www.rmp.gov.my', NULL, 9, '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(10, 'EXTERNAL_LINKS', 'ACTIVE', 'https://www.jpn.gov.my', NULL, 10, '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(11, 'EXTERNAL_LINKS', 'ACTIVE', 'https://www.imi.gov.my', NULL, 11, '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(12, 'EXTERNAL_LINKS', 'ACTIVE', 'https://www.adk.gov.my', NULL, 12, '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(13, 'MAIN_LINKS', 'ACTIVE', 'https://unfccc.int/', NULL, 13, '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(14, 'MAIN_LINKS', 'ACTIVE', 'https://www.un-redd.org/', NULL, 14, '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(15, 'MAIN_LINKS', 'ACTIVE', 'https://redd.unfccc.int/', NULL, 15, '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(16, 'NATIONAL', 'ACTIVE', 'https://www.forestry.gov.my/en/', NULL, 16, '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(17, 'NATIONAL', 'ACTIVE', 'https://forestry.sarawak.gov.my/', NULL, 17, '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(18, 'NATIONAL', 'ACTIVE', 'http://www.forest.sabah.gov.my/', NULL, 18, '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(19, 'NATIONAL', 'ACTIVE', 'https://www.frim.gov.my/', NULL, 19, '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(20, 'NATIONAL', 'ACTIVE', 'https://mtcc.com.my/', NULL, 20, '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1);

-- --------------------------------------------------------

--
-- Table structure for table `content_application_translations`
--

CREATE TABLE `content_application_translations` (
  `application_translation_id` int UNSIGNED NOT NULL,
  `application_translation_parent_id` int DEFAULT NULL,
  `application_translation_title` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `application_translation_main` int DEFAULT NULL,
  `application_translation_language` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` datetime DEFAULT NULL,
  `created_by` int DEFAULT NULL,
  `updated_at` datetime DEFAULT NULL,
  `updated_by` int DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_application_translations`
--

INSERT INTO `content_application_translations` (`application_translation_id`, `application_translation_parent_id`, `application_translation_title`, `application_translation_main`, `application_translation_language`, `created_at`, `created_by`, `updated_at`, `updated_by`) VALUES
(1, 1, 'Mengenai Kami', 1, 'ms', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(2, 1, 'About Us', 0, 'en', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(3, 1, '关于我们', 0, 'zh', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(4, 2, 'Perkhidmatan', 1, 'ms', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(5, 2, 'Services', 0, 'en', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(6, 2, '服务', 0, 'zh', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(7, 3, 'Berita Terkini', 1, 'ms', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(8, 3, 'Latest News', 0, 'en', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(9, 3, '最新消息', 0, 'zh', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(10, 4, 'Hubungi Kami', 1, 'ms', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(11, 4, 'Contact Us', 0, 'en', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(12, 4, '联系我们', 0, 'zh', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(13, 5, 'Soalan Lazim', 1, 'ms', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(14, 5, 'FAQ', 0, 'en', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(15, 5, '常见问题', 0, 'zh', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(16, 6, 'Peta Laman', 1, 'ms', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(17, 6, 'Sitemap', 0, 'en', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(18, 6, '网站地图', 0, 'zh', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(19, 7, 'Kerajaan Malaysia', 1, 'ms', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(20, 7, 'Government of Malaysia', 0, 'en', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(21, 7, '马来西亚政府', 0, 'zh', '2026-07-23 09:04:29', 1, '2026-07-23 09:04:29', 1),
(22, 8, 'Kementerian Dalam Negeri', 1, 'ms', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(23, 8, 'Ministry of Home Affairs', 0, 'en', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(24, 8, '内政部', 0, 'zh', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(25, 9, 'Polis DiRaja Malaysia', 1, 'ms', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(26, 9, 'Royal Malaysia Police', 0, 'en', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(27, 9, '马来西亚皇家警察', 0, 'zh', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(28, 10, 'Jabatan Pendaftaran Negara', 1, 'ms', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(29, 10, 'National Registration Department', 0, 'en', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(30, 10, '国民登记局', 0, 'zh', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(31, 11, 'Jabatan Imigresen Malaysia', 1, 'ms', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(32, 11, 'Immigration Department of Malaysia', 0, 'en', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(33, 11, '马来西亚移民局', 0, 'zh', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(34, 12, 'Agensi Antidadah Kebangsaan', 1, 'ms', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(35, 12, 'National Anti-Drug Agency', 0, 'en', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(36, 12, '国家反毒机构', 0, 'zh', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(37, 13, 'UNFCCC', 1, 'en', '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(38, 14, 'UN-REDD Programme', 1, 'en', '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(39, 15, 'UNFCCC REDD+ Web Platform', 1, 'en', '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(40, 16, 'Forestry Department Peninsular Malaysia', 1, 'en', '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(41, 17, 'Forestry Department Sarawak', 1, 'en', '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(42, 18, 'Sabah Forestry Department', 1, 'en', '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(43, 19, 'FRIM', 1, 'en', '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1),
(44, 20, 'Malaysian Timber Certification Council', 1, 'en', '2026-07-23 17:56:07', 1, '2026-07-23 17:56:07', 1);

-- --------------------------------------------------------

--
-- Table structure for table `content_article`
--

CREATE TABLE `content_article` (
  `article_id` bigint UNSIGNED NOT NULL,
  `article_code` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `article_date` date DEFAULT NULL,
  `article_category` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `article_subcategory` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `article_status` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `article_url` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `article_sorting` int NOT NULL DEFAULT '0',
  `article_image` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `article_portal_category` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `article_start_date` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `article_start_time` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `article_end_date` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `article_end_time` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `menu_set` varchar(500) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL,
  `created_by` int DEFAULT NULL,
  `updated_by` int DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_article`
--

INSERT INTO `content_article` (`article_id`, `article_code`, `article_date`, `article_category`, `article_subcategory`, `article_status`, `article_url`, `article_sorting`, `article_image`, `article_portal_category`, `article_start_date`, `article_start_time`, `article_end_date`, `article_end_time`, `menu_set`, `created_at`, `updated_at`, `created_by`, `updated_by`) VALUES
(1, 'sejarah', '2026-01-01', 'PRESS', 'CORPORATE', 'ACTIVE', NULL, 1, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-03 22:41:43', '2026-07-23 03:46:23', 1, 1),
(2, 'visi-misi', '2026-01-01', 'PRESS', 'CORPORATE', 'ACTIVE', NULL, 2, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-03 22:41:43', '2026-07-23 03:46:23', 1, 1),
(3, 'carta-organisasi', '2026-01-01', 'PRESS', 'CORPORATE', 'ACTIVE', NULL, 3, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-03 22:41:43', '2026-07-23 03:46:23', 1, 1),
(4, 'piagam-pelanggan', '2026-01-01', 'PRESS', 'CORPORATE', 'ACTIVE', NULL, 4, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-03 22:41:43', '2026-07-23 03:46:23', 1, 1),
(5, 'apa-itu-cms', '2026-01-01', 'ARTICLE', 'GENERAL', 'ACTIVE', NULL, 1, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-03 22:59:41', '2026-07-23 03:46:23', 1, 1),
(6, 'cara-login-admin', '2026-01-01', 'ARTICLE', 'GENERAL', 'ACTIVE', NULL, 2, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-03 22:59:41', '2026-07-23 03:46:23', 1, 1),
(7, 'cara-tambah-artikel', '2026-01-01', 'ARTICLE', 'GENERAL', 'ACTIVE', NULL, 3, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-03 22:59:41', '2026-07-23 03:46:23', 1, 1),
(8, 'cara-kemaskini-profil', '2026-01-01', 'ARTICLE', 'GENERAL', 'ACTIVE', NULL, 4, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-03 22:59:41', '2026-07-23 03:46:23', 1, 1),
(9, 'muat-turun-dokumen', '2026-01-01', 'ARTICLE', 'GENERAL', 'ACTIVE', NULL, 5, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-03 22:59:41', '2026-07-23 03:46:23', 1, 1),
(10, 'hubungi-pentadbir', '2026-01-01', 'ARTICLE', 'GENERAL', 'ACTIVE', NULL, 6, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-03 22:59:41', '2026-07-23 03:46:23', 1, 1),
(16, 'what-is-redd-plus', '2026-07-23', 'FAQ', 'GENERAL', 'ACTIVE', NULL, 1, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:31:11', '2026-07-23 03:37:53', 1, 1),
(17, 'objective-of-redd-plus', '2026-07-23', 'FAQ', 'GENERAL', 'ACTIVE', NULL, 2, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:31:11', '2026-07-23 03:37:53', 1, 1),
(18, 'who-implements-redd-plus', '2026-07-23', 'FAQ', 'GENERAL', 'ACTIVE', NULL, 3, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:31:11', '2026-07-23 03:37:53', 1, 1),
(19, 'redd-plus-support-communities', '2026-07-23', 'FAQ', 'GENERAL', 'ACTIVE', NULL, 4, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:31:11', '2026-07-23 03:37:53', 1, 1),
(20, 'what-are-safeguards', '2026-07-23', 'FAQ', 'GENERAL', 'ACTIVE', NULL, 5, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:31:11', '2026-07-23 03:37:53', 1, 1),
(21, 'how-is-redd-plus-funded', '2026-07-23', 'FAQ', 'GENERAL', 'ACTIVE', NULL, 6, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:31:11', '2026-07-23 03:37:53', 1, 1),
(22, 'redd-plus-implementation', '2026-07-23', 'FAQ', 'IMPLEMENTATION', 'ACTIVE', NULL, 7, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:31:11', '2026-07-23 03:37:53', 1, 1),
(23, 'what-is-mrv', '2026-07-23', 'FAQ', 'IMPLEMENTATION', 'ACTIVE', NULL, 8, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:31:11', '2026-07-23 03:37:53', 1, 1),
(24, 'what-is-sis', '2026-07-23', 'FAQ', 'SIS', 'ACTIVE', NULL, 9, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:31:11', '2026-07-23 03:37:53', 1, 1),
(25, 'access-safeguards-info', '2026-07-23', 'FAQ', 'SIS', 'ACTIVE', NULL, 10, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:31:11', '2026-07-23 03:37:53', 1, 1),
(26, 'malaysia-forest-fund', '2026-07-23', 'FAQ', 'FINANCE', 'ACTIVE', NULL, 11, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:31:11', '2026-07-23 03:37:53', 1, 1),
(27, 'redd-plus-reports', '2026-07-23', 'FAQ', 'REPORTS', 'ACTIVE', NULL, 12, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:31:11', '2026-07-23 03:37:53', 1, 1),
(28, 'about-redd-plus', '2026-07-23', 'REDDPLUS', 'CORPORATE', 'ACTIVE', NULL, 1, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 03:49:13', '2026-07-23 04:19:09', 1, 1),
(29, 'additionality', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 1, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(30, 'afforestation', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 2, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(31, 'basal-area', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 3, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(32, 'biomass', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 4, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(33, 'carbon-sink', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 5, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(34, 'carbon-stock', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 6, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(35, 'cdm', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 7, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(36, 'deforestation', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 8, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(37, 'degradation', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 9, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(38, 'emission-factor', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 10, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(39, 'emission-reductions', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 11, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(40, 'forest-management', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 12, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(41, 'forest-reference-level', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 13, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(42, 'ghg', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 14, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(43, 'lulucf', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 15, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(44, 'mrv', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 16, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(45, 'redd-plus', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 17, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(46, 'redd-safeguards', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 18, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(47, 'sis', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 19, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(48, 'summary-of-info', '2026-07-23', 'GLOSSARY', NULL, 'ACTIVE', NULL, 20, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(49, 'stakeholder-engagement', '2026-07-23', 'REDDPLUS', 'REDD-PLUS', 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 08:52:01', '2026-07-29 11:00:43', 1, 1),
(50, 'governance', '2026-07-23', 'REDDPLUS', 'REDD-PLUS', 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 09:16:57', '2026-07-29 07:26:05', 1, 1),
(51, 'national-redd-strategy', '2026-07-23', 'REDDPLUS', 'REDD-PLUS', 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 09:29:53', '2026-07-29 07:41:14', 1, 1),
(52, 'redd-implementation', '2026-07-23', 'REDDPLUS', 'REDD-PLUS', 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 09:29:53', '2026-07-29 08:20:55', 1, 1),
(53, 'mrv-framework', '2026-07-23', 'REDDPLUS', 'REDD-PLUS', 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 09:29:53', '2026-07-29 08:36:06', 1, 1),
(54, 'related-policies', '2026-07-23', 'REDDPLUS', 'REDD-PLUS', 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 09:29:53', '2026-07-29 09:16:18', 1, 1),
(55, 'about-sis', '2026-07-23', 'REDDPLUS', 'REDD-PLUS', 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 09:30:43', '2026-07-29 09:05:30', 1, 1),
(56, 'cancun-safeguards', '2026-07-23', 'REDDPLUS', 'REDD-PLUS', 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 09:30:43', '2026-07-29 09:08:59', 1, 1),
(57, 'malaysia-safeguards', '2026-07-23', 'REDDPLUS', 'REDD-PLUS', 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 09:30:43', '2026-07-29 09:09:37', 1, 1),
(58, 'safeguards-interpretation', '2026-07-23', 'REDDPLUS', 'REDD-PLUS', 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 09:30:43', '2026-07-29 08:35:17', 1, 1),
(59, 'indicators', '2026-07-23', 'REDDPLUS', 'REDD-PLUS', 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 09:30:43', '2026-07-29 09:14:33', 1, 1),
(60, 'summary-of-information', '2026-07-23', 'REDDPLUS', 'REDD-PLUS', 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-23 09:30:43', '2026-07-29 10:49:42', 1, 1),
(64, 'privacy-policy', NULL, NULL, NULL, 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-29 05:56:48', '2026-07-29 05:57:18', 1, 1),
(65, 'security-policy', NULL, NULL, NULL, 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-29 08:48:59', '2026-07-29 08:48:59', 1, 1),
(66, 'web-policy', NULL, NULL, NULL, 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-29 08:48:59', '2026-07-29 08:48:59', 1, 1),
(67, 'disclaimer', NULL, NULL, NULL, 'ACTIVE', NULL, 0, NULL, 'redd-plus', NULL, NULL, NULL, NULL, NULL, '2026-07-29 08:48:59', '2026-07-29 08:48:59', 1, 1);

-- --------------------------------------------------------

--
-- Table structure for table `content_article_translation`
--

CREATE TABLE `content_article_translation` (
  `article_translation_id` bigint UNSIGNED NOT NULL,
  `article_translation_parent_id` int DEFAULT NULL,
  `article_translation_title` text COLLATE utf8mb4_unicode_ci,
  `article_translation_content` longtext COLLATE utf8mb4_unicode_ci,
  `article_translation_main` int DEFAULT NULL,
  `article_translation_language` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL,
  `created_by` int DEFAULT NULL,
  `updated_by` int DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_article_translation`
--

INSERT INTO `content_article_translation` (`article_translation_id`, `article_translation_parent_id`, `article_translation_title`, `article_translation_content`, `article_translation_main`, `article_translation_language`, `created_at`, `updated_at`, `created_by`, `updated_by`) VALUES
(1, 1, 'Sejarah', '<p class=\"lead\">Jabatan ini ditubuhkan pada 1 Januari 2000 sebagai agensi utama yang bertanggungjawab dalam pembangunan dan pengurusan teknologi maklumat dan komunikasi negara.</p><p>Sebelum penubuhan rasmi, fungsi ICT dikendalikan oleh beberapa unit kecil di bawah bahagian pentadbiran.</p><h2>Sejarah Penubuhan</h2><p>Pada peringkat awal, jabatan beroperasi dengan hanya 50 orang kakitangan di sebuah bangunan sementara di Putrajaya.</p><h2>Perkembangan Mengikut Tahun</h2><ul><li><strong>2000</strong> &ndash; Penubuhan rasmi</li><li><strong>2003</strong> &ndash; Pelancaran pusat data pertama</li><li><strong>2005</strong> &ndash; Sistem aplikasi dalam talian</li><li><strong>2010</strong> &ndash; Transformasi digital</li><li><strong>2018</strong> &ndash; Perkhidmatan awan</li><li><strong>2025</strong> &ndash; Portal dan sistem baharu</li></ul><h2>Pencapaian</h2><p>Sepanjang lebih dua dekad, jabatan telah mencapai pelbagai kejayaan termasuk pengiktirafan di peringkat antarabangsa.</p>', 1, 'ms', '2026-07-03 22:41:43', '2026-07-03 22:41:43', 1, 1),
(2, 1, 'History', '<p class=\"lead\">The department was established on 1 January 2000 as the main agency responsible for the development and management of ICT.</p><p>Before its official establishment, ICT functions were managed by several small units under the administration division.</p><h2>Establishment History</h2><p>Initially, the department operated with only 50 staff in a temporary building in Putrajaya.</p><h2>Yearly Progress</h2><ul><li><strong>2000</strong> &ndash; Official establishment</li><li><strong>2003</strong> &ndash; First data centre launch</li><li><strong>2005</strong> &ndash; Online application systems</li><li><strong>2010</strong> &ndash; Digital transformation</li><li><strong>2018</strong> &ndash; Cloud services</li><li><strong>2025</strong> &ndash; New portal and systems</li></ul><h2>Achievements</h2><p>Over two decades, the department has achieved various successes including international recognition.</p>', 0, 'en', '2026-07-03 22:41:43', '2026-07-03 22:41:43', 1, 1),
(3, 1, '历史', '<p class=\"lead\">该部门于2000年1月1日成立，是负责国家信息与通信技术发展与管理的主要机构。</p><p>在正式成立之前，ICT职能由行政部门的几个小单位管理。</p><h2>成立历史</h2><p>最初，该部门仅有50名员工，在布城的临时建筑中办公。</p><h2>年度进展</h2><ul><li><strong>2000</strong> &ndash; 正式成立</li><li><strong>2003</strong> &ndash; 首个数据中心启动</li><li><strong>2005</strong> &ndash; 在线应用系统</li><li><strong>2010</strong> &ndash; 数字化转型</li><li><strong>2018</strong> &ndash; 云服务</li><li><strong>2025</strong> &ndash; 新门户和系统</li></ul><h2>成就</h2><p>二十多年来，该部门取得了包括国际认可在内的多项成就。</p>', 0, 'zh', '2026-07-03 22:41:43', '2026-07-03 22:41:43', 1, 1),
(4, 2, 'Visi Misi', '<p class=\"lead\">Visi dan misi jabatan digubal selaras dengan hasrat kerajaan untuk menjadikan Malaysia sebagai sebuah negara maju berteraskan teknologi digital.</p><h2>Visi</h2><p>Menjadi peneraju utama dalam transformasi digital negara menjelang tahun 2030.</p><h2>Misi</h2><ul><li>Menyediakan perkhidmatan ICT yang berkualiti tinggi</li><li>Memperkasa penggunaan teknologi digital</li><li>Membangunkan modal insan yang kompeten</li><li>Menggalakkan budaya inovasi dan kreativiti</li><li>Memastikan keselamatan siber terjamin</li></ul>', 1, 'ms', '2026-07-03 22:41:43', '2026-07-03 22:41:43', 1, 1),
(5, 2, 'Vision & Mission', '<p class=\"lead\">The department vision and mission are formulated in line with the government aim to make Malaysia a developed nation based on digital technology.</p><h2>Vision</h2><p>To become the leading driver of national digital transformation by 2030.</p><h2>Mission</h2><ul><li>Provide high quality ICT services</li><li>Empower digital technology adoption</li><li>Develop competent human capital</li><li>Foster innovation and creativity</li><li>Ensure cybersecurity assurance</li></ul>', 0, 'en', '2026-07-03 22:41:43', '2026-07-03 22:41:43', 1, 1),
(6, 2, '愿景与使命', '<p class=\"lead\">部门的愿景和使命是根据政府将马来西亚打造成基于数字技术的发达国家的目标而制定。</p><h2>愿景</h2><p>到2030年成为国家数字化转型的主要推动者。</p><h2>使命</h2><ul><li>提供高质量的ICT服务</li><li>推动数字技术应用</li><li>培养胜任的人力资本</li><li>促进创新和创造力</li><li>确保网络安全</li></ul>', 0, 'zh', '2026-07-03 22:41:43', '2026-07-03 22:41:43', 1, 1),
(7, 3, 'Carta Organisasi', '<p class=\"lead\">Struktur organisasi jabatan direka bentuk untuk memastikan pengurusan yang cekap, telus dan berkesan.</p><p>Jabatan diketuai oleh Ketua Pengarah yang dibantu oleh tiga timbalan kanan.</p><h2>Bahagian & Fungsi</h2><ul><li>Bahagian Aplikasi & Pembangunan Sistem</li><li>Bahagian Infrastruktur & Rangkaian</li><li>Bahagian Keselamatan Siber</li><li>Bahagian Pengurusan Data</li><li>Bahagian Sumber Manusia</li><li>Bahagian Kewangan</li></ul>', 1, 'ms', '2026-07-03 22:41:43', '2026-07-03 22:41:43', 1, 1),
(8, 3, 'Organisation Chart', '<p class=\"lead\">The organisational structure is designed to ensure efficient, transparent and effective management.</p><p>The department is led by the Director General assisted by three senior deputies.</p><h2>Divisions & Functions</h2><ul><li>Application & System Development Division</li><li>Infrastructure & Network Division</li><li>Cybersecurity Division</li><li>Data Management Division</li><li>Human Resources Division</li><li>Finance Division</li></ul>', 0, 'en', '2026-07-03 22:41:43', '2026-07-03 22:41:43', 1, 1),
(9, 3, '组织结构', '<p class=\"lead\">组织结构旨在确保高效、透明和有效的管理。</p><p>该部门由总监领导，由三名高级副手协助。</p><h2>部门与职能</h2><ul><li>应用与系统开发部门</li><li>基础设施与网络部门</li><li>网络安全部门</li><li>数据管理部门</li><li>人力资源部门</li><li>财务部门</li></ul>', 0, 'zh', '2026-07-03 22:41:43', '2026-07-03 22:41:43', 1, 1),
(10, 4, 'Piagam Pelanggan', '<p class=\"lead\">Piagam Pelanggan ini merupakan ikrar dan komitmen kami untuk memberikan perkhidmatan yang terbaik kepada semua pelanggan.</p><h2>Ikrar Perkhidmatan</h2><ul><li>Melayan setiap pelanggan dengan mesra dan profesional</li><li>Memproses permohonan dalam tempoh 14 hari bekerja</li><li>Memberikan maklum balas awal dalam tempoh 3 hari bekerja</li><li>Menyediakan perkhidmatan dalam talian 24/7</li><li>Menjaga kerahsiaan data pelanggan</li></ul>', 1, 'ms', '2026-07-03 22:41:43', '2026-07-03 22:41:43', 1, 1),
(11, 4, 'Customer Charter', '<p class=\"lead\">This Customer Charter is our pledge and commitment to provide the best service to all customers.</p><h2>Service Pledge</h2><ul><li>Serve every customer with courtesy and professionalism</li><li>Process applications within 14 working days</li><li>Provide initial feedback within 3 working days</li><li>Provide online services 24/7</li><li>Maintain customer data confidentiality</li></ul>', 0, 'en', '2026-07-03 22:41:43', '2026-07-03 22:41:43', 1, 1),
(12, 4, '客户章程', '<p class=\"lead\">本客户章程是我们向所有客户提供最佳服务的承诺和保证。</p><h2>服务承诺</h2><ul><li>以礼貌和专业的态度服务每一位客户</li><li>在14个工作日内处理申请</li><li>在3个工作日内提供初步反馈</li><li>提供24/7在线服务</li><li>维护客户数据的机密性</li></ul>', 0, 'zh', '2026-07-03 22:41:43', '2026-07-03 22:41:43', 1, 1),
(13, 5, 'Apakah itu CMS?', '<p class=\"lead\">CMS (Content Management System) adalah sistem pengurusan kandungan yang membolehkan pentadbir mengurus, menyunting dan menerbitkan kandungan laman web tanpa memerlukan pengetahuan teknikal.</p><h2>Kelebihan CMS</h2><ul><li>Memudahkan pengurusan kandungan</li><li>Pelbagai pengguna boleh mengurus kandungan</li><li>Kandungan boleh dijadualkan</li><li>Sokongan pelbagai bahasa</li><li>Rekabentuk responsif</li></ul>', 1, 'ms', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(14, 5, 'What is CMS?', '<p class=\"lead\">CMS (Content Management System) is a system that allows administrators to manage, edit and publish website content without requiring technical programming knowledge.</p><h2>CMS Benefits</h2><ul><li>Easy content management</li><li>Multiple users can manage content</li><li>Scheduled content publishing</li><li>Multi-language support</li><li>Responsive design</li></ul>', 0, 'en', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(15, 5, '什么是CMS？', '<p class=\"lead\">CMS（内容管理系统）是一种允许管理员管理、编辑和发布网站内容而无需技术编程知识的系统。</p><h2>CMS优势</h2><ul><li>轻松管理内容</li><li>多用户可同时管理内容</li><li>可定时发布内容</li><li>多语言支持</li><li>响应式设计</li></ul>', 0, 'zh', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(16, 6, 'Bagaimana cara log masuk ke panel pentadbir?', '<p class=\"lead\">Panel pentadbir boleh diakses melalui URL <code>/admin</code> di laman web anda.</p><h2>Langkah-langkah</h2><ol><li>Buka pelayar web dan pergi ke URL panel pentadbir</li><li>Masukkan alamat emel yang berdaftar</li><li>Masukkan kata laluan</li><li>Klik butang \"Log Masuk\"</li></ol>', 1, 'ms', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(17, 6, 'How to login to admin panel?', '<p class=\"lead\">The admin panel can be accessed via the <code>/admin</code> URL on your website.</p><h2>Login Steps</h2><ol><li>Open a web browser and go to the admin panel URL</li><li>Enter your registered email address</li><li>Enter your password</li><li>Click the \"Login\" button</li></ol>', 0, 'en', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(18, 6, '如何登录管理面板？', '<p class=\"lead\">管理面板可通过您网站上的 <code>/admin</code> 网址访问。</p><h2>登录步骤</h2><ol><li>打开浏览器并访问管理面板网址</li><li>输入注册的电子邮件地址</li><li>输入密码</li><li>点击\"登录\"按钮</li></ol>', 0, 'zh', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(19, 7, 'Bagaimana cara menambah artikel baharu?', '<p class=\"lead\">Untuk menambah artikel baharu, ikuti langkah-langkah berikut:</p><h2>Langkah-langkah</h2><ol><li>Log masuk ke panel pentadbir</li><li>Klik menu \"Artikel\"</li><li>Klik butang \"Tambah Artikel\"</li><li>Isi maklumat artikel</li><li>Klik butang \"Simpan\"</li></ol>', 1, 'ms', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(20, 7, 'How to add a new article?', '<p class=\"lead\">To add a new article, follow these steps:</p><h2>Steps</h2><ol><li>Login to the admin panel</li><li>Click the \"Articles\" menu</li><li>Click the \"Add Article\" button</li><li>Fill in article details</li><li>Click the \"Save\" button</li></ol>', 0, 'en', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(21, 7, '如何添加新文章？', '<p class=\"lead\">要添加新文章，请按照以下步骤操作：</p><h2>步骤</h2><ol><li>登录管理面板</li><li>点击\"文章\"菜单</li><li>点击\"添加文章\"按钮</li><li>填写文章信息</li><li>点击\"保存\"按钮</li></ol>', 0, 'zh', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(22, 8, 'Bagaimana cara mengemaskini profil pengguna?', '<p class=\"lead\">Pengguna boleh mengemaskini profil masing-masing melalui panel pentadbir.</p><h2>Langkah-langkah</h2><ol><li>Log masuk ke panel pentadbir</li><li>Klik ikon pengguna di penjuru kanan atas</li><li>Pilih \"Profil Saya\"</li><li>Kemaskini maklumat</li><li>Klik \"Simpan\"</li></ol>', 1, 'ms', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(23, 8, 'How to update user profile?', '<p class=\"lead\">Users can update their profile through the admin panel.</p><h2>Steps</h2><ol><li>Login to the admin panel</li><li>Click the user icon at the top right</li><li>Select \"My Profile\"</li><li>Update information</li><li>Click \"Save\"</li></ol>', 0, 'en', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(24, 8, '如何更新用户资料？', '<p class=\"lead\">用户可以通过管理面板更新个人资料。</p><h2>步骤</h2><ol><li>登录管理面板</li><li>点击右上角的用户图标</li><li>选择\"我的资料\"</li><li>更新信息</li><li>点击\"保存\"</li></ol>', 0, 'zh', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(25, 9, 'Bagaimana cara memuat turun dokumen?', '<p class=\"lead\">Dokumen boleh dimuat turun melalui laman web dengan mudah.</p><h2>Langkah-langkah</h2><ol><li>Pergi ke halaman \"Muat Turun\"</li><li>Cari dokumen yang diperlukan</li><li>Klik butang muat turun</li><li>Dokumen akan dimuat turun secara automatik</li></ol>', 1, 'ms', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(26, 9, 'How to download documents?', '<p class=\"lead\">Documents can be downloaded easily through the website.</p><h2>Steps</h2><ol><li>Go to the \"Download\" page</li><li>Find the required document</li><li>Click the download button</li><li>The document will download automatically</li></ol>', 0, 'en', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(27, 9, '如何下载文件？', '<p class=\"lead\">文件可以通过网站轻松下载。</p><h2>步骤</h2><ol><li>前往\"下载\"页面</li><li>找到所需文件</li><li>点击下载按钮</li><li>文件将自动下载</li></ol>', 0, 'zh', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(28, 10, 'Bagaimana cara menghubungi pentadbir sistem?', '<p class=\"lead\">Terdapat beberapa saluran untuk menghubungi pentadbir sistem:</p><h2>Saluran Perhubungan</h2><ul><li><strong>Emel:</strong> admin@jabatan.gov.my</li><li><strong>Telefon:</strong> 03-8000 8000</li><li><strong>Borang Dalam Talian:</strong> Halaman \"Hubungi Kami\"</li></ul>', 1, 'ms', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(29, 10, 'How to contact the system administrator?', '<p class=\"lead\">There are several channels to contact the system administrator:</p><h2>Contact Channels</h2><ul><li><strong>Email:</strong> admin@jabatan.gov.my</li><li><strong>Phone:</strong> 03-8000 8000</li><li><strong>Online Form:</strong> \"Contact Us\" page</li></ul>', 0, 'en', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(30, 10, '如何联系系统管理员？', '<p class=\"lead\">有多种渠道可以联系系统管理员：</p><h2>联系方式</h2><ul><li><strong>电子邮件：</strong> admin@jabatan.gov.my</li><li><strong>电话：</strong> 03-8000 8000</li><li><strong>在线表格：</strong> \"联系我们\"页面</li></ul>', 0, 'zh', '2026-07-03 22:59:41', '2026-07-03 22:59:41', 1, 1),
(46, 16, 'What is REDD+?', 'REDD+ stands for Reducing Emissions from Deforestation and forest Degradation, plus the conservation of forest carbon stocks, sustainable management of forests, and enhancement of forest carbon stocks. It is a global framework under the United Nations Framework Convention on Climate Change (UNFCCC) that enables developing countries to receive results-based incentives for protecting their forests.', 1, 'en', '2026-07-23 03:31:11', '2026-07-23 03:31:11', NULL, NULL),
(47, 17, 'What is the objective of REDD+ Malaysia?', 'REDD+ Malaysia aims to reduce forest-related greenhouse gas emissions and enhance forest carbon stocks while delivering climate, environmental, and socio-economic co-benefits. It supports Malaysia&rsquo;s national climate commitments and its pledge to maintain at least 50% of its land area under forest cover.', 1, 'en', '2026-07-23 03:31:11', '2026-07-23 03:31:11', NULL, NULL),
(48, 18, 'Who implements REDD+ in Malaysia?', 'REDD+ implementation is coordinated by the Ministry of Natural Resources and Environmental Sustainability (NRES) through the REDD+ Malaysia Secretariat, working together with federal agencies, state governments, forestry departments in Peninsular Malaysia, Sabah and Sarawak, and other stakeholders including local communities and civil society.', 1, 'en', '2026-07-23 03:31:11', '2026-07-23 03:31:11', NULL, NULL),
(49, 19, 'How does REDD+ support local communities?', 'REDD+ promotes the full and effective participation of local communities and indigenous peoples in forest management. This includes respecting their knowledge and rights, involving them in decision-making, and channelling benefits from results-based payments toward community livelihoods and sustainable development.', 1, 'en', '2026-07-23 03:31:11', '2026-07-23 03:31:11', NULL, NULL),
(50, 20, 'What are safeguards in REDD+?', 'Safeguards are measures that ensure REDD+ activities do no harm to people or the environment. Malaysia addresses and respects the seven Cancun safeguards, covering governance transparency, respect for the rights of indigenous peoples and local communities, stakeholder participation, biodiversity conservation, and the prevention of reversals and displacement of emissions.', 1, 'en', '2026-07-23 03:31:11', '2026-07-23 03:31:11', NULL, NULL),
(51, 21, 'How is REDD+ funded?', 'REDD+ activities are financed through a combination of national budgets, international climate finance, and results-based payments for verified emission reductions. The Malaysia Forest Fund serves as a key mechanism for mobilising and channelling finance to support forest conservation and sustainable management.', 1, 'en', '2026-07-23 03:31:11', '2026-07-23 03:31:11', NULL, NULL),
(52, 22, 'What activities are carried out under REDD+ implementation?', 'Implementation covers policy and strategy development, sustainable forest management, forest monitoring through the MRV framework, operating the Safeguards Information System, and stakeholder engagement programmes with communities and partners.', 1, 'en', '2026-07-23 03:31:11', '2026-07-23 03:31:11', NULL, NULL),
(53, 23, 'What is the MRV framework?', 'MRV stands for Measurement, Reporting and Verification. It is the system Malaysia uses to measure forest carbon stocks and emissions, report results transparently to the UNFCCC, and have those results independently verified with integrity.', 1, 'en', '2026-07-23 03:31:11', '2026-07-23 03:31:11', NULL, NULL),
(54, 24, 'What is the Safeguards Information System (SIS)?', 'The SIS is a national system that collects and provides information on how the Cancun safeguards are being addressed and respected throughout the implementation of REDD+ activities in Malaysia.', 1, 'en', '2026-07-23 03:31:11', '2026-07-23 03:31:11', NULL, NULL),
(55, 25, 'Where can I access safeguards information?', 'Summaries of information on safeguards are published on this website under the SIS section and submitted periodically to the UNFCCC. The public may also contact the REDD+ Malaysia Secretariat for further details.', 1, 'en', '2026-07-23 03:31:11', '2026-07-23 03:31:11', NULL, NULL),
(56, 26, 'What is the Malaysia Forest Fund?', 'The Malaysia Forest Fund is a dedicated financing mechanism that mobilises domestic and international resources, including results-based payments, to support forest conservation, restoration and sustainable management across the country.', 1, 'en', '2026-07-23 03:31:11', '2026-07-23 03:31:11', NULL, NULL),
(57, 27, 'Where can I find REDD+ reports and publications?', 'National reports, summaries of information, technical assessments and other publications are available in the Resources section of this website. Key submissions are also accessible through the UNFCCC REDD+ Web Platform.', 1, 'en', '2026-07-23 03:31:11', '2026-07-23 03:31:11', NULL, NULL),
(59, 29, 'Additionality', '<p>The principle that emission reductions or removals are additional to what would have occurred in the absence of the REDD+ activity.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(60, 30, 'Afforestation', '<p>The process of planting trees on land that has not been forested for a long period of time, typically 50 years or more.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(61, 31, 'Basal Area', '<p>The cross-sectional area of a tree stem measured at breast height (1.3 m above ground), typically expressed in m²/ha.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(62, 32, 'Biomass', '<p>The total mass of living organic matter in a given area, including stems, branches, leaves, roots, and understorey vegetation.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(63, 33, 'Carbon Sink', '<p>A forest or land area that absorbs more carbon from the atmosphere than it releases, acting as a net carbon store.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(64, 34, 'Carbon Stock', '<p>The total amount of carbon stored in a forest ecosystem, including above-ground biomass, below-ground biomass, dead wood, litter, and soil organic carbon.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(65, 35, 'Clean Development Mechanism (CDM)', '<p>A mechanism under the Kyoto Protocol that allows developed countries to invest in emission-reduction projects in developing countries to meet part of their emission reduction targets.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(66, 36, 'Deforestation', '<p>The permanent conversion of forest land to non-forest uses, such as agriculture, infrastructure, or urban development.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(67, 37, 'Forest Degradation', '<p>A reduction in the capacity of a forest to provide ecosystem services, including carbon storage, resulting from human activities or natural disturbances.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(68, 38, 'Emission Factor', '<p>A coefficient that quantifies the emissions or removals of a greenhouse gas per unit of activity, expressed as CO₂ equivalent per unit.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(69, 39, 'Emission Reductions (ER)', '<p>The net decrease in greenhouse gas emissions achieved through REDD+ activities compared to a reference scenario.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(70, 40, 'Forest Management', '<p>The activities involved in the planning and implementation of forest conservation, utilisation, and renewal to meet desired environmental, economic, and social objectives.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(71, 41, 'Forest Reference Level (FRL)', '<p>A benchmark against which emission reductions or removals from REDD+ activities are measured, representing expected forest emissions in the absence of REDD+.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(72, 42, 'Greenhouse Gases (GHG)', '<p>Gases that trap heat in the atmosphere, contributing to climate change. Key forest-related GHGs include carbon dioxide (CO₂), methane (CH₄), and nitrous oxide (N₂O).</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(73, 43, 'LULUCF', '<p>Land Use, Land-Use Change and Forestry. A sector-level accounting framework for tracking carbon fluxes from land-based activities.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(74, 44, 'Monitoring, Reporting and Verification (MRV)', '<p>A systematic process for tracking, documenting, and independently validating REDD+ activities, emission reductions, and removals.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(75, 45, 'REDD+', '<p>Reducing Emissions from Deforestation and Forest Degradation, plus the sustainable management of forests, conservation of forest carbon stocks, and enhancement of forest carbon stocks.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(76, 46, 'REDD+ Safeguards', '<p>Procedures and actions to address potential negative social and environmental impacts of REDD+ activities, ensuring they complement rather than undermine national sustainable development strategies.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(77, 47, 'Safeguards Information System (SIS)', '<p>A system for providing information on how REDD+ safeguards are addressed and respected, promoting transparency and accountability.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(78, 48, 'Summary of Information on Safeguards (SI)', '<p>A summary document describing how countries have addressed and respected REDD+ safeguards, as required by UNFCCC COP decisions.</p>', 1, 'en', '2026-07-23 04:47:27', '2026-07-23 04:47:27', NULL, NULL),
(99, 64, 'Privacy Policy', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">Privacy Policy</span>\r\n    </nav>\r\n    <h1 class=\"font-display mb-3\">Privacy Policies</h1>\r\n    <p>REDD+ Privacy and Policy for sites users.</p>\r\n  </div>\r\n</header>\r\n<style>\r\n.content-section{padding:2.5rem 0}\r\n.content-section+.content-section{border-top:1px solid #e8e4d8}\r\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}\r\n.policy-card{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff;box-shadow:0 6px 18px rgba(46,74,53,.05)}\r\n.policy-card h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.5rem}\r\n.policy-card p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}\r\n\r\n.policy-card{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}\r\n.policy-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.num{width:36px;height:36px;flex:0 0 36px;background:var(--green-800);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}\r\n\r\n</style>\r\n\r\n<main class=\"container\">\r\n  <section class=\"content-section\">\r\n    <div class=\"row g-3\">\r\n      <div class=\"col-md-12\">\r\n        <div class=\"card p-4\">\r\n          <h1>PRIVACY POLICY</h1>\r\n    <p><strong>Your Privacy</strong></p>\r\n    <p>This page explains our privacy policy which includes the use and protection of any information submitted by\r\n        visitors.</p>\r\n    <p>If you choose to make any transaction or send an e-mail which contains personal information, this information may\r\n        be shared where necessary with other Government agencies so as to serve you in the most efficient and effective\r\n        manner. An example might be in terms of resolving or addressing complaints that require escalation to other\r\n        Government agencies.</p>\r\n    <p><strong>Information Collected</strong></p>\r\n    <p>No personal information will be gathered while you are using this website except for information given via\r\n        e-mail.</p>\r\n    <p><strong>What happen when I click on a link to an external site?</strong></p>\r\n    <p>This web site contains links to other websites. This privacy policy applies only to our site and you should be\r\n        aware that other sites linked by this web site may have different privacy policies and we highly recommend that\r\n        you read and understand the privacy statements of each site.</p>\r\n    <p><strong>Policy Amendments</strong></p>\r\n    <p>If this privacy policy changes in any way, it will be updated on this page. Regularly reviewing this page ensures\r\n        you are updated on the collected information, how it is used and under what circumstances, if any, it is shared\r\n        with other parties.</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</main>', 0, 'en', '2026-07-29 06:09:21', '2026-07-29 06:09:21', 1, 1),
(113, 50, 'Governance', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">Governance</span>\r\n    </nav>\r\n    <div class=\"row\">\r\n      <div class=\"col-lg-6\">\r\n        <h1 class=\"font-display mb-3\">Governance</h1>\r\n        <p>Coordinated institutions, clear roles and shared accountability for REDD+ Malaysia.</p>\r\n        \r\n      </div>\r\n    </div>\r\n  </div>\r\n</header>\r\n\r\n<style>.hero-article{background:url(\"/dynaweb4/redd%2B/gov_hero_bg.png\") center/cover no-repeat!important}\r\n.panel-card{background:#fdfcf9;border:1px solid #ece8db;border-radius:.9rem;box-shadow:0 8px 24px rgba(46,74,53,.05);}\r\n.panel-card h2{color:var(--green-800);font-weight:700;font-size:1.25rem;}\r\n.panel-card h3{color:var(--green-900);font-weight:700;font-size:1rem;}\r\n.side-icon{width:64px;height:64px;flex:0 0 64px;background:#fff;border:1px solid var(--green-200);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:var(--green-800);}\r\n.small-copy{font-size:.83rem;font-weight:500;line-height:1.55;}\r\n.dot-list{list-style:none;padding:0;margin:0;}\r\n.dot-list li{padding-left:1.1rem;position:relative;font-weight:600;font-size:.88rem;margin-bottom:.45rem;}\r\n.dot-list li::before{content:\"\";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--green-800);}\r\n.gov-diagram{position:relative;width:340px;height:340px;margin:0 auto;}\r\n.gov-diagram .ring{position:absolute;inset:28px;border:2px dashed var(--green-200);border-radius:50%;}\r\n.gov-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:var(--green-800);border:5px solid #e9e2cd;box-shadow:0 10px 24px rgba(46,74,53,.30);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;z-index:2;}\r\n.gov-center .bi{font-size:1.2rem;color:#cfe0c5;}\r\n.gov-center strong{font-size:.8rem;line-height:1.2;letter-spacing:.05em;}\r\n.gov-center small{font-size:.55rem;color:#cfdcc8;font-weight:600;line-height:1.25;margin-top:.25rem;}\r\n.gov-node{position:absolute;z-index:2;width:74px;height:74px;border-radius:50%;border:4px solid #efe9d8;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.7rem;box-shadow:0 8px 18px rgba(46,74,53,.22);}\r\n.gov-node.nw{top:6px;left:6px;background:var(--olive,#7d8a55);}\r\n.gov-node.ne{top:6px;right:6px;background:var(--teal,#2e5f52);}\r\n.gov-node.sw{bottom:6px;left:6px;background:var(--steel,#4a7b96);}\r\n.gov-node.se{bottom:6px;right:6px;background:var(--bronze,#a4762c);}\r\n.node-copy h3{font-size:.95rem;}\r\n.node-copy p{font-size:.8rem;font-weight:500;line-height:1.5;margin:0;}\r\n\r\n.gov-diagram{width:300px;height:300px}\r\n.gov-node{width:64px;height:64px;font-size:1.4rem}\r\n.gov-center{width:130px;height:130px;padding:.6rem}\r\n.gov-center strong{font-size:.7rem}\r\n.gov-center small{font-size:.5rem}\r\n.gov-center .bi{font-size:1rem}\r\n.gov-node.nw{top:4px;left:4px}\r\n.gov-node.ne{top:4px;right:4px}\r\n.gov-node.sw{bottom:4px;left:4px}\r\n.gov-node.se{bottom:4px;right:4px}\r\n.gov-diagram .ring{inset:22px}\r\n.panel-card{padding:1rem!important}\r\n.panel-card h2{font-size:1.1rem}\r\n.panel-card h3{font-size:.85rem}\r\n.side-icon{width:48px;height:48px;flex:0 0 48px;font-size:1.2rem}\r\n.small-copy{font-size:.78rem}\r\n.node-copy h3{font-size:.82rem}\r\n.node-copy p{font-size:.74rem}\r\n.node-copy{margin-bottom:.75rem!important}\r\n\r\n</style>\r\n\r\n<main class=\"container\">\r\n  <div class=\"row g-4 m-0\">\r\n\r\n    <div class=\"col-lg-7\">\r\n      <div class=\"panel-card p-4 h-100\">\r\n        <h2>REDD+ Governance Structure</h2>\r\n        <p class=\"small-copy mb-4\">A coordinated framework from national direction to on-the-ground implementation.</p>\r\n\r\n        <div class=\"row align-items-center g-4\">\r\n          <div class=\"col-md-3 order-2 order-md-1\">\r\n            <div class=\"node-copy\">\r\n              <h3>NRES / REDD+ Unit</h3>\r\n              <p>Sets national strategy, policies and standards. Leads overall coordination and reporting.</p>\r\n            </div>\r\n            <div class=\"node-copy\">\r\n              <h3>Technical / Working Groups</h3>\r\n              <p>Experts &amp; Technical Committees provide technical guidance, develop methods, validate data and strengthen capacities.</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-md-6 order-1 order-md-2\">\r\n            <div class=\"gov-diagram\">\r\n              <div class=\"ring\"></div>\r\n              <div class=\"gov-node nw\"><i class=\"bi bi-bank\"></i></div>\r\n              <div class=\"gov-node ne\"><i class=\"bi bi-map-fill\"></i></div>\r\n              <div class=\"gov-node sw\"><i class=\"bi bi-people-fill\"></i></div>\r\n              <div class=\"gov-node se\"><i class=\"bi bi-diagram-3-fill\"></i></div>\r\n              <div class=\"gov-center\">\r\n                <i class=\"bi bi-flower1\"></i>\r\n                <strong>REDD+<br>MALAYSIA<br>GOVERNANCE</strong>\r\n                <small>Shared Responsibility<br>Stronger Forests</small>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-md-3 order-3\">\r\n            <div class=\"node-copy\">\r\n              <h3>State Governments / State Forestry Departments</h3>\r\n              <p>Adapts and implements strategies at state level. Oversees alignment and regional coordination.</p>\r\n            </div>\r\n            <div class=\"node-copy\">\r\n              <h3>Implementation / Stakeholder Coordination Partners</h3>\r\n              <p>Engages communities, private sector, NGOs and partners to implement actions on the ground.</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"text-center mt-4\">\r\n          <a href=\"/redd-plus/article?id=related-policies\" class=\"link-learn\">Learn More <i class=\"bi bi-arrow-right ms-1\"></i></a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"col-lg-5 d-flex flex-column gap-4\">\r\n      <div class=\"panel-card p-4\">\r\n        <div class=\"d-flex gap-3\">\r\n          <div class=\"side-icon\"><i class=\"bi bi-tree-fill\"></i></div>\r\n          <div>\r\n            <h3>Forest Governance</h3>\r\n            <p class=\"small-copy mb-2\">Policies, legal frameworks and institutional arrangements working together to conserve our natural heritage and empower communities.</p>\r\n            <!-- <a href=\"/redd-plus/article?id=related-policies\" class=\"link-learn\">Learn More <i class=\"bi bi-arrow-right ms-1\"></i></a> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"panel-card p-4\">\r\n        <div class=\"d-flex gap-3\">\r\n          <div class=\"side-icon\"><i class=\"bi bi-flower1\"></i></div>\r\n          <div>\r\n            <h3>Sustainable Forest Management</h3>\r\n            <p class=\"small-copy mb-2\">Healthier forests, stronger livelihoods and resilient communities through sustainable practices and continuous improvement.</p>\r\n            <!-- <a href=\"/redd-plus/article?id=related-policies\" class=\"link-learn\">Learn More <i class=\"bi bi-arrow-right ms-1\"></i></a> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"panel-card p-4 flex-grow-1\">\r\n        <h3>Committees / Working Groups</h3>\r\n        <p class=\"small-copy mb-3\">The committees and working groups support coordination, technical input and implementation alignment for REDD+ Malaysia.</p>\r\n        <ul class=\"dot-list mb-3\">\r\n          <li>National Steering Committee</li>\r\n          <li>Technical Working Groups</li>\r\n          <li>State Coordination</li>\r\n          <li>Stakeholder Platforms</li>\r\n        </ul>\r\n        <!-- <a href=\"/redd-plus/article?id=related-policies\" class=\"link-learn\">Learn More <i class=\"bi bi-arrow-right ms-1\"></i></a> -->\r\n      </div>\r\n    </div>\r\n  </div>\r\n</main>', 1, 'en', '2026-07-29 07:28:45', '2026-07-29 07:28:45', 1, 1),
(116, 51, 'National REDD+ Strategy', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">National REDD+ Strategy</span>\r\n    </nav>\r\n    <h1 class=\"font-display mb-3\">National REDD+ Strategy</h1>\r\n    <p>The National REDD+ Strategy (NRS) builds upon existing relevant policies to guide Malaysia\'s REDD+ implementation.</p>\r\n  </div>\r\n</header>\r\n<style>\r\n.content-section{padding:2.5rem 0}\r\n.content-section+.content-section{border-top:1px solid #e8e4d8}\r\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}\r\n.card-icon{width:48px;height:48px;background:var(--green-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--green-800);flex-shrink:0}\r\n.card-icon.mx-auto{margin-bottom:.75rem!important}\r\n.obj-list{list-style:none;padding:0;margin:0}\r\n.obj-list li{padding-left:1.1rem;position:relative;font-weight:500;font-size:.85rem;margin-bottom:.45rem;line-height:1.5}\r\n.obj-list li::before{content:\"\";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--gold)}\r\n\r\n/* Alternating section highlights */\r\n.section-tint-a,\r\n.section-tint-b {\r\n  border-radius: 1rem;\r\n  padding: 2rem 1.5rem;\r\n}\r\n.section-tint-a { background: var(--green-100); }\r\n.section-tint-b { background: var(--bs-body-bg); }\r\n\r\n.info-card {\r\n  background: var(--card-bg,#fff);\r\n  border: 1px solid #d8d4c8;\r\n  border-radius: .75rem;\r\n  text-align: left;\r\n  padding: 1.25rem .9rem;\r\n  height: 100%;\r\n  box-shadow: 0 2px 8px rgba(46,74,53,.06);\r\n  transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n</style>\r\n\r\n<main class=\"container\">\r\n  <section class=\"content-section\">\r\n    <div class=\"section-tint-a\">\r\n      <h2 class=\"section-title\">Main Objectives</h2>\r\n      <div class=\"row g-4\">\r\n        <div class=\"col-md-4\">\r\n          <div class=\"info-card d-flex gap-3 align-items-start\">\r\n            <div class=\"card-icon\"><i class=\"bi bi-arrow-left-right\"></i></div>\r\n            <div>\r\n              <h4>Policy Synergy</h4>\r\n              <p>To promote consistency and synergies in the implementation of climate change, forest and biodiversity related policies between federal and state levels.</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n          <div class=\"info-card d-flex gap-3 align-items-start\">\r\n            <div class=\"card-icon\"><i class=\"bi bi-graph-up-arrow\"></i></div>\r\n            <div>\r\n              <h4>MRV &amp; NDC</h4>\r\n              <p>To measure, report and verify (MRV) REDD+ results and as part of efforts to achieve the Nationally Determined Contribution (NDC).</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n          <div class=\"info-card d-flex gap-3 align-items-start\">\r\n            <div class=\"card-icon\"><i class=\"bi bi-cash-coin\"></i></div>\r\n            <div>\r\n              <h4>Sustainable Financing</h4>\r\n              <p>To develop a sustainable financing mechanism for REDD+ implementation.</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n\r\n  <section class=\"content-section\">\r\n    <div class=\"section-tint-b\">\r\n      <h2 class=\"section-title\">REDD+ Actions &amp; National Targets</h2>\r\n      <div class=\"row g-4\">\r\n        <div class=\"col-lg-6\">\r\n          <div class=\"info-card\">\r\n            <h4>National Targets</h4>\r\n            <ul class=\"obj-list\">\r\n              <li>Maintaining 50% forest cover</li>\r\n              <li>Achieving the NDC pledge made under the UNFCCC’s Paris Agreement for the period between 2020-2030</li>\r\n              <li>Achieving National Policy on Biological Diversity (2016-2025)</li>\r\n              <li>Forest policies</li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-lg-6\">\r\n          <div class=\"info-card\">\r\n            <h4>Addressing Key Areas</h4>\r\n            <ul class=\"obj-list\">\r\n              <li>Identifying drivers of deforestation</li>\r\n              <li>Enhancing transparency of MRV system</li>\r\n              <li>Developing sustainable financing system</li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n\r\n  <section class=\"content-section\">\r\n    <div class=\"section-tint-a\">\r\n      <h2 class=\"section-title\">Eligible Activities</h2>\r\n      <div class=\"row row-cols-2 row-cols-lg-5 g-3\">\r\n        <div class=\"col\"><div class=\"info-card text-center\"><div class=\"card-icon mx-auto mb-2\"><i class=\"bi bi-tree\"></i></div><p class=\"fw-bold mb-1\">REDD+</p><p>Reducing emissions from deforestation</p></div></div>\r\n        <div class=\"col\"><div class=\"info-card text-center\"><div class=\"card-icon mx-auto mb-2\"><i class=\"bi bi-flower1\"></i></div><p class=\"fw-bold mb-1\">REDD+</p><p>Reducing emissions from forest degradation</p></div></div>\r\n        <div class=\"col\"><div class=\"info-card text-center\"><div class=\"card-icon mx-auto mb-2\"><i class=\"bi bi-shield-check\"></i></div><p class=\"fw-bold mb-1\">REDD+</p><p>Conservation of forest carbon stocks</p></div></div>\r\n        <div class=\"col\"><div class=\"info-card text-center\"><div class=\"card-icon mx-auto mb-2\"><i class=\"bi bi-cloud-plus\"></i></div><p class=\"fw-bold mb-1\">REDD+</p><p>Enhancement of forest carbon stocks</p></div></div>\r\n        <div class=\"col\"><div class=\"info-card text-center\"><div class=\"card-icon mx-auto mb-2\"><i class=\"bi bi-recycle\"></i></div><p class=\"fw-bold mb-1\">REDD+</p><p>Sustainable management of forests</p></div></div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</main>', 1, 'en', '2026-07-29 07:48:41', '2026-07-29 07:48:41', 1, 1),
(120, 52, 'REDD+ Implementation', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">REDD+ Implementation</span>\r\n    </nav>\r\n    <h1 class=\"font-display mb-3\">REDD+ Implementation in Malaysia</h1>\r\n    <p>Malaysia\'s REDD+ journey — from UNFCCC ratification to operational systems on the ground.</p>\r\n  </div>\r\n</header>\r\n\r\n<style>\r\n  .content-section { padding: 2.5rem 0; }\r\n  .content-section + .content-section { border-top: 1px solid #e8e4d8; }\r\n  \r\n  /* Alternating section highlights */\r\n  .section-tint-a,\r\n  .section-tint-b {\r\n    border-radius: 1rem;\r\n    padding: 2rem 1.5rem;\r\n  }\r\n  .section-tint-a { background: var(--green-100); }\r\n  .section-tint-b { background: var(--bs-body-bg); }\r\n\r\n  .info-card {\r\n    background: var(--card-bg,#fff);\r\n    border: 1px solid #d8d4c8;\r\n    border-radius: .75rem;\r\n    text-align: left;\r\n    padding: 1.25rem .9rem;\r\n    height: 100%;\r\n    box-shadow: 0 2px 8px rgba(46,74,53,.06);\r\n    transition: transform .2s ease, box-shadow .2s ease;\r\n  }\r\n\r\n  /* Infographic specific styles */\r\n  .infographic-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-radius: 0.75rem;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n  }\r\n  .infographic-wrapper img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n</style>\r\n\r\n<main class=\"container\">\r\n  <!-- Section 1: Visual Timeline & Achievements -->\r\n  <section class=\"content-section\">\r\n    <div class=\"section-tint-a\">\r\n      <h2 class=\"section-title visually-hidden\">Malaysia\'s REDD+ Journey Infographic</h2>\r\n      \r\n      <div class=\"row justify-content-center\">\r\n        <div class=\"col-lg-10\">\r\n          <div class=\"infographic-wrapper\">\r\n            <!-- Using the generated infographic here -->\r\n            <img src=\"/assets/redd-plus/infographic.png\" alt=\"Infographic showing Malaysia\'s REDD+ implementation timeline from 1972 to 2021, including achievements like NFRL, NFMS, MY-SIS, Warsaw Framework, and Paris Agreement.\" style=\"width:100%; height:auto;\">\r\n            \r\n            <!-- NOTE: Replace the src above with the actual URL of the generated infographic image -->\r\n            <!-- If you are using a local file, use: src=\"/path/to/redd-malaysia-infographic.png\" -->\r\n          </div>\r\n          \r\n          <p class=\"text-center mt-3 small text-muted fst-italic\">\r\n            Figure 1: Key milestones in Malaysia\'s REDD+ implementation (1972–2021)\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n\r\n  <!-- Section 2: Detailed Context Cards -->\r\n  <section class=\"content-section\">\r\n    <div class=\"section-tint-b\">\r\n      <h2 class=\"section-title text-center mb-4\">International Frameworks Supporting REDD+</h2>\r\n      <div class=\"row g-4 justify-content-center\">\r\n        <div class=\"col-md-6 col-lg-5\">\r\n          <div class=\"info-card\">\r\n            <h4>Warsaw Framework on REDD+</h4>\r\n            <p>Seven important decisions adopted during COP 19, jointly known as the Warsaw Framework, provide the comprehensive rules for implementing REDD+ under the UNFCCC.</p>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-md-6 col-lg-5\">\r\n          <div class=\"info-card\">\r\n            <h4>Paris Agreement</h4>\r\n            <p>All efforts link REDD+ back to Article 5 of the Paris Agreement, which encourages Parties to implement and support REDD+ as part of climate change mitigation actions.</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</main>', 1, 'en', '2026-07-29 08:30:51', '2026-07-29 08:30:51', 1, 1);
INSERT INTO `content_article_translation` (`article_translation_id`, `article_translation_parent_id`, `article_translation_title`, `article_translation_content`, `article_translation_main`, `article_translation_language`, `created_at`, `updated_at`, `created_by`, `updated_by`) VALUES
(126, 28, 'About REDD+ Malaysia', '@php\r\n     use App\\Models\\Backend\\ContentArticle;\r\n    $aboutArticle = ContentArticle::with(\'translations\')->where(\'article_code\', \'about-redd-plus\')->where(\'article_status\', \'ACTIVE\')->first();\r\n    $heroBg = $aboutArticle = $aboutArticle->article_image ? image_url($aboutArticle->article_image) : \'/assets/redd-plus/about_hero_bg.png\';\r\n@endphp\r\n\r\n<style>\r\n.hero-about {\r\n  background: url(\'{{ $heroBg }}\') center/cover no-repeat;\r\n  min-height: 320px;\r\n}\r\n.breadcrumb-redd { font-size: .8rem; font-weight: 600; }\r\n.breadcrumb-redd a { color: #6c7a6e; text-decoration: none; }\r\n.breadcrumb-redd a:hover { color: var(--green-800); }\r\n.breadcrumb-redd .active { color: var(--green-800); }\r\n.breadcrumb-redd .sep { color: #a9b3a9; margin: 0 .4rem; }\r\n.hero-about h1 {\r\n  color: var(--green-900); font-weight: 600;\r\n  font-size: clamp(2rem, 4vw, 2.9rem);\r\n}\r\n.hero-about p { max-width: 380px; font-weight: 500; font-size: 1.05rem; }\r\n\r\n.row-block { padding: 2.5rem 0; }\r\n.row-block + .row-block { border-top: 1px solid #e8e4d8; }\r\n.block-heading { color: var(--green-800); font-weight: 700; font-size: 1.35rem; }\r\n.lead-icon {\r\n  width: 84px; height: 84px; background: var(--green-100);\r\n  border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n  font-size: 2.2rem; color: var(--green-800);\r\n}\r\n.lead-icon.gold { background: var(--gold-100); color: var(--gold); }\r\n.lead-icon.small { width: 56px; height: 56px; font-size: 1.4rem; }\r\n.link-learn {\r\n  color: var(--green-900); font-weight: 700; text-decoration: none;\r\n  border-bottom: 2px solid var(--gold); padding-bottom: .15rem;\r\n}\r\n.link-learn:hover { color: var(--gold); }\r\n\r\n.info-card {\r\n  background: var(--card-bg,#fff); border:1.5px solid var(--green-200,#b9c9b8)!important;\r\n  border-radius: .75rem; text-align: center;\r\n  padding: 1.25rem .9rem; height: 100%;\r\n  box-shadow: 0 2px 8px rgba(46,74,53,.06);\r\n  transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n.info-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(46,74,53,.12); }\r\n.info-icon {\r\n  width: 72px; height: 72px; margin: 0 auto .9rem;\r\n  background: #fff; border: 1px solid var(--green-200); border-radius: 1rem;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 1.8rem; color: var(--green-700);\r\n}\r\n.info-card p { margin: 0; font-weight: 600; color: var(--ink); font-size: .85rem; line-height: 1.35; }\r\n\r\n.footer-links a { color: var(--ink); text-decoration: none; font-weight: 600; font-size: .85rem; }\r\n.footer-links a:hover { color: var(--green-800); }\r\n.footer-links .sep { color: #a9b3a9; margin: 0 .75rem; }\r\n.footer-copy { font-size: .82rem; color: #5b6a5e; font-weight: 500; }\r\n.footer-url { color: var(--green-800); font-weight: 700; text-decoration: none; }\r\n.footer-url:hover { color: var(--gold); }\r\n\r\n/* Alternating section highlights */\r\n.section-tint-a {\r\n  background: var(--green-100);\r\n  border-radius: 1rem;\r\n  padding: 2rem 1.5rem;\r\n  margin: 0 -1.5rem;\r\n}\r\n.section-tint-b {\r\n  background: var(--bs-light);\r\n  border-radius: 1rem;\r\n  padding: 2rem 1.5rem;\r\n  margin: 0 -1.5rem;\r\n}\r\n\r\n</style>\r\n\r\n\r\n<header class=\"hero-about d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/{{ $siteSlug }}\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">About</span>\r\n    </nav>\r\n    <h1 class=\"font-display mb-3\">About REDD+ Malaysia</h1>\r\n    <p>Understand Malaysia\'s approach to reducing forest-related emissions and enhancing forest carbon stocks for a sustainable future.</p>\r\n  </div>\r\n</header>\r\n\r\n<main class=\"container\">\r\n  <section class=\"row-block\">\r\n    <div class=\"row align-items-center gy-4\">\r\n      <div class=\"col-auto\"><div class=\"lead-icon\"><i class=\"bi bi-globe-americas\"></i></div></div>\r\n      <div class=\"col-lg-7\">\r\n        <h2 class=\"block-heading font-display\">What is REDD+?</h2>\r\n        <p class=\"mb-0 fw-medium\" style=\"font-size:.92rem;\">REDD+ is a global framework under the United Nations Framework Convention on Climate Change (UNFCCC) that enables countries to take action to reduce forest-related emissions and enhance forest carbon stocks while delivering sustainable development benefits.</p>\r\n      </div>\r\n      <div class=\"col-lg text-lg-end\"><a href=\"/redd-plus/article?id=national-redd-strategy\" class=\"link-learn\">Learn More <i class=\"bi bi-arrow-right ms-1\"></i></a></div>\r\n    </div>\r\n  </section>\r\n\r\n  <section class=\"row-block\">\r\n    <div class=\"row gy-4 section-tint-a\">\r\n      <div class=\"col-lg-3\">\r\n        <div class=\"lead-icon gold small mb-3\"><i class=\"bi bi-bullseye\"></i></div>\r\n        <h2 class=\"block-heading font-display\">Objectives of REDD+</h2>\r\n        <p class=\"fw-medium\" style=\"font-size:.9rem;\">REDD+ aims to deliver climate, environmental, and socio-economic co-benefits through balanced and inclusive approaches to forest conservation and management.</p>\r\n      </div>\r\n      <div class=\"col-lg-9\">\r\n        <div class=\"row row-cols-2 row-cols-lg-4 g-3 h-100\">\r\n          <div class=\"col\"><div class=\"info-card\"><div class=\"info-icon\"><i class=\"bi bi-graph-down-arrow\"></i></div><p>Reduce emissions from deforestation and forest degradation</p></div></div>\r\n          <div class=\"col\"><div class=\"info-card\"><div class=\"info-icon\"><i class=\"bi bi-tree-fill\"></i></div><p>Conserve forest carbon stocks.</p></div></div>\r\n          <div class=\"col\"><div class=\"info-card\"><div class=\"info-icon\"><i class=\"bi bi-recycle\"></i></div><p>Sustainable management of forests.</p></div></div>\r\n          <div class=\"col\"><div class=\"info-card\"><div class=\"info-icon\"><i class=\"bi bi-cloud-plus\"></i></div><p>Enhance forest carbon stocks.</p></div></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n\r\n  <section class=\"row-block\">\r\n    <div class=\"row gy-4 section-tint-b\">\r\n      <div class=\"col-lg-3\">\r\n        <div class=\"lead-icon small mb-3\"><i class=\"bi bi-flower1\"></i></div>\r\n        <h2 class=\"block-heading font-display\">REDD+ Actions / Activities</h2>\r\n        <p class=\"fw-medium\" style=\"font-size:.9rem;\">Malaysia undertakes a range of coordinated actions and activities to implement REDD+ effectively and transparently.</p>\r\n        <!-- <a href=\"/redd-plus/article?id=national-redd-strategy\" class=\"link-learn\">Learn More <i class=\"bi bi-arrow-right ms-1\"></i></a> -->\r\n      </div>\r\n      <div class=\"col-lg-9\">\r\n        <div class=\"row row-cols-2 row-cols-md-3 row-cols-lg-5 g-3 h-100\">\r\n          <div class=\"col\"><div class=\"info-card\"><div class=\"info-icon\"><i class=\"bi bi-file-earmark-text\"></i></div><p>Policy and Strategy Development</p></div></div>\r\n          <div class=\"col\"><div class=\"info-card\"><div class=\"info-icon\"><i class=\"bi bi-tree\"></i></div><p>Sustainable Forest Management</p></div></div>\r\n          <div class=\"col\"><div class=\"info-card\"><div class=\"info-icon\"><i class=\"bi bi-clipboard-check\"></i></div><p>Monitoring, Reporting and Verification (MRV)</p></div></div>\r\n          <div class=\"col\"><div class=\"info-card\"><div class=\"info-icon\"><i class=\"bi bi-database-check\"></i></div><p>Safeguards Information System (SIS)</p></div></div>\r\n          <div class=\"col\"><div class=\"info-card\"><div class=\"info-icon\"><i class=\"bi bi-people-fill\"></i></div><p>Stakeholder Engagement and Participation</p></div></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</main>', 1, 'en', '2026-07-29 08:47:24', '2026-07-29 08:47:24', 1, 1),
(127, 65, 'Security Policy', '<header class=\"hero-article d-flex align-items-center\">\n  <div class=\"container py-5\">\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\n      <span class=\"active\">Security Policy</span>\n    </nav>\n    <h1 class=\"font-display mb-3\">Security Policy</h1>\n    <p>Security Policy of REDD+ Malaysia.</p>\n  </div>\n</header>\n<style>\n.content-section{padding:2.5rem 0}\n.content-section+.content-section{border-top:1px solid #e8e4d8}\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}\n.policy-card{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff;box-shadow:0 6px 18px rgba(46,74,53,.05)}\n.policy-card h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.5rem}\n.policy-card p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}\n.policy-card{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}\n.policy-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\n.num{width:36px;height:36px;flex:0 0 36px;background:var(--green-800);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}\n.card p strong{color:var(--green-800)}\n</style>\n\n<main class=\"container\">\n  <section class=\"content-section\">\n    <div class=\"row g-3\">\n      <div class=\"col-md-12\">\n        <div class=\"card p-4\">\n          <h1>SECURITY POLICY</h1>\n<div class=\"policy-card\">\n    <div class=\"num\">1</div>\n    <div>\n      <h4>Data Protection</h4>\n      <p>The latest technology includes data encryption to protect data and compliance to strict security standards are maintained to prevent unauthorised access.</p>\n    </div>\n  </div>\n<div class=\"policy-card\">\n    <div class=\"num\">2</div>\n    <div>\n      <h4>Storage Security</h4>\n      <p>All electronic storage and personal data submitted are protected and stored using appropriate security technology.</p>\n    </div>\n  </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</main>', 0, 'en', '2026-07-29 08:48:59', '2026-07-29 08:48:59', 1, 1),
(128, 66, 'Web Policy', '<header class=\"hero-article d-flex align-items-center\">\n  <div class=\"container py-5\">\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\n      <span class=\"active\">Web Policy</span>\n    </nav>\n    <h1 class=\"font-display mb-3\">Web Policy</h1>\n    <p>Web Policy of REDD+ Malaysia.</p>\n  </div>\n</header>\n<style>\n.content-section{padding:2.5rem 0}\n.content-section+.content-section{border-top:1px solid #e8e4d8}\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}\n.policy-card{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff;box-shadow:0 6px 18px rgba(46,74,53,.05)}\n.policy-card h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.5rem}\n.policy-card p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}\n.policy-card{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}\n.policy-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\n.num{width:36px;height:36px;flex:0 0 36px;background:var(--green-800);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}\n.card p strong{color:var(--green-800)}\n</style>\n\n<main class=\"container\">\n  <section class=\"content-section\">\n    <div class=\"row g-3\">\n      <div class=\"col-md-12\">\n        <div class=\"card p-4\">\n          <h1>WEB POLICY</h1>\n<p>This website is the property of and developed by the Ministry of Natural Resources and Environmental Sustainability (NRES).</p>\n<p>All contents of this portal including all graphics, texts, images and software or any other contents of this portal is protected by the copyright, trade mark or any property rights owned by NRES, unless otherwise indicated.</p>\n<p>No part or parts of this portal may be copied, displayed or reproduced in any other portals or used in any other type of electronic public or private data downloading system or any other services without prior written consent of NRES.</p>\n<p>The contents of this portal was produced to provide users of this portal with general information and shall not be used as a stand-in of legal and investment advices.</p>\n<p>The contents of this portal is deemed correct and is being updated on the date as displayed on the homepage of this portal.</p>\n<p>Due care has been taken in providing the information in this portal and NRES will not be responsible for any discrepancies and impreciseness of the information in this portal.</p>\n<p>The latest version of any documents in this portal is similar to that of its original documentation filed by NRES.</p>\n<p>No part of this portal is allowed to be linked to any other portal without the prior written consent of NRES.</p>\n<p>Any other portals linked to this portal are not under the supervision of NRES.</p>\n<p>NRES shall not be held responsible any contents of any portal linked to this portal, or any changes made to such linked portals.</p>\n<p>Permission to get the consent to link to this portal must be done in writing to: <strong>redd.plus@nres.gov.my</strong></p>\n<p>Phone: <strong>+603 8091 7000</strong></p>\n        </div>\n      </div>\n    </div>\n  </section>\n</main>', 0, 'en', '2026-07-29 08:48:59', '2026-07-29 08:48:59', 1, 1),
(129, 67, 'Disclaimer', '<header class=\"hero-article d-flex align-items-center\">\n  <div class=\"container py-5\">\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\n      <span class=\"active\">Disclaimer</span>\n    </nav>\n    <h1 class=\"font-display mb-3\">Disclaimer</h1>\n    <p>Disclaimer of REDD+ Malaysia.</p>\n  </div>\n</header>\n<style>\n.content-section{padding:2.5rem 0}\n.content-section+.content-section{border-top:1px solid #e8e4d8}\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}\n.policy-card{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff;box-shadow:0 6px 18px rgba(46,74,53,.05)}\n.policy-card h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.5rem}\n.policy-card p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}\n.policy-card{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}\n.policy-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\n.num{width:36px;height:36px;flex:0 0 36px;background:var(--green-800);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}\n.card p strong{color:var(--green-800)}\n</style>\n\n<main class=\"container\">\n  <section class=\"content-section\">\n    <div class=\"row g-3\">\n      <div class=\"col-md-12\">\n        <div class=\"card p-4\">\n          <h1>DISCLAIMER</h1>\n<p>The Malaysian government and The Ministry of Natural Resources and Environmental Sustainability (NRES) is not responsible for losses and damages, caused by using information contained in this website.</p>\n<p>The Malaysian government and The Ministry of Natural Resources and Environmental Sustainability (NRES) is not responsible for information obtained from third party websites, that does not have a cooperating working agreement.</p>\n        </div>\n      </div>\n    </div>\n  </section>\n</main>', 0, 'en', '2026-07-29 08:48:59', '2026-07-29 08:48:59', 1, 1),
(131, 56, 'Cancun Safeguards', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">Cancun Safeguards</span>\r\n    </nav>\r\n    <h1 class=\"font-display mb-3\">The Seven Cancun Safeguards</h1>\r\n    <p>Adopted at COP 16 in Cancun (2010), these safeguards guide REDD+ implementation worldwide.</p>\r\n  </div>\r\n</header>\r\n<style>\r\n.hero-article {\r\n  background: url(\"/assets/redd-plus/about_hero_bg2.png\") center/cover no-repeat;\r\n  min-height: 280px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.content-section{padding:2.5rem 0}\r\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}\r\n.safeguard-item{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff}\r\n.safeguard-item h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.35rem}\r\n.safeguard-item p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}\r\n.safeguard-num{font-weight:700;font-size:1.5rem;color:var(--gold);margin-bottom:.25rem}\r\n\r\n.safeguard-item{transition:transform .2s ease,box-shadow .2s ease}\r\n.safeguard-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.safeguard-num{font-size:1.8rem}\r\n\r\n\r\n.sg-card{background:#fff;border:1px solid #ece8db;border-radius:.9rem;padding:1.25rem;height:100%;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px rgba(46,74,53,.04)}\r\n.sg-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.sg-letter{width:42px;height:42px;flex:0 0 42px;background:var(--green-800);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}\r\n.sg-card h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.25rem}\r\n.sg-card p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}\r\n\r\n</style>\r\n\r\n<main class=\"container\">\r\n  <section class=\"content-section\">\r\n    <p class=\"fw-medium\" style=\"font-size:.9rem;line-height:1.6;\">The Cancun Safeguards were adopted under the UNFCCC to ensure REDD+ actions are implemented in a socially and environmentally responsible manner. Countries undertaking REDD+ are required to promote and support these safeguards.</p>\r\n  </section>\r\n\r\n  <section class=\"content-section\">\r\n    <div class=\"row g-3\">\r\n      <div class=\"col-md-6\"><div class=\"sg-card d-flex gap-3\"><div class=\"sg-letter\">A</div><div><h4>Complementary Actions</h4><p>Actions complement national forest programmes, international conventions and agreements.</p></div></div></div>\r\n      <div class=\"col-md-6\"><div class=\"sg-card d-flex gap-3\"><div class=\"sg-letter\">B</div><div><h4>Transparent Governance</h4><p>Transparent and effective national forest governance structures.</p></div></div></div>\r\n      <div class=\"col-md-6\"><div class=\"sg-card d-flex gap-3\"><div class=\"sg-letter\">C</div><div><h4>Indigenous &amp; Community Rights</h4><p>Respect for the knowledge and rights of indigenous peoples and local communities.</p></div></div></div>\r\n      <div class=\"col-md-6\"><div class=\"sg-card d-flex gap-3\"><div class=\"sg-letter\">D</div><div><h4>Stakeholder Participation</h4><p>Full and effective participation of all relevant stakeholders.</p></div></div></div>\r\n      <div class=\"col-md-6\"><div class=\"sg-card d-flex gap-3\"><div class=\"sg-letter\">E</div><div><h4>Forest &amp; Biodiversity Conservation</h4><p>Actions consistent with the conservation of natural forests and biodiversity.</p></div></div></div>\r\n      <div class=\"col-md-6\"><div class=\"sg-card d-flex gap-3\"><div class=\"sg-letter\">F</div><div><h4>Risk of Reversals</h4><p>Actions to address the risks of reversals (permanence).</p></div></div></div>\r\n      <div class=\"col-md-6\"><div class=\"sg-card d-flex gap-3\"><div class=\"sg-letter\">G</div><div><h4>Displacement of Emissions</h4><p>Actions to reduce displacement of emissions (leakage).</p></div></div></div>\r\n    </div>\r\n  </section>\r\n</main>', 1, 'en', '2026-07-29 09:08:59', '2026-07-29 09:08:59', 1, 1),
(133, 58, 'Malaysia\'s Safeguards Interpretation', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">Safeguards Interpretation</span>\r\n    </nav>\r\n    <h1 class=\"font-display mb-3\">Malaysia\'s Safeguards Principles,<br> Criteria &amp; Indicators (PC&amp;I)</h1>\r\n    <p>A national interpretation of the seven Cancun Safeguards adapted to Malaysia\'s unique context.</p>\r\n  </div>\r\n</header>\r\n<style>\r\n.hero-article {\r\n  background: url(\"/assets/redd-plus/about_hero_bg2.png\") center/cover no-repeat;\r\n  min-height: 280px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.content-section{padding:2.5rem 0}\r\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}\r\n\r\n.safeguard-item{transition:transform .2s ease,box-shadow .2s ease}\r\n.safeguard-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.indicator-item{transition:transform .2s ease,box-shadow .2s ease}\r\n.indicator-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.soi-card{transition:transform .2s ease,box-shadow .2s ease}\r\n.soi-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n\r\n\r\n.principles-list{list-style:none;padding:0;margin:0}\r\n.principles-list li{padding:1rem 1.25rem;margin-bottom:.5rem;background:#fff;border:1px solid #ece8db;border-radius:.75rem;font-size:.88rem;font-weight:500;line-height:1.6;transition:all .2s ease;box-shadow:0 2px 8px rgba(46,74,53,.04)}\r\n.principles-list li:hover{transform:translateX(4px);box-shadow:0 6px 16px rgba(46,74,53,.08);border-color:var(--green-200)}\r\n.principles-list li strong{color:var(--green-800);font-weight:700}\r\n\r\n</style>\r\n\r\n<main class=\"container\">\r\n  <section class=\"content-section\">\r\n    <p class=\"fw-medium\" style=\"font-size:.9rem;line-height:1.6;\">Malaysia has developed a comprehensive set of Principles, Criteria and Indicators (PC&amp;I) that interpret the seven Cancun Safeguards in the national context. This framework provides the basis for monitoring, assessing and reporting on safeguards implementation across all REDD+ activities.</p>\r\n  </section>\r\n\r\n  <section class=\"content-section\">\r\n    <h2 class=\"section-title\">Principles</h2>\r\n    <ul class=\"principles-list\">\r\n      <li><strong>Principle 1:</strong> REDD+ actions complement national forest programmes, international conventions and agreements.</li>\r\n      <li><strong>Principle 2:</strong> Transparent and effective national forest governance structures are in place.</li>\r\n      <li><strong>Principle 3:</strong> The knowledge and rights of indigenous peoples and local communities are respected.</li>\r\n      <li><strong>Principle 4:</strong> Full and effective participation of all relevant stakeholders is ensured.</li>\r\n      <li><strong>Principle 5:</strong> Actions are consistent with the conservation of natural forests and biological diversity.</li>\r\n      <li><strong>Principle 6:</strong> Actions address the risks of reversals (permanence).</li>\r\n      <li><strong>Principle 7:</strong> Actions reduce displacement of emissions (leakage).</li>\r\n    </ul>\r\n  </section>\r\n</main>', 1, 'en', '2026-07-29 09:10:48', '2026-07-29 09:10:48', 1, 1),
(134, 59, 'Indicators', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">Indicators</span>\r\n    </nav>\r\n    <h1 class=\"font-display mb-3\">Malaysia\'s Safeguards PC&amp;I Status</h1>\r\n    <p>Measuring progress on Malaysia\'s Safeguards Principles, Criteria and Indicators (PC&amp;I).</p>\r\n  </div>\r\n</header>\r\n<style>\r\n.hero-article {\r\n  background: url(\"/assets/redd-plus/about_hero_bg2.png\") center/cover no-repeat;\r\n  min-height: 280px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.content-section{padding:2.5rem 0}\r\n.content-section+.content-section{border-top:1px solid #e8e4d8}\r\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}\r\n.indicator-item{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff}\r\n.indicator-item h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.35rem}\r\n.indicator-item p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}\r\n\r\n.safeguard-item{transition:transform .2s ease,box-shadow .2s ease}\r\n.safeguard-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.indicator-item{transition:transform .2s ease,box-shadow .2s ease}\r\n.indicator-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.soi-card{transition:transform .2s ease,box-shadow .2s ease}\r\n.soi-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n\r\n\r\n.indicator-card{background:#fff;border:1px solid #ece8db;border-radius:.9rem;padding:1.25rem;height:100%;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px rgba(46,74,53,.04)}\r\n.indicator-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.indicator-card .num{width:42px;height:42px;flex:0 0 42px;background:var(--green-800);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}\r\n.indicator-card h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.25rem}\r\n.indicator-card p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}\r\n\r\n</style>\r\n\r\n<main class=\"container\">\r\n  <section class=\"content-section\">\r\n    <p class=\"fw-medium\" style=\"font-size:.9rem;line-height:1.6;\">Each safeguard principle is accompanied by specific criteria and measurable indicators to track implementation progress. The indicators cover governance, environmental, social and economic dimensions of REDD+ safeguards.</p>\r\n  </section>\r\n\r\n  <section class=\"content-section\">\r\n    <h2 class=\"section-title\">Indicator Categories</h2>\r\n    <div class=\"row g-3\">\r\n      <div class=\"col-md-4\"><div class=\"indicator-card d-flex gap-3\"><div class=\"num\"><i class=\"bi bi-building\"></i></div><div><h4>Governance</h4><p>Policy coherence, transparency, institutional coordination and legal compliance indicators.</p></div></div></div>\r\n      <div class=\"col-md-4\"><div class=\"indicator-card d-flex gap-3\"><div class=\"num\"><i class=\"bi bi-people\"></i></div><div><h4>Social</h4><p>Stakeholder participation, community rights, benefit-sharing and social safeguards indicators.</p></div></div></div>\r\n      <div class=\"col-md-4\"><div class=\"indicator-card d-flex gap-3\"><div class=\"num\"><i class=\"bi bi-tree\"></i></div><div><h4>Environmental</h4><p>Forest cover, carbon stocks, biodiversity conservation and environmental impact indicators.</p></div></div></div>\r\n    </div>\r\n  </section>\r\n\r\n  <section class=\"content-section\">\r\n    <p class=\"fw-medium\" style=\"font-size:.85rem;font-style:italic;color:#5b6a5e;\">Detailed PC&amp;I status information is available through the Malaysia Safeguards Information System (MY-SIS) portal, providing transparent tracking of each indicator\'s implementation status.</p>\r\n  </section>\r\n</main>', 1, 'en', '2026-07-29 09:14:33', '2026-07-29 09:14:33', 1, 1),
(142, 55, 'About Safeguards Information System', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">About SIS</span>\r\n    </nav>\r\n    <h1 class=\"font-display mb-3\">Safeguards Information System (SIS)</h1>\r\n    <p>A transparent system to provide information on how REDD+ safeguards are being addressed and respected.</p>\r\n  </div>\r\n</header>\r\n\r\n<style>\r\n  /* Existing Styles */\r\n  .hero-article {\r\n    background: url(\"/assets/redd-plus/about_hero_bg2.png\") center/cover no-repeat;\r\n    min-height: 280px;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .content-section { padding: 2.5rem 0; }\r\n  .section-title { color: var(--green-800); font-weight: 700; font-size: 1.35rem; margin-bottom: 1rem; }\r\n  \r\n  /* New Infographic Container Styles */\r\n  .infographic-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    border-radius: 1rem;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 20px rgba(46, 74, 53, 0.08);\r\n    background-color: #fff;\r\n    border: 1px solid #ece8db;\r\n  }\r\n\r\n  .infographic-img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n  }\r\n\r\n  /* Optional: Keep text list as accessible alternative or remove if purely visual */\r\n  .safeguard-list { list-style: none; padding: 0; margin: 0; }\r\n  .safeguard-list li { \r\n    padding: 1rem 1.25rem; margin-bottom: .5rem; background: #fff; \r\n    border: 1px solid #ece8db; border-radius: .75rem; \r\n    font-size: .88rem; font-weight: 500; line-height: 1.6; \r\n    transition: all .2s ease; box-shadow: 0 2px 8px rgba(46,74,53,.04); \r\n  }\r\n  .safeguard-list li:hover { transform: translateX(4px); box-shadow: 0 6px 16px rgba(46,74,53,.08); border-color: var(--green-200); }\r\n  .safeguard-list li strong { color: var(--green-800); font-weight: 700; }\r\n</style>\r\n\r\n<main class=\"container\">\r\n  <!-- Intro Section -->\r\n  <section class=\"content-section\">\r\n    <p class=\"fw-medium\" style=\"font-size:.95rem;line-height:1.7;\">Malaysia has submitted its first Report on Summary of Information (SOI) in 2016, demonstrating the country\'s commitment to transparent reporting on REDD+ safeguards implementation. The Safeguards Information System (SIS) provides the framework for ongoing monitoring and reporting.</p>\r\n  </section>\r\n\r\n  <!-- Infographic Section -->\r\n  <section class=\"content-section\">\r\n    <h2 class=\"section-title text-center\">The Seven Cancun Safeguards</h2>\r\n    <div class=\"row justify-content-center\">\r\n      <div class=\"col-lg-10\">\r\n        <div class=\"infographic-wrapper\">\r\n          <!-- Generated Infographic Image -->\r\n          <img src=\"/assets/redd-plus/about-sis-info.png\" alt=\"Infographic illustrating the seven Cancun Safeguards: National Forest Programmes, Forest Governance, Indigenous Rights, Stakeholder Participation, Biodiversity Conservation, Permanence/Risk Reduction, and Leakage Prevention.\" class=\"infographic-img\">\r\n        </div>\r\n        \r\n        <!-- Accessible Text Fallback (Hidden visually but readable by screen readers if needed, or keep visible as detailed description) -->\r\n        <div class=\"visually-hidden\">\r\n          <ul class=\"safeguard-list\">\r\n            <li><strong>Safeguard A:</strong> Actions complement national forest programmes, international conventions and agreements.</li>\r\n            <li><strong>Safeguard B:</strong> Transparent and effective national forest governance structures.</li>\r\n            <li><strong>Safeguard C:</strong> Respect for the knowledge and rights of indigenous peoples and local communities.</li>\r\n            <li><strong>Safeguard D:</strong> Full and effective participation of all relevant stakeholders.</li>\r\n            <li><strong>Safeguard E:</strong> Actions consistent with the conservation of natural forests and biodiversity.</li>\r\n            <li><strong>Safeguard F:</strong> Actions to address the risks of reversals (permanence).</li>\r\n            <li><strong>Safeguard G:</strong> Actions to reduce displacement of emissions (leakage).</li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n\r\n  <!-- Approach Section -->\r\n  <section class=\"content-section\">\r\n    <h2 class=\"section-title\">Malaysia\'s Approach</h2>\r\n    <p class=\"fw-medium\" style=\"font-size:.9rem;line-height:1.6;\">Malaysia has developed its own Safeguards Interpretation (Malaysia\'s Safeguards Principles, Criteria and Indicators) aligned with the seven Cancun Safeguards, taking into account national circumstances, policies and legal frameworks. The MY-SIS provides the platform for transparent reporting on safeguard implementation.</p>\r\n  </section>\r\n</main>', 1, 'en', '2026-07-29 09:48:28', '2026-07-29 09:48:28', 1, 1),
(146, 49, 'Stakeholder Engagement', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">Stakeholder Engagement</span>\r\n    </nav>\r\n    <div class=\"row\">\r\n      <div class=\"col-lg-6\">\r\n        <h1 class=\"font-display mb-3\">Stakeholder Engagement</h1>\r\n        \r\n        <p>REDD+ Malaysia is a collaborative effort that brings together a wide range of stakeholders. Through inclusive participation and strong partnerships, we work together for sustainable forests and a better future.</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</header>\r\n\r\n<style>.hero-article{background:url(\"/dynaweb4/redd%2B/st_hero_bg.png\") center/cover no-repeat!important}\r\n.feature-card{background:#fdfcf7;border:1px solid #ece8db;border-radius:.9rem;padding:1.25rem 1.4rem;display:flex;gap:1rem;align-items:flex-start;height:100%;box-shadow:0 6px 18px rgba(46,74,53,.05);}\r\n.feature-card.blue{background:#f5f9fb;border-color:#dde9ef;}\r\n.feature-card.gold{background:#fbf7ee;border-color:#eee4cf;}\r\n.f-icon{width:54px;height:54px;flex:0 0 54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;}\r\n.f-icon.green{background:var(--green-800);}\r\n.f-icon.blue{background:var(--blue,#2f6e8f);}\r\n.f-icon.gold{background:var(--bronze,#a4762c);}\r\n.feature-card h3{font-weight:700;font-size:1rem;margin-bottom:.35rem;}\r\n.feature-card h3.green{color:var(--green-800);}\r\n.feature-card h3.blue{color:var(--blue,#2f6e8f);}\r\n.feature-card h3.gold{color:var(--bronze,#a4762c);}\r\n.feature-card p{margin:0;font-size:.8rem;font-weight:500;line-height:1.5;}\r\n.stake-card{background:#fff;border:1px solid #ece8db;border-radius:.8rem;padding:1rem 1.1rem;display:flex;gap:.85rem;align-items:flex-start;box-shadow:0 6px 18px rgba(46,74,53,.06);max-width:330px;}\r\n.s-icon{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;}\r\n.stake-card h4{font-weight:700;font-size:.85rem;margin-bottom:.3rem;}\r\n.stake-card p{margin:0;font-size:.74rem;font-weight:500;line-height:1.45;}\r\n.stake-card small{display:block;font-weight:700;font-size:.72rem;margin-bottom:.1rem;}\r\n.eco-illustration{max-width:100%;height:auto;display:block;margin:0 auto;}\r\n</style>\r\n\r\n<section class=\"container mt-4\">\r\n  <div class=\"row g-3\">\r\n    <div class=\"col-md-4\">\r\n      <div class=\"feature-card\">\r\n        <div class=\"f-icon green\"><i class=\"bi bi-people-fill\"></i></div>\r\n        <div>\r\n          <h3 class=\"green\">Effective Participation</h3>\r\n          <p>Inclusive engagement that respects diversity and ensures meaningful involvement.</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"col-md-4\">\r\n      <div class=\"feature-card blue\">\r\n        <div class=\"f-icon blue\"><i class=\"bi bi-person-plus-fill\"></i></div>\r\n        <div>\r\n          <h3 class=\"blue\">Collaboration &amp; Partnership</h3>\r\n          <p>Working together across sectors to share knowledge, resources and solutions.</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"col-md-4\">\r\n      <div class=\"feature-card gold\">\r\n        <div class=\"f-icon gold\"><i class=\"bi bi-flower1\"></i></div>\r\n        <div>\r\n          <h3 class=\"gold\">Sustainable Outcomes</h3>\r\n          <p>Delivering lasting benefits for people, forests and future generations.</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n\r\n<section class=\"container py-5\">\r\n  <div class=\"row align-items-center g-4\">\r\n\r\n    <div class=\"col-lg-3 d-flex flex-column gap-4 align-items-lg-end order-2 order-lg-1\">\r\n      <div class=\"stake-card\">\r\n        <div class=\"s-icon\" style=\"background:var(--green-800);\"><i class=\"bi bi-bank\"></i></div>\r\n        <div>\r\n          <h4 style=\"color:var(--green-800);\"><small style=\"color:var(--green-800);\">National Level</small>NRES / REDD Plus Unit</h4>\r\n          <p>Policy leadership, coordination and national implementation.</p>\r\n        </div>\r\n      </div>\r\n      <div class=\"stake-card\">\r\n        <div class=\"s-icon\" style=\"background:var(--green-800);\"><i class=\"bi bi-graph-up-arrow\"></i></div>\r\n        <div>\r\n          <h4 style=\"color:var(--green-800);\">Private Sector</h4>\r\n          <p>Investment, innovation and sustainable solutions that drive green growth.</p>\r\n        </div>\r\n      </div>\r\n      <div class=\"stake-card\">\r\n        <div class=\"s-icon\" style=\"background:var(--bronze);\"><i class=\"bi bi-mortarboard-fill\"></i></div>\r\n        <div>\r\n          <h4 style=\"color:var(--bronze);\">Research &amp; Academic Institutions</h4>\r\n          <p>Research, data and innovation to inform evidence-based actions.</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"col-lg-6 order-1 order-lg-2\">\r\n      <img src=\"/dynaweb4/redd%2B/st_illustration.png\" alt=\"REDD+ Malaysia stakeholder ecosystem — working together for sustainable forests\" class=\"eco-illustration\">\r\n    </div>\r\n\r\n    <div class=\"col-lg-3 d-flex flex-column gap-4 order-3\">\r\n      <div class=\"stake-card\">\r\n        <div class=\"s-icon\" style=\"background:var(--blue);\"><i class=\"bi bi-map-fill\"></i></div>\r\n        <div>\r\n          <h4 style=\"color:var(--blue);\">State Governments</h4>\r\n          <p>State-level planning and implementation in alignment with national goals.</p>\r\n        </div>\r\n      </div>\r\n      <div class=\"stake-card\">\r\n        <div class=\"s-icon\" style=\"background:var(--bronze);\"><i class=\"bi bi-house-fill\"></i></div>\r\n        <div>\r\n          <h4 style=\"color:var(--bronze);\">Indigenous Peoples and Local Communities</h4>\r\n          <p>Participation, traditional knowledge and stewardship of forests.</p>\r\n        </div>\r\n      </div>\r\n      <div class=\"stake-card\">\r\n        <div class=\"s-icon\" style=\"background:var(--green-800);\"><i class=\"bi bi-flower1\"></i></div>\r\n        <div>\r\n          <h4 style=\"color:var(--green-800);\">Civil Society Organisations</h4>\r\n          <p>Advocacy, transparency and community empowerment.</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"col-12 d-flex justify-content-center order-4\">\r\n      <div class=\"stake-card\">\r\n        <div class=\"s-icon\" style=\"background:var(--blue);\"><i class=\"bi bi-globe2\"></i></div>\r\n        <div>\r\n          <h4 style=\"color:var(--blue);\">Development Partners</h4>\r\n          <p>Technical assistance, funding and global collaboration.</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</section>', 1, 'en', '2026-07-29 11:04:08', '2026-07-29 11:04:08', 1, 1),
(148, 57, 'Malaysia Safeguards', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">Malaysia Safeguards</span>\r\n    </nav>\r\n    <h1 class=\"font-display mb-3\">Malaysia\'s Safeguards</h1>\r\n    <p>Malaysia has developed its own safeguards framework aligned with national circumstances and the Cancun Safeguards.</p>\r\n  </div>\r\n</header>\r\n<style>\r\n.hero-article {\r\n  background: url(\"/assets/redd-plus/about_hero_bg2.png\") center/cover no-repeat;\r\n  min-height: 280px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.content-section{padding:2.5rem 0}\r\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}\r\n.safeguard-item{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff}\r\n.safeguard-item h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.35rem}\r\n.safeguard-item p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}\r\n.safeguard-item{transition:transform .2s ease,box-shadow .2s ease}\r\n.safeguard-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.indicator-item{transition:transform .2s ease,box-shadow .2s ease}\r\n.indicator-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.soi-card{transition:transform .2s ease,box-shadow .2s ease}\r\n.soi-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n\r\n/* Stronger, more visible info-card border */\r\n.info-card{border:1.5px solid var(--green-200,#b9c9b8)!important}\r\n\r\n.ms-card{border-left:4px solid var(--green-800);padding:1.25rem 1.25rem!important;text-align:left!important}\r\n.ms-card:nth-child(1){border-left-color:var(--green-800)}\r\n.ms-card:nth-child(2){border-left-color:var(--green-700,#3d5c44)}\r\n.ms-card:nth-child(3){border-left-color:#4a7b96}\r\n.ms-card:nth-child(4){border-left-color:#7d8a55}\r\n.ms-card h4{padding-left:0}\r\n\r\n/* Alternating section highlights */\r\n.section-tint-a,\r\n.section-tint-b {\r\n  border-radius: 1rem;\r\n  padding: 2rem 1.5rem;\r\n}\r\n.section-tint-a { background: var(--green-100); }\r\n.section-tint-b { background: var(--bs-body-bg); }\r\n</style>\r\n<main class=\"container\">\r\n  <section class=\"content-section\">\r\n    <div class=\"section-tint-a\">\r\n      <p class=\"fw-medium\" style=\"font-size:.9rem;line-height:1.6;\">Malaysia\'s approach to safeguards is built on existing national policies, legal frameworks and institutional arrangements. The Malaysia Safeguards Information System (MY-SIS) provides a platform for transparent reporting on how the Cancun Safeguards are being addressed and respected in the national context.</p>\r\n    </div>\r\n  </section>\r\n  <section class=\"content-section\">\r\n    <div class=\"section-tint-b\">\r\n      <div class=\"row g-3\">\r\n        <div class=\"col-md-6\"><div class=\"info-card ms-card\"><h4>National Policies Alignment</h4><p>Malaysia\'s safeguards framework aligns with existing national policies, including the National Forestry Policy, National Policy on Biological Diversity, and relevant legislation.</p></div></div>\r\n        <div class=\"col-md-6\"><div class=\"info-card ms-card\"><h4>Indigenous &amp; Community Rights</h4><p>Recognition and protection of indigenous peoples\' and local communities\' rights through existing legal frameworks and customary land tenure systems.</p></div></div>\r\n        <div class=\"col-md-6\"><div class=\"info-card ms-card\"><h4>Transparency &amp; Participation</h4><p>Mechanisms for stakeholder consultation, public participation and transparent governance in forest management and REDD+ implementation.</p></div></div>\r\n        <div class=\"col-md-6\"><div class=\"info-card ms-card\"><h4>Environmental Integrity</h4><p>Commitment to conservation of natural forests, biodiversity enhancement, and addressing risks of reversals and emission displacement.</p></div></div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</main>', 1, 'en', '2026-07-29 13:11:03', '2026-07-29 13:11:03', 1, 1);
INSERT INTO `content_article_translation` (`article_translation_id`, `article_translation_parent_id`, `article_translation_title`, `article_translation_content`, `article_translation_main`, `article_translation_language`, `created_at`, `updated_at`, `created_by`, `updated_by`) VALUES
(149, 53, 'MRV Framework', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">MRV Framework</span>\r\n    </nav>\r\n    <h1 class=\"font-display mb-3\">Measurement, Reporting &amp;<br> Verification (MRV) Framework</h1>\r\n    <p>Decision 2/CP.15 requests countries to develop national forest monitoring systems that support MRV.</p>\r\n  </div>\r\n</header>\r\n<style>\r\n.content-section{padding:2.5rem 0}\r\n.content-section+.content-section{border-top:1px solid #e8e4d8}\r\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}\r\n\r\n.mrv-intro{font-size:.95rem;font-weight:500;line-height:1.7;color:var(--ink)}\r\n.mrv-intro p{margin-bottom:1rem}\r\n\r\n.mrv-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e2ddd0;border-radius:.75rem;overflow:hidden;background:#fff;box-shadow:0 4px 16px rgba(46,74,53,.06)}\r\n.mrv-table thead th{background:var(--green-800);color:#fff;font-weight:700;font-size:.85rem;padding:.85rem 1rem;text-align:left;border-right:1px solid rgba(255,255,255,.15)}\r\n.mrv-table thead th:last-child{border-right:0}\r\n.mrv-table tbody td{padding:.75rem 1rem;font-size:.85rem;font-weight:500;line-height:1.5;vertical-align:top;border-bottom:1px solid #ece8db;border-right:1px solid #ece8db}\r\n.mrv-table tbody td:last-child{border-right:0}\r\n.mrv-table tbody tr:last-child td{border-bottom:0}\r\n.mrv-table tbody td:first-child{background:var(--green-100);font-weight:700;color:var(--green-800);font-size:.9rem;width:140px}\r\n.mrv-table tbody td ul{list-style:none;padding:0;margin:0}\r\n.mrv-table tbody td li{padding:.2rem 0;padding-left:.9rem;position:relative}\r\n.mrv-table tbody td li::before{content:\"\";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--gold)}\r\n.mrv-table tbody tr:hover td{background:rgba(228,236,223,.3)}\r\n.mrv-table tbody tr:hover td:first-child{background:var(--green-100)}\r\n\r\n@media (max-width: 767.98px){\r\n  .mrv-table{display:block;overflow-x:auto}\r\n  .mrv-table thead th{white-space:nowrap}\r\n}\r\n\r\n.section-tint-a{background:var(--green-100);border-radius:1rem;padding:2rem 1.5rem}\r\n</style>\r\n\r\n<main class=\"container\">\r\n  <section class=\"content-section\">\r\n    <div class=\"section-tint-a\">\r\n      <div class=\"mrv-intro\">\r\n        <p>The Decision 2/CP.15 of the UNFCCC countries are requested to develop national forest monitoring systems (NFMS) that support the functions of measurement, reporting and verification (MRV) of actions and achievements of the implementation of REDD+ activities.</p>\r\n        <p>Measurement, Reporting and Verification (MRV) framework involves a collaboration of multi-agencies. National experts developed the procedures and modalities for activity data generation and monitoring. Likewise, emission factors are derived from the National Forest Inventory and permanent sampling plots.</p>\r\n        <p>In this sense, accurate MRV of REDD Plus actions is vital to making sure that the overall mechanism delivers results in terms of emissions reductions. Whenever a REDD Plus action is undertaken, its results are verified by:</p>\r\n      </div>\r\n      <ul class=\"mrv-intro\" style=\"list-style:none;padding:0;margin:0 0 1rem 0\">\r\n        <li style=\"display:flex;gap:.75rem;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid #e2ddd0\"><span style=\"width:28px;height:28px;flex:0 0 28px;background:var(--green-800);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem\">1</span><span>measuring its impact in terms of reducing emissions</span></li>\r\n        <li style=\"display:flex;gap:.75rem;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid #e2ddd0\"><span style=\"width:28px;height:28px;flex:0 0 28px;background:var(--green-800);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem\">2</span><span>monitoring the action or project with the aid of the <strong>National Forest Monitoring System (NFMS)</strong></span></li>\r\n        <li style=\"display:flex;gap:.75rem;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid #e2ddd0\"><span style=\"width:28px;height:28px;flex:0 0 28px;background:var(--green-800);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem\">3</span><span>reporting these results through submissions to the UNFCCC</span></li>\r\n        <li style=\"display:flex;gap:.75rem;align-items:flex-start;padding:.5rem 0\"><span style=\"width:28px;height:28px;flex:0 0 28px;background:var(--green-800);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem\">4</span><span>applying a domestic verification process</span></li>\r\n      </ul>\r\n      <p class=\"mrv-intro mb-0\">The MRV framework for REDD Plus achieves these functions by pooling the resources of agencies at the national and state levels.</p>\r\n    </div>\r\n  </section>\r\n\r\n  <section class=\"content-section\">\r\n    <h2 class=\"section-title\">MRV Institution Functions</h2>\r\n    <div class=\"table-responsive\">\r\n      <table class=\"mrv-table\">\r\n        <thead>\r\n          <tr>\r\n            <th>MRV Function</th>\r\n            <th>Institution</th>\r\n            <th>Function</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          <tr>\r\n            <td>Measurement</td>\r\n            <td>\r\n              <ul>\r\n                <li>Forest Research Institute Malaysia</li>\r\n                <li>Forestry Department Peninsular Malaysia</li>\r\n                <li>Sabah Forestry Department</li>\r\n                <li>Forest Department Sarawak</li>\r\n              </ul>\r\n            </td>\r\n            <td>\r\n              <ul>\r\n                <li>Periodic ground based measurement through the National Forest Inventory</li>\r\n                <li>Growth and Yield Plots and research plots</li>\r\n                <li>Technical advisory on reference levels/ emission factors</li>\r\n              </ul>\r\n            </td>\r\n          </tr>\r\n          <tr>\r\n            <td>Monitoring</td>\r\n            <td>\r\n              <ul>\r\n                <li>Remote Sensing Department</li>\r\n                <li>Forestry Department Peninsular Malaysia (JPSM)</li>\r\n                <li>Sabah Forestry Department</li>\r\n                <li>Sarawak Forest Department</li>\r\n                <li>State Departments of Agriculture</li>\r\n              </ul>\r\n            </td>\r\n            <td>\r\n              <ul>\r\n                <li>Updating National Forest Monitoring System (NFMS) land use maps</li>\r\n              </ul>\r\n            </td>\r\n          </tr>\r\n          <tr>\r\n            <td>Reporting</td>\r\n            <td>\r\n              <ul>\r\n                <li>NRES</li>\r\n                <li>Forest Research Institute Malaysia</li>\r\n                <li>Forestry Department Peninsular Malaysia</li>\r\n                <li>Sabah Forestry Department</li>\r\n                <li>Sarawak Forest Department</li>\r\n              </ul>\r\n            </td>\r\n            <td>\r\n              <ul>\r\n                <li>Reference levels and periodic submissions to UNFCCC (NRES)</li>\r\n                <li>Maintaining a technical annex for results based payments (NRES)</li>\r\n              </ul>\r\n            </td>\r\n          </tr>\r\n          <tr>\r\n            <td>Verification</td>\r\n            <td>\r\n              <ul>\r\n                <li>Malaysia Timber Certification Council (MTCC)</li>\r\n                <li>LULUCF Experts Working Group</li>\r\n              </ul>\r\n            </td>\r\n            <td>\r\n              <ul>\r\n                <li>Implement domestic verification processes through the forest certification</li>\r\n                <li>Verification of results</li>\r\n              </ul>\r\n            </td>\r\n          </tr>\r\n          <tr>\r\n            <td>Biennial Update Report – International Consultation and Analysis (ICA) Process</td>\r\n            <td>\r\n              <ul>\r\n                <li>UNFCCC</li>\r\n              </ul>\r\n            </td>\r\n            <td></td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  </section>\r\n\r\n  <section class=\"content-section\">\r\n    <div class=\"section-tint-a\">\r\n      <h2 class=\"section-title\">National Forest Monitoring System (NFMS)</h2>\r\n      <p class=\"mrv-intro mb-0\">The NFMS provides the technical backbone for MRV, integrating satellite monitoring, ground-based inventory, and data management systems to track forest carbon stocks and emissions over time.</p>\r\n    </div>\r\n  </section>\r\n</main>', 1, 'en', '2026-07-29 14:25:50', '2026-07-29 14:25:50', 1, 1),
(150, 54, 'Related Policies', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">Related Policies</span>\r\n    </nav>\r\n    <h1 class=\"font-display mb-3\">Related Policies &amp; Frameworks</h1>\r\n    <p>REDD+ implementation is supported by a comprehensive set of national policies, strategies and legal frameworks.</p>\r\n  </div>\r\n</header>\r\n<style>\r\n.content-section{padding:2.5rem 0}\r\n.content-section+.content-section{border-top:1px solid #e8e4d8}\r\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}\r\n.policy-card{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff;box-shadow:0 6px 18px rgba(46,74,53,.05)}\r\n.policy-card h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.5rem}\r\n.policy-card p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}\r\n\r\n.policy-card{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}\r\n.policy-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.num{width:36px;height:36px;flex:0 0 36px;background:var(--green-800);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}\r\n</style>\r\n\r\n<main class=\"container\">\r\n  <section class=\"content-section\">\r\n    <div class=\"row g-3\">\r\n      <div class=\"col-md-6\">\r\n        <div class=\"policy-card\">\r\n          <div class=\"num\">01</div>\r\n          <div>\r\n            <h4>National Policy on Biological Diversity (2016-2025)</h4>\r\n            <p>Sets targets for conservation of biodiversity and sustainable use of natural resources, aligned with REDD+ objectives.</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-6\">\r\n        <div class=\"policy-card\">\r\n          <div class=\"num\">02</div>\r\n          <div>\r\n            <h4>National Forestry Policy</h4>\r\n            <p>Provides the framework for sustainable forest management, conservation and development of forest resources in Malaysia.</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-6\">\r\n        <div class=\"policy-card\">\r\n          <div class=\"num\">03</div>\r\n          <div>\r\n            <h4>National Climate Change Policy</h4>\r\n            <p>Guides Malaysia\'s response to climate change, including mitigation and adaptation strategies across all sectors.</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-6\">\r\n        <div class=\"policy-card\">\r\n          <div class=\"num\">04</div>\r\n          <div>\r\n            <h4>Nationally Determined Contribution (NDC)</h4>\r\n            <p>Malaysia\'s commitment under the Paris Agreement, with REDD+ contributing to emission reduction targets.</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-6\">\r\n        <div class=\"policy-card\">\r\n          <div class=\"num\">05</div>\r\n          <div>\r\n            <h4>National REDD+ Strategy</h4>\r\n            <p>The overarching strategy guiding REDD+ implementation, aligned with national development and climate goals.</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-6\">\r\n        <div class=\"policy-card\">\r\n          <div class=\"num\">06</div>\r\n          <div>\r\n            <h4>REDD+ Finance Framework (RFF)</h4>\r\n            <p>Establishes mechanisms for sustainable financing of REDD+ activities, including the Malaysia Forest Fund (MFF).</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"row g-3 mt-0\">\r\n        <div class=\"col-md-6\">\r\n        <div class=\"policy-card\">\r\n          <div class=\"num\">07</div>\r\n          <div>\r\n            <h4>Malaysia Forest Fund (MFF)</h4>\r\n            <p>Established on 30 June 2021 to implement the REDD+ Finance Framework (RFF). Generates funding for the forestry sector through the transaction of carbon credits.</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-6\">\r\n        <div class=\"policy-card\">\r\n          <div class=\"num\">08</div>\r\n          <div>\r\n            <h4>REDD+ Finance Framework (RFF)</h4>\r\n            <p>A finance mechanism to incentivize activities that keep forests standing. Includes Forest Carbon Offset (market-based) and Forest Conservation Certificate (non-market based) approaches with a registry to ensure no double counting.</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</main>', 1, 'en', '2026-07-29 14:27:46', '2026-07-29 14:27:46', 1, 1),
(151, 60, 'Summary of Information (SOI)', '<header class=\"hero-article d-flex align-items-center\">\r\n  <div class=\"container py-5\">\r\n    <nav class=\"breadcrumb-redd mb-3\" aria-label=\"breadcrumb\">\r\n      <a href=\"/redd-plus\">Home</a><span class=\"sep\">›</span>\r\n      <span class=\"active\">Summary of Information</span>\r\n    </nav>\r\n    <h1 class=\"font-display mb-3\">Summary of Information (SOI)</h1>\r\n    <p>Transparent reporting on how REDD+ safeguards are being addressed and respected in Malaysia.</p>\r\n  </div>\r\n</header>\r\n<style>\r\n.hero-article {\r\n  background: url(\"/assets/redd-plus/about_hero_bg2.png\") center/cover no-repeat;\r\n  min-height: 280px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.content-section{padding:2.5rem 0}\r\n.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}\r\n.soi-card{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff}\r\n.soi-card h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.35rem}\r\n.soi-card p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}\r\n\r\n.safeguard-item{transition:transform .2s ease,box-shadow .2s ease}\r\n.safeguard-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.indicator-item{transition:transform .2s ease,box-shadow .2s ease}\r\n.indicator-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n.soi-card{transition:transform .2s ease,box-shadow .2s ease}\r\n.soi-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}\r\n\r\n\r\n.soi-highlight{background:var(--green-800);border-radius:.9rem;padding:1.5rem;text-align:center;color:#fff;box-shadow:0 8px 20px rgba(46,74,53,.15)}\r\n.soi-highlight .year{font-size:2.5rem;font-weight:700;font-family:\"Playfair Display\",serif;line-height:1;margin-bottom:.25rem}\r\n.soi-highlight p{font-size:.9rem;font-weight:500;margin:0;opacity:.9}\r\n\r\n/* Stronger, more visible info-card border */\r\n.info-card{border:1.5px solid var(--green-200,#b9c9b8)!important}\r\n\r\n.ms-card{border-left:4px solid var(--green-800)!important;text-align:left!important}\r\n.ms-card:nth-child(1){border-left-color:var(--green-800)!important}\r\n.ms-card:nth-child(2){border-left-color:var(--green-700,#3d5c44)!important}\r\n.ms-card:nth-child(3){border-left-color:#4a7b96!important}\r\n.ms-card:nth-child(4){border-left-color:#7d8a55!important}\r\n\r\n/* Alternating section highlights */\r\n.section-tint-a,\r\n.section-tint-b {\r\n  border-radius: 1rem;\r\n  padding: 2rem 1.5rem;\r\n}\r\n.section-tint-a { background: var(--green-100); }\r\n.section-tint-b { background: var(--bs-body-bg); }\r\n</style>\r\n\r\n<main class=\"container\">\r\n  <section class=\"content-section\">\r\n    <div class=\"section-tint-a\">\r\n      <div class=\"row g-4\">\r\n        <div class=\"col-lg-4\">\r\n          <div class=\"soi-highlight\">\r\n            <div class=\"year\">2016</div>\r\n            <p>First SOI Submitted</p>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-lg-8\">\r\n          <p class=\"fw-medium\" style=\"font-size:.9rem;line-height:1.6;\">Under the UNFCCC, countries implementing REDD+ are required to submit a Summary of Information (SOI) on how the Cancun Safeguards are being addressed and respected. Malaysia submitted its first SOI report in 2016, demonstrating the country\'s commitment to transparency and accountability in REDD+ implementation.</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n\r\n  <section class=\"content-section\">\r\n    <div class=\"section-tint-b\">\r\n      <h2 class=\"section-title\">SOI Content</h2>\r\n      <div class=\"row g-3\">\r\n        <div class=\"col-md-6\"><div class=\"info-card ms-card\"><h4>Scope &amp; Coverage</h4><p>The SOI provides information on national policies, legal frameworks and institutional arrangements relevant to each of the seven Cancun Safeguards.</p></div></div>\r\n        <div class=\"col-md-6\"><div class=\"info-card ms-card\"><h4>Reporting Process</h4><p>Information is gathered from multiple sources including government agencies, research institutions, and stakeholder consultations to ensure comprehensive coverage.</p></div></div>\r\n        <div class=\"col-md-6\"><div class=\"info-card ms-card\"><h4>Periodic Updates</h4><p>SOIs are submitted periodically to the UNFCCC, reflecting the ongoing progress and developments in Malaysia\'s REDD+ safeguards implementation.</p></div></div>\r\n        <div class=\"col-md-6\"><div class=\"info-card ms-card\"><h4>Transparency</h4><p>The MY-SIS platform provides public access to safeguard-related information, supporting the transparency objectives of the UNFCCC.</p></div></div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</main>', 1, 'en', '2026-07-29 14:28:26', '2026-07-29 14:28:26', 1, 1);

-- --------------------------------------------------------

--
-- Table structure for table `content_calendar`
--

CREATE TABLE `content_calendar` (
  `calendar_id` bigint UNSIGNED NOT NULL,
  `calendar_date_start` date DEFAULT NULL,
  `calendar_date_end` date DEFAULT NULL,
  `calendar_time_start` varchar(25) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `calendar_time_end` varchar(25) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `calendar_category` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `calendar_display` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `calendar_status` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `calendar_type` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `calendar_owner_id` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `total_participant` int DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL,
  `created_by` int DEFAULT NULL,
  `updated_by` int DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_calendar`
--

INSERT INTO `content_calendar` (`calendar_id`, `calendar_date_start`, `calendar_date_end`, `calendar_time_start`, `calendar_time_end`, `calendar_category`, `calendar_display`, `calendar_status`, `calendar_type`, `calendar_owner_id`, `total_participant`, `created_at`, `updated_at`, `created_by`, `updated_by`) VALUES
(1, '2026-07-15', '2026-07-15', '09:00', '12:00', 'MEETING', 'LIST', 'ACTIVE', 'INTERNAL', NULL, NULL, '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(2, '2026-07-20', '2026-07-22', '08:30', '17:00', 'WORKSHOP', 'CALENDAR', 'ACTIVE', 'INTERNAL', NULL, NULL, '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(3, '2026-08-05', '2026-08-05', '08:00', '13:00', 'SEMINAR', 'CALENDAR', 'ACTIVE', 'PUBLIC', NULL, NULL, '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(4, '2026-08-20', '2026-08-20', '09:00', '16:00', 'EVENT', 'BANNER', 'ACTIVE', 'PUBLIC', NULL, NULL, '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(5, '2026-09-10', '2026-09-10', '10:00', '12:00', 'MEETING', 'LIST', 'ACTIVE', 'INTERNAL', NULL, NULL, '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(6, '2026-09-25', '2026-09-25', '07:30', '13:00', 'EVENT', 'BANNER', 'ACTIVE', 'PUBLIC', NULL, NULL, '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1);

-- --------------------------------------------------------

--
-- Table structure for table `content_calendar_translation`
--

CREATE TABLE `content_calendar_translation` (
  `calendar_translation_id` bigint UNSIGNED NOT NULL,
  `calendar_translation_parent_id` int DEFAULT NULL,
  `calendar_translation_title` text COLLATE utf8mb4_unicode_ci,
  `calendar_translation_content` text COLLATE utf8mb4_unicode_ci,
  `calendar_translation_location` text COLLATE utf8mb4_unicode_ci,
  `calendar_translation_main` int DEFAULT NULL,
  `calendar_translation_language` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL,
  `created_by` int DEFAULT NULL,
  `updated_by` int DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_calendar_translation`
--

INSERT INTO `content_calendar_translation` (`calendar_translation_id`, `calendar_translation_parent_id`, `calendar_translation_title`, `calendar_translation_content`, `calendar_translation_location`, `calendar_translation_main`, `calendar_translation_language`, `created_at`, `updated_at`, `created_by`, `updated_by`) VALUES
(1, 1, 'Mesyuarat Jawatankuasa ICT', 'Mesyuarat bulanan Jawatankuasa ICT bagi membincangkan kemajuan projek.', 'Bilik Mesyuarat Utama', 1, 'ms', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(2, 1, 'ICT Committee Meeting', 'Monthly ICT Committee meeting to discuss project progress.', 'Main Meeting Room', 0, 'en', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(3, 1, 'ICT委员会会议', '每月ICT委员会会议，讨论项目进展。', '主会议室', 0, 'zh', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(4, 2, 'Bengkel Pembangunan Sistem', 'Bengkel pembangunan sistem aplikasi baharu untuk pasukan pembangunan.', 'Dewan Latihan', 1, 'ms', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(5, 2, 'System Development Workshop', 'New application system development workshop for the development team.', 'Training Hall', 0, 'en', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(6, 2, '系统开发研讨会', '为开发团队举办的新应用系统开发研讨会。', '培训厅', 0, 'zh', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(7, 3, 'Seminar Keselamatan Siber', 'Seminar kesedaran keselamatan siber untuk semua kakitangan.', 'Auditorium', 1, 'ms', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(8, 3, 'Cybersecurity Seminar', 'Cybersecurity awareness seminar for all staff.', 'Auditorium', 0, 'en', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(9, 3, '网络安全研讨会', '面向全体员工的网络安全意识研讨会。', '礼堂', 0, 'zh', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(10, 4, 'Hari Bertemu Pelanggan', 'Program Hari Bertemu Pelanggan bagi mendengar maklum balas dan aduan.', 'Kaunter Utama', 1, 'ms', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(11, 4, 'Customer Meeting Day', 'Customer Meeting Day programme to gather feedback and complaints.', 'Main Counter', 0, 'en', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(12, 4, '客户接待日', '客户接待日活动，收集反馈和投诉。', '主柜台', 0, 'zh', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(13, 5, 'Taklimat Prestasi Suku Tahun', 'Taklimat prestasi jabatan bagi suku tahun ketiga 2026.', 'Bilik Mesyuarat Eksekutif', 1, 'ms', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(14, 5, 'Quarterly Performance Briefing', 'Department performance briefing for the third quarter of 2026.', 'Executive Meeting Room', 0, 'en', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(15, 5, '季度业绩简报', '2026年第三季度部门业绩简报。', '行政会议室', 0, 'zh', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(16, 6, 'Program CSR Tanggungjawab Sosial', 'Program gotong-royong dan sumbangan kepada komuniti setempat.', 'Komuniti Setempat', 1, 'ms', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(17, 6, 'CSR Social Responsibility Programme', 'Community service and donation programme for the local community.', 'Local Community', 0, 'en', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1),
(18, 6, '企业社会责任活动', '为当地社区举办的社区服务和捐赠活动。', '当地社区', 0, 'zh', '2026-07-03 23:40:19', '2026-07-03 23:40:19', 1, 1);

-- --------------------------------------------------------

--
-- Table structure for table `content_directory_departments`
--

CREATE TABLE `content_directory_departments` (
  `directory_department_id` bigint UNSIGNED NOT NULL,
  `directory_department_code` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `directory_department_name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `directory_department_name_en` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `directory_department_parent_id` int DEFAULT NULL,
  `directory_department_sort` int DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL,
  `created_by` int DEFAULT NULL,
  `updated_by` int DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_directory_departments`
--

INSERT INTO `content_directory_departments` (`directory_department_id`, `directory_department_code`, `directory_department_name`, `directory_department_name_en`, `directory_department_parent_id`, `directory_department_sort`, `created_at`, `updated_at`, `created_by`, `updated_by`) VALUES
(1, 'PENT', 'Pusat Pentadbiran', 'Administration Centre', NULL, 1, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(2, 'BTM', 'Bahagian Teknologi Maklumat', 'Information Technology Division', 1, 2, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(3, 'UPTM', 'Unit Penyelenggaraan TM', 'IT Maintenance Unit', 2, 3, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(4, 'BK', 'Bahagian Kewangan', 'Finance Division', NULL, 4, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(5, 'UAK', 'Unit Akaun', 'Accounts Unit', 4, 5, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(6, 'UBY', 'Unit Bayaran', 'Payment Unit', 4, 6, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(7, 'BSM', 'Bahagian Sumber Manusia', 'Human Resources Division', NULL, 7, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(8, 'UREK', 'Unit Rekod', 'Records Unit', 7, 8, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(9, 'BPM', 'Bahagian Pembangunan', 'Development Division', NULL, 9, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(10, 'UPN', 'Unit Penilaian', 'Evaluation Unit', 9, 10, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1);

-- --------------------------------------------------------

--
-- Table structure for table `content_directory_staff`
--

CREATE TABLE `content_directory_staff` (
  `directory_staff_id` bigint UNSIGNED NOT NULL,
  `directory_staff_department_id` int DEFAULT NULL,
  `directory_staff_name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `directory_staff_email` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `directory_staff_phone` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `directory_staff_position` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `directory_staff_photo` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `directory_staff_sort` int DEFAULT NULL,
  `directory_staff_status` int NOT NULL DEFAULT '1',
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL,
  `created_by` int DEFAULT NULL,
  `updated_by` int DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_directory_staff`
--

INSERT INTO `content_directory_staff` (`directory_staff_id`, `directory_staff_department_id`, `directory_staff_name`, `directory_staff_email`, `directory_staff_phone`, `directory_staff_position`, `directory_staff_photo`, `directory_staff_sort`, `directory_staff_status`, `created_at`, `updated_at`, `created_by`, `updated_by`) VALUES
(1, 1, 'Ahmad bin Ali', 'ahmad.ali@org.gov.my', '03-88881001', 'Pegawai Eksekutif', NULL, 1, 1, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(2, 2, 'Siti binti Hassan', 'siti.hassan@org.gov.my', '03-88881002', 'Pegawai IT Kanan', NULL, 2, 1, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(3, 2, 'Tan Wei Ming', 'tan.weiming@org.gov.my', '03-88881003', 'Pembangun Perisian', NULL, 3, 1, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(4, 5, 'Nurul binti Omar', 'nurul.omar@org.gov.my', '03-88881004', 'Akauntan', NULL, 4, 1, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(5, 6, 'Rajesh a/l Kumar', 'rajesh.kumar@org.gov.my', '03-88881005', 'Pegawai Bayaran', NULL, 5, 1, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(6, 7, 'Lim Mei Ling', 'lim.meiling@org.gov.my', '03-88881006', 'Pegawai HR', NULL, 6, 1, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(7, 8, 'Hafiz bin Ibrahim', 'hafiz.ibrahim@org.gov.my', '03-88881007', 'Kerani Rekod', NULL, 7, 1, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(8, 10, 'Fatimah binti Yusof', 'fatimah.yusof@org.gov.my', '03-88881008', 'Pegawai Penilaian', NULL, 8, 1, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(9, 10, 'Lee Chong Wei', 'lee.chongwei@org.gov.my', '03-88881009', 'Penolong Pegawai', NULL, 9, 1, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1),
(10, 3, 'Aishah binti Rahman', 'aishah.rahman@org.gov.my', '03-88881010', 'Ketua Unit', NULL, 10, 1, '2026-07-01 11:35:42', '2026-07-01 11:35:42', 1, 1);

-- --------------------------------------------------------

--
-- Table structure for table `content_downloads`
--

CREATE TABLE `content_downloads` (
  `download_id` bigint UNSIGNED NOT NULL,
  `download_main` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `download_parent_id` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `download_language` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `download_category` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `download_status` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `download_date` date DEFAULT NULL,
  `download_source` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `download_start_date` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `download_start_time` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `download_end_date` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `download_end_time` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `download_title` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `download_img` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `download_file` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL,
  `created_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `updated_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_downloads`
--

INSERT INTO `content_downloads` (`download_id`, `download_main`, `download_parent_id`, `download_language`, `download_category`, `download_status`, `download_date`, `download_source`, `download_start_date`, `download_start_time`, `download_end_date`, `download_end_time`, `download_title`, `download_img`, `download_file`, `created_at`, `updated_at`, `created_by`, `updated_by`) VALUES
(1, '1', NULL, 'ms', 'FORM', 'ACTIVE', '2026-01-01', 'Bahagian Aplikasi & Pembangunan Sistem', NULL, NULL, NULL, NULL, 'Borang Permohonan ICT', 'dynaweb4/img/module/download-borang-ict.jpg', 'content-download/files/Borang-Permohonan-ICT.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(2, '0', '1', 'en', 'FORM', 'ACTIVE', '2026-01-01', 'Bahagian Aplikasi & Pembangunan Sistem', NULL, NULL, NULL, NULL, 'ICT Application Form', 'dynaweb4/img/module/download-borang-ict.jpg', 'content-download/files/Borang-Permohonan-ICT.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(3, '0', '1', 'zh', 'FORM', 'ACTIVE', '2026-01-01', 'Bahagian Aplikasi & Pembangunan Sistem', NULL, NULL, NULL, NULL, 'ICT申请表', 'dynaweb4/img/module/download-borang-ict.jpg', 'content-download/files/Borang-Permohonan-ICT.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(4, '1', NULL, 'ms', 'GUIDE', 'ACTIVE', '2026-01-01', 'Bahagian Khidmat Pengurusan', NULL, NULL, NULL, NULL, 'Panduan Pengguna Sistem CMS', 'dynaweb4/img/module/download-panduan-cms.jpg', 'content-download/files/Panduan-Pengguna-CMS.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(5, '0', '4', 'en', 'GUIDE', 'ACTIVE', '2026-01-01', 'Bahagian Khidmat Pengurusan', NULL, NULL, NULL, NULL, 'CMS System User Guide', 'dynaweb4/img/module/download-panduan-cms.jpg', 'content-download/files/Panduan-Pengguna-CMS.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(6, '0', '4', 'zh', 'GUIDE', 'ACTIVE', '2026-01-01', 'Bahagian Khidmat Pengurusan', NULL, NULL, NULL, NULL, 'CMS系统用户指南', 'dynaweb4/img/module/download-panduan-cms.jpg', 'content-download/files/Panduan-Pengguna-CMS.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(7, '1', NULL, 'ms', 'REPORT', 'ACTIVE', '2026-01-01', 'Bahagian Komunikasi Korporat', NULL, NULL, NULL, NULL, 'Laporan Tahunan 2025', 'dynaweb4/img/module/download-laporan-tahunan.jpg', 'content-download/files/Laporan-Tahunan-2025.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(8, '0', '7', 'en', 'REPORT', 'ACTIVE', '2026-01-01', 'Bahagian Komunikasi Korporat', NULL, NULL, NULL, NULL, 'Annual Report 2025', 'dynaweb4/img/module/download-laporan-tahunan.jpg', 'content-download/files/Laporan-Tahunan-2025.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(9, '0', '7', 'zh', 'REPORT', 'ACTIVE', '2026-01-01', 'Bahagian Komunikasi Korporat', NULL, NULL, NULL, NULL, '2025年度报告', 'dynaweb4/img/module/download-laporan-tahunan.jpg', 'content-download/files/Laporan-Tahunan-2025.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(10, '1', NULL, 'ms', 'POLICY', 'ACTIVE', '2026-01-01', 'Bahagian Keselamatan Siber', NULL, NULL, NULL, NULL, 'Dasar Keselamatan Siber', 'dynaweb4/img/module/download-dasar-siber.jpg', 'content-download/files/Dasar-Keselamatan-Siber.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(11, '0', '10', 'en', 'POLICY', 'ACTIVE', '2026-01-01', 'Bahagian Keselamatan Siber', NULL, NULL, NULL, NULL, 'Cybersecurity Policy', 'dynaweb4/img/module/download-dasar-siber.jpg', 'content-download/files/Dasar-Keselamatan-Siber.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(12, '0', '10', 'zh', 'POLICY', 'ACTIVE', '2026-01-01', 'Bahagian Keselamatan Siber', NULL, NULL, NULL, NULL, '网络安全政策', 'dynaweb4/img/module/download-dasar-siber.jpg', 'content-download/files/Dasar-Keselamatan-Siber.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(13, '1', NULL, 'ms', 'MANUAL', 'ACTIVE', '2026-01-01', 'Bahagian Sumber Manusia', NULL, NULL, NULL, NULL, 'Manual Prosedur Kerja', 'dynaweb4/img/module/download-manual-kerja.jpg', 'content-download/files/Manual-Prosedur-Kerja.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(14, '0', '13', 'en', 'MANUAL', 'ACTIVE', '2026-01-01', 'Bahagian Sumber Manusia', NULL, NULL, NULL, NULL, 'Work Procedure Manual', 'dynaweb4/img/module/download-manual-kerja.jpg', 'content-download/files/Manual-Prosedur-Kerja.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(15, '0', '13', 'zh', 'MANUAL', 'ACTIVE', '2026-01-01', 'Bahagian Sumber Manusia', NULL, NULL, NULL, NULL, '工作程序手册', 'dynaweb4/img/module/download-manual-kerja.jpg', 'content-download/files/Manual-Prosedur-Kerja.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(16, '1', NULL, 'ms', 'FORM', 'ACTIVE', '2026-01-01', 'Bahagian Khidmat Pengurusan', NULL, NULL, NULL, NULL, 'Borang Aduan Teknikal', 'dynaweb4/img/module/download-aduan-teknikal.jpg', 'content-download/files/Borang-Aduan-Teknikal.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(17, '0', '16', 'en', 'FORM', 'ACTIVE', '2026-01-01', 'Bahagian Khidmat Pengurusan', NULL, NULL, NULL, NULL, 'Technical Complaint Form', 'dynaweb4/img/module/download-aduan-teknikal.jpg', 'content-download/files/Borang-Aduan-Teknikal.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(18, '0', '16', 'zh', 'FORM', 'ACTIVE', '2026-01-01', 'Bahagian Khidmat Pengurusan', NULL, NULL, NULL, NULL, '技术投诉表', 'dynaweb4/img/module/download-aduan-teknikal.jpg', 'content-download/files/Borang-Aduan-Teknikal.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(19, '1', NULL, 'ms', 'FORM', 'ACTIVE', '2026-01-01', 'Bahagian Aplikasi & Pembangunan Sistem', NULL, NULL, NULL, NULL, 'Borang Permohonan Akses Sistem', 'dynaweb4/img/module/download-akses-sistem.jpg', 'content-download/files/Borang-Akses-Sistem.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(20, '0', '19', 'en', 'FORM', 'ACTIVE', '2026-01-01', 'Bahagian Aplikasi & Pembangunan Sistem', NULL, NULL, NULL, NULL, 'System Access Application Form', 'dynaweb4/img/module/download-akses-sistem.jpg', 'content-download/files/Borang-Akses-Sistem.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(21, '0', '19', 'zh', 'FORM', 'ACTIVE', '2026-01-01', 'Bahagian Aplikasi & Pembangunan Sistem', NULL, NULL, NULL, NULL, '系统访问申请表', 'dynaweb4/img/module/download-akses-sistem.jpg', 'content-download/files/Borang-Akses-Sistem.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(22, '1', NULL, 'ms', 'GUIDE', 'ACTIVE', '2026-01-01', 'Bahagian Khidmat Pengurusan', NULL, NULL, NULL, NULL, 'Panduan Pendaftaran Pengguna', 'dynaweb4/img/module/download-panduan-daftar.jpg', 'content-download/files/Panduan-Pendaftaran.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(23, '0', '22', 'en', 'GUIDE', 'ACTIVE', '2026-01-01', 'Bahagian Khidmat Pengurusan', NULL, NULL, NULL, NULL, 'User Registration Guide', 'dynaweb4/img/module/download-panduan-daftar.jpg', 'content-download/files/Panduan-Pendaftaran.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(24, '0', '22', 'zh', 'GUIDE', 'ACTIVE', '2026-01-01', 'Bahagian Khidmat Pengurusan', NULL, NULL, NULL, NULL, '用户注册指南', 'dynaweb4/img/module/download-panduan-daftar.jpg', 'content-download/files/Panduan-Pendaftaran.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(25, '1', NULL, 'ms', 'REPORT', 'ACTIVE', '2026-01-01', 'Bahagian Kewangan', NULL, NULL, NULL, NULL, 'Laporan Prestasi Suku Tahun Q1 2026', 'dynaweb4/img/module/download-prestasi-q1.jpg', 'content-download/files/Laporan-Prestasi-Q1-2026.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(26, '0', '25', 'en', 'REPORT', 'ACTIVE', '2026-01-01', 'Bahagian Kewangan', NULL, NULL, NULL, NULL, 'Q1 2026 Performance Report', 'dynaweb4/img/module/download-prestasi-q1.jpg', 'content-download/files/Laporan-Prestasi-Q1-2026.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(27, '0', '25', 'zh', 'REPORT', 'ACTIVE', '2026-01-01', 'Bahagian Kewangan', NULL, NULL, NULL, NULL, '2026年第一季度业绩报告', 'dynaweb4/img/module/download-prestasi-q1.jpg', 'content-download/files/Laporan-Prestasi-Q1-2026.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(28, '1', NULL, 'ms', 'POLICY', 'ACTIVE', '2026-01-01', 'Bahagian Keselamatan Siber', NULL, NULL, NULL, NULL, 'Dasar Privasi & Perlindungan Data', 'dynaweb4/img/module/download-privasi-data.jpg', 'content-download/files/Dasar-Privasi-Data.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(29, '0', '28', 'en', 'POLICY', 'ACTIVE', '2026-01-01', 'Bahagian Keselamatan Siber', NULL, NULL, NULL, NULL, 'Privacy & Data Protection Policy', 'dynaweb4/img/module/download-privasi-data.jpg', 'content-download/files/Dasar-Privasi-Data.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(30, '0', '28', 'zh', 'POLICY', 'ACTIVE', '2026-01-01', 'Bahagian Keselamatan Siber', NULL, NULL, NULL, NULL, '隐私与数据保护政策', 'dynaweb4/img/module/download-privasi-data.jpg', 'content-download/files/Dasar-Privasi-Data.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(31, '1', NULL, 'ms', 'MANUAL', 'ACTIVE', '2026-01-01', 'Bahagian Aplikasi & Pembangunan Sistem', NULL, NULL, NULL, NULL, 'Manual Pengguna Sistem e-Permohonan', 'dynaweb4/img/module/download-manual-permohonan.jpg', 'content-download/files/Manual-e-Permohonan.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(32, '0', '31', 'en', 'MANUAL', 'ACTIVE', '2026-01-01', 'Bahagian Aplikasi & Pembangunan Sistem', NULL, NULL, NULL, NULL, 'e-Application System User Manual', 'dynaweb4/img/module/download-manual-permohonan.jpg', 'content-download/files/Manual-e-Permohonan.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(33, '0', '31', 'zh', 'MANUAL', 'ACTIVE', '2026-01-01', 'Bahagian Aplikasi & Pembangunan Sistem', NULL, NULL, NULL, NULL, '电子申请系统用户手册', 'dynaweb4/img/module/download-manual-permohonan.jpg', 'content-download/files/Manual-e-Permohonan.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(34, '1', NULL, 'ms', 'FORM', 'ACTIVE', '2026-01-01', 'Unit Komunikasi Korporat', NULL, NULL, NULL, NULL, 'Borang Maklum Balas Pelanggan', 'dynaweb4/img/module/download-maklum-balas.jpg', 'content-download/files/Borang-Maklum-Balas.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(35, '0', '34', 'en', 'FORM', 'ACTIVE', '2026-01-01', 'Unit Komunikasi Korporat', NULL, NULL, NULL, NULL, 'Customer Feedback Form', 'dynaweb4/img/module/download-maklum-balas.jpg', 'content-download/files/Borang-Maklum-Balas.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(36, '0', '34', 'zh', 'FORM', 'ACTIVE', '2026-01-01', 'Unit Komunikasi Korporat', NULL, NULL, NULL, NULL, '客户反馈表', 'dynaweb4/img/module/download-maklum-balas.jpg', 'content-download/files/Borang-Maklum-Balas.pdf', '2026-07-03 23:09:37', '2026-07-03 23:09:37', '1', '1'),
(37, '1', NULL, 'en', 'STRATEGIC', 'ACTIVE', '2017-01-01', 'REDD+ Malaysia', NULL, NULL, NULL, NULL, 'National REDD+ Strategy (2017)', NULL, 'https://nres.dynaweb4.work/reddnres/src/pdf/malaysia_national_redd_strategy.pdf', '2026-07-23 09:56:07', '2026-07-23 09:56:07', '1', '1'),
(38, '1', NULL, 'en', 'STRATEGIC', 'ACTIVE', '2021-01-01', 'REDD+ Malaysia', NULL, NULL, NULL, NULL, 'Implementing REDD Plus in Malaysia (2021)', NULL, 'https://nres.dynaweb4.work/reddnres/src/pdf/Implementing-REDD-Plus-in-Malaysia-EN.pdf', '2026-07-23 09:56:07', '2026-07-23 09:56:07', '1', '1'),
(39, '1', NULL, 'en', 'STRATEGIC', 'ACTIVE', '2021-01-01', 'REDD+ Malaysia', NULL, NULL, NULL, NULL, 'REDD+ Finance Framework (RFF) Handbook', NULL, 'https://nres.dynaweb4.work/reddnres/src/pdf/RFF-Handbook.pdf', '2026-07-23 09:56:07', '2026-07-23 09:56:07', '1', '1'),
(40, '1', NULL, 'en', 'STRATEGIC', 'ACTIVE', '2016-01-01', 'REDD+ Malaysia', NULL, NULL, NULL, NULL, 'Report on Summary of Information on REDD+ Safeguards (2016)', NULL, 'https://nres.dynaweb4.work/reddnres/src/pdf/REDD-Safeguards-Summary-2016.pdf', '2026-07-23 09:56:07', '2026-07-23 09:56:07', '1', '1'),
(41, '1', NULL, 'en', 'TECHNICAL', 'ACTIVE', '2021-10-08', 'REDD+ Malaysia', NULL, NULL, NULL, NULL, 'National Forest Monitoring System (2021)', NULL, 'https://nres.dynaweb4.work/reddnres/src/pdf/National-Forest-Monitoring-System.pdf', '2026-07-23 09:56:07', '2026-07-23 09:56:07', '1', '1'),
(42, '1', NULL, 'en', 'TECHNICAL', 'ACTIVE', '2021-09-08', 'REDD+ Malaysia', NULL, NULL, NULL, NULL, 'Malaysia\'s Submission on Reference Levels for REDD+', NULL, 'https://nres.dynaweb4.work/reddnres/src/pdf/Malaysia-Reference-Levels-UNFCCC.pdf', '2026-07-23 09:56:07', '2026-07-23 09:56:07', '1', '1'),
(43, '1', NULL, 'en', 'COMMS', 'ACTIVE', '2021-01-01', 'REDD+ Malaysia', NULL, NULL, NULL, NULL, 'Third National Communication and Second BUR', NULL, 'https://nres.dynaweb4.work/reddnres/src/pdf/Malaysia-NC3-BUR2-final.pdf', '2026-07-23 09:56:07', '2026-07-23 09:56:07', '1', '1'),
(44, '1', NULL, 'en', 'COMMS', 'ACTIVE', '2011-01-01', 'REDD+ Malaysia', NULL, NULL, NULL, NULL, 'Malaysia Second Communication to the UNFCCC', NULL, 'https://nres.dynaweb4.work/reddnres/src/pdf/Malaysia-Second-National-Communication.pdf', '2026-07-23 09:56:07', '2026-07-23 09:56:07', '1', '1');

-- --------------------------------------------------------

--
-- Table structure for table `content_feedback_main`
--

CREATE TABLE `content_feedback_main` (
  `id` bigint UNSIGNED NOT NULL,
  `ticket_no` varchar(50) COLLATE utf8mb4_unicode_ci NOT NULL,
  `name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `email` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `type` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `cat` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `subject` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `feedback` text COLLATE utf8mb4_unicode_ci NOT NULL,
  `status` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT 'PENDING',
  `created_user_type` varchar(50) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL,
  `created_by` bigint UNSIGNED DEFAULT NULL,
  `updated_by` bigint UNSIGNED DEFAULT NULL,
  `updated_user_type` varchar(50) COLLATE utf8mb4_unicode_ci DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

-- --------------------------------------------------------

--
-- Table structure for table `content_feedback_messages`
--

CREATE TABLE `content_feedback_messages` (
  `id` bigint UNSIGNED NOT NULL,
  `feedback_id` bigint UNSIGNED NOT NULL,
  `message` text COLLATE utf8mb4_unicode_ci NOT NULL,
  `read_status` varchar(50) COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT 'UNREAD',
  `send_to` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_user_type` varchar(50) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `created_by` bigint UNSIGNED DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

-- --------------------------------------------------------

--
-- Table structure for table `content_images`
--

CREATE TABLE `content_images` (
  `image_id` int UNSIGNED NOT NULL,
  `image_cat` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `image_type` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `image_status` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `image_title` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `image_file` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `image_url` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `image_sort` int DEFAULT NULL,
  `image_main` int DEFAULT NULL,
  `image_parent_id` int DEFAULT NULL,
  `image_language` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` datetime DEFAULT NULL,
  `created_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `updated_at` datetime DEFAULT NULL,
  `updated_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_images`
--

INSERT INTO `content_images` (`image_id`, `image_cat`, `image_type`, `image_status`, `image_title`, `image_file`, `image_url`, `image_sort`, `image_main`, `image_parent_id`, `image_language`, `created_at`, `created_by`, `updated_at`, `updated_by`) VALUES
(1, 'BANNER', NULL, 'ACTIVE', 'Gambar Kerjasama Digital', 'dynaweb4/img/module/image-kerjasama.jpg', NULL, 1, 1, NULL, 'ms', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(2, 'BANNER', NULL, 'ACTIVE', 'Digital Collaboration Image', 'dynaweb4/img/module/image-kerjasama.jpg', NULL, 1, 0, 1, 'en', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(3, 'BANNER', NULL, 'ACTIVE', '数字合作图片', 'dynaweb4/img/module/image-kerjasama.jpg', NULL, 1, 0, 1, 'zh', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(4, 'BANNER', NULL, 'ACTIVE', 'Gambar Inovasi Teknologi', 'dynaweb4/img/module/image-inovasi.jpg', NULL, 1, 1, NULL, 'ms', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(5, 'BANNER', NULL, 'ACTIVE', 'Technology Innovation Image', 'dynaweb4/img/module/image-inovasi.jpg', NULL, 1, 0, 4, 'en', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(6, 'BANNER', NULL, 'ACTIVE', '技术创新图片', 'dynaweb4/img/module/image-inovasi.jpg', NULL, 1, 0, 4, 'zh', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(7, 'THUMBNAIL', NULL, 'ACTIVE', 'Gambar Konvensyen ICT', 'dynaweb4/img/module/image-konvensyen.jpg', NULL, 1, 1, NULL, 'ms', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(8, 'THUMBNAIL', NULL, 'ACTIVE', 'ICT Convention Image', 'dynaweb4/img/module/image-konvensyen.jpg', NULL, 1, 0, 7, 'en', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(9, 'THUMBNAIL', NULL, 'ACTIVE', 'ICT大会图片', 'dynaweb4/img/module/image-konvensyen.jpg', NULL, 1, 0, 7, 'zh', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(10, 'LOGO', NULL, 'ACTIVE', 'Gambar Lawatan Kerja', 'dynaweb4/img/module/image-lawatan.jpg', NULL, 1, 1, NULL, 'ms', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(11, 'LOGO', NULL, 'ACTIVE', 'Working Visit Image', 'dynaweb4/img/module/image-lawatan.jpg', NULL, 1, 0, 10, 'en', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(12, 'LOGO', NULL, 'ACTIVE', '工作访问图片', 'dynaweb4/img/module/image-lawatan.jpg', NULL, 1, 0, 10, 'zh', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(13, 'BACKGROUND', NULL, 'ACTIVE', 'Gambar Mesyuarat Agung', 'dynaweb4/img/module/image-mesyuarat.jpg', NULL, 1, 1, NULL, 'ms', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(14, 'BACKGROUND', NULL, 'ACTIVE', 'General Meeting Image', 'dynaweb4/img/module/image-mesyuarat.jpg', NULL, 1, 0, 13, 'en', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1'),
(15, 'BACKGROUND', NULL, 'ACTIVE', '大会图片', 'dynaweb4/img/module/image-mesyuarat.jpg', NULL, 1, 0, 13, 'zh', '2026-07-23 09:04:30', '1', '2026-07-23 09:04:30', '1');

-- --------------------------------------------------------

--
-- Table structure for table `content_photo_gallery`
--

CREATE TABLE `content_photo_gallery` (
  `gallery_id` int UNSIGNED NOT NULL,
  `gallery_date` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `gallery_location` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `gallery_status` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `gallery_portal` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `gallery_thumbnail` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `gallery_cat` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `gallery_code` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `gallery_sort` int NOT NULL DEFAULT '0',
  `created_at` datetime DEFAULT NULL,
  `created_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `updated_at` datetime DEFAULT NULL,
  `updated_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_photo_gallery`
--

INSERT INTO `content_photo_gallery` (`gallery_id`, `gallery_date`, `gallery_location`, `gallery_status`, `gallery_portal`, `gallery_thumbnail`, `gallery_cat`, `gallery_code`, `gallery_sort`, `created_at`, `created_by`, `updated_at`, `updated_by`) VALUES
(1, '2026-06-15', 'Putrajaya', 'ACTIVE', NULL, 'dynaweb4/img/module/gallery-lawatan.jpg', 'ACTIVITY', 'lawatan-kerja', 1, '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(2, '2026-05-20', 'Dewan Serbaguna Jabatan', 'ACTIVE', NULL, 'dynaweb4/img/module/gallery-konvokesyen.jpg', 'EVENT', 'konvokesyen-staff', 2, '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(3, '2026-04-10', 'Cyberjaya', 'ACTIVE', NULL, 'dynaweb4/img/module/gallery-fasiliti.jpg', 'FACILITY', 'fasiliti-baharu', 3, '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1');

-- --------------------------------------------------------

--
-- Table structure for table `content_photo_gallery_translations`
--

CREATE TABLE `content_photo_gallery_translations` (
  `gallery_translation_id` bigint UNSIGNED NOT NULL,
  `gallery_translation_parent_id` int UNSIGNED NOT NULL,
  `gallery_translation_title` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `gallery_translation_descr` text COLLATE utf8mb4_unicode_ci,
  `gallery_translation_main` tinyint(1) NOT NULL DEFAULT '0',
  `gallery_translation_language` varchar(10) COLLATE utf8mb4_unicode_ci NOT NULL,
  `created_by` bigint UNSIGNED DEFAULT NULL,
  `updated_by` bigint UNSIGNED DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_photo_gallery_translations`
--

INSERT INTO `content_photo_gallery_translations` (`gallery_translation_id`, `gallery_translation_parent_id`, `gallery_translation_title`, `gallery_translation_descr`, `gallery_translation_main`, `gallery_translation_language`, `created_by`, `updated_by`, `created_at`, `updated_at`) VALUES
(1, 1, 'Lawatan Kerja Pasukan Pembangunan', 'Gambar-gambar lawatan kerja pasukan pembangunan sistem ke agensi rakan strategik.', 1, 'ms', 1, 1, '2026-07-03 23:26:21', '2026-07-03 23:26:21'),
(2, 1, 'Development Team Working Visit', 'Photos of the system development team working visit to strategic partner agencies.', 0, 'en', 1, 1, '2026-07-03 23:26:21', '2026-07-03 23:26:21'),
(3, 1, '开发团队工作访问', '系统开发团队到战略合作伙伴机构工作访问的照片。', 0, 'zh', 1, 1, '2026-07-03 23:26:21', '2026-07-03 23:26:21'),
(4, 2, 'Konvokesyen Tahunan Kakitangan 2026', 'Sambutan konvokesyen tahunan kakitangan jabatan yang diadakan di Dewan Serbaguna.', 1, 'ms', 1, 1, '2026-07-03 23:26:21', '2026-07-03 23:26:21'),
(5, 2, 'Annual Staff Convocation 2026', 'The department annual staff convocation celebration held at the Multipurpose Hall.', 0, 'en', 1, 1, '2026-07-03 23:26:21', '2026-07-03 23:26:21'),
(6, 2, '2026年度员工毕业典礼', '在多功能厅举行的部门年度员工毕业典礼庆祝活动。', 0, 'zh', 1, 1, '2026-07-03 23:26:21', '2026-07-03 23:26:21'),
(7, 3, 'Fasiliti Pusat Data Baharu', 'Gambar-gambar pusat data baharu yang dilengkapi dengan kemudahan terkini.', 1, 'ms', 1, 1, '2026-07-03 23:26:21', '2026-07-03 23:26:21'),
(8, 3, 'New Data Centre Facility', 'Photos of the new data centre equipped with the latest facilities.', 0, 'en', 1, 1, '2026-07-03 23:26:21', '2026-07-03 23:26:21'),
(9, 3, '新数据中心设施', '配备最新设施的新数据中心的照片。', 0, 'zh', 1, 1, '2026-07-03 23:26:21', '2026-07-03 23:26:21');

-- --------------------------------------------------------

--
-- Table structure for table `content_photo_list`
--

CREATE TABLE `content_photo_list` (
  `photo_id` int UNSIGNED NOT NULL,
  `photo_gallery_id` int DEFAULT NULL,
  `photo_main` int DEFAULT NULL,
  `photo_parent_id` int DEFAULT NULL,
  `photo_language` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `photo_sort` int DEFAULT NULL,
  `photo_url` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `photo_descr` text COLLATE utf8mb4_unicode_ci,
  `created_at` datetime DEFAULT NULL,
  `created_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `updated_at` datetime DEFAULT NULL,
  `updated_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_photo_list`
--

INSERT INTO `content_photo_list` (`photo_id`, `photo_gallery_id`, `photo_main`, `photo_parent_id`, `photo_language`, `photo_sort`, `photo_url`, `photo_descr`, `created_at`, `created_by`, `updated_at`, `updated_by`) VALUES
(1, 1, 1, NULL, 'ms', 1, 'dynaweb4/img/module/galeri-lawatan-1.jpg', 'Foto 1 - Lawatan Kerja Pasukan Pembangunan', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(2, 1, 0, 1, 'en', 1, 'dynaweb4/img/module/galeri-lawatan-1.jpg', 'Foto 1 - Development Team Working Visit', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(3, 1, 0, 1, 'zh', 1, 'dynaweb4/img/module/galeri-lawatan-1.jpg', 'Foto 1 - 开发团队工作访问', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(4, 1, 1, NULL, 'ms', 2, 'dynaweb4/img/module/galeri-lawatan-2.jpg', 'Foto 2 - Lawatan Kerja Pasukan Pembangunan', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(5, 1, 0, 4, 'en', 2, 'dynaweb4/img/module/galeri-lawatan-2.jpg', 'Foto 2 - Development Team Working Visit', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(6, 1, 0, 4, 'zh', 2, 'dynaweb4/img/module/galeri-lawatan-2.jpg', 'Foto 2 - 开发团队工作访问', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(7, 1, 1, NULL, 'ms', 3, 'dynaweb4/img/module/galeri-lawatan-3.jpg', 'Foto 3 - Lawatan Kerja Pasukan Pembangunan', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(8, 1, 0, 7, 'en', 3, 'dynaweb4/img/module/galeri-lawatan-3.jpg', 'Foto 3 - Development Team Working Visit', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(9, 1, 0, 7, 'zh', 3, 'dynaweb4/img/module/galeri-lawatan-3.jpg', 'Foto 3 - 开发团队工作访问', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(10, 1, 1, NULL, 'ms', 4, 'dynaweb4/img/module/galeri-lawatan-4.jpg', 'Foto 4 - Lawatan Kerja Pasukan Pembangunan', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(11, 1, 0, 10, 'en', 4, 'dynaweb4/img/module/galeri-lawatan-4.jpg', 'Foto 4 - Development Team Working Visit', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(12, 1, 0, 10, 'zh', 4, 'dynaweb4/img/module/galeri-lawatan-4.jpg', 'Foto 4 - 开发团队工作访问', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(13, 2, 1, NULL, 'ms', 1, 'dynaweb4/img/module/galeri-konvo-1.jpg', 'Foto 1 - Konvokesyen Tahunan Kakitangan 2026', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(14, 2, 0, 10, 'en', 1, 'dynaweb4/img/module/galeri-konvo-1.jpg', 'Foto 1 - Annual Staff Convocation 2026', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(15, 2, 0, 10, 'zh', 1, 'dynaweb4/img/module/galeri-konvo-1.jpg', 'Foto 1 - 2026年度员工毕业典礼', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(16, 2, 1, NULL, 'ms', 2, 'dynaweb4/img/module/galeri-konvo-2.jpg', 'Foto 2 - Konvokesyen Tahunan Kakitangan 2026', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(17, 2, 0, 13, 'en', 2, 'dynaweb4/img/module/galeri-konvo-2.jpg', 'Foto 2 - Annual Staff Convocation 2026', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(18, 2, 0, 13, 'zh', 2, 'dynaweb4/img/module/galeri-konvo-2.jpg', 'Foto 2 - 2026年度员工毕业典礼', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(19, 2, 1, NULL, 'ms', 3, 'dynaweb4/img/module/galeri-konvo-3.jpg', 'Foto 3 - Konvokesyen Tahunan Kakitangan 2026', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(20, 2, 0, 16, 'en', 3, 'dynaweb4/img/module/galeri-konvo-3.jpg', 'Foto 3 - Annual Staff Convocation 2026', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(21, 2, 0, 16, 'zh', 3, 'dynaweb4/img/module/galeri-konvo-3.jpg', 'Foto 3 - 2026年度员工毕业典礼', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(22, 3, 1, NULL, 'ms', 1, 'dynaweb4/img/module/galeri-fasiliti-1.jpg', 'Foto 1 - Fasiliti Pusat Data Baharu', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(23, 3, 0, 19, 'en', 1, 'dynaweb4/img/module/galeri-fasiliti-1.jpg', 'Foto 1 - New Data Centre Facility', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(24, 3, 0, 19, 'zh', 1, 'dynaweb4/img/module/galeri-fasiliti-1.jpg', 'Foto 1 - 新数据中心设施', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(25, 3, 1, NULL, 'ms', 2, 'dynaweb4/img/module/galeri-fasiliti-2.jpg', 'Foto 2 - Fasiliti Pusat Data Baharu', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(26, 3, 0, 22, 'en', 2, 'dynaweb4/img/module/galeri-fasiliti-2.jpg', 'Foto 2 - New Data Centre Facility', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(27, 3, 0, 22, 'zh', 2, 'dynaweb4/img/module/galeri-fasiliti-2.jpg', 'Foto 2 - 新数据中心设施', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(28, 3, 1, NULL, 'ms', 3, 'dynaweb4/img/module/galeri-fasiliti-3.jpg', 'Foto 3 - Fasiliti Pusat Data Baharu', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(29, 3, 0, 25, 'en', 3, 'dynaweb4/img/module/galeri-fasiliti-3.jpg', 'Foto 3 - New Data Centre Facility', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1'),
(30, 3, 0, 25, 'zh', 3, 'dynaweb4/img/module/galeri-fasiliti-3.jpg', 'Foto 3 - 新数据中心设施', '2026-07-04 07:26:21', '1', '2026-07-04 07:26:21', '1');

-- --------------------------------------------------------

--
-- Table structure for table `content_public_holidays`
--

CREATE TABLE `content_public_holidays` (
  `public_holiday_id` bigint UNSIGNED NOT NULL,
  `public_holiday_title` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `public_holiday_start_date` date DEFAULT NULL,
  `public_holiday_end_date` date DEFAULT NULL,
  `public_holiday_status` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL,
  `created_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `updated_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_public_holidays`
--

INSERT INTO `content_public_holidays` (`public_holiday_id`, `public_holiday_title`, `public_holiday_start_date`, `public_holiday_end_date`, `public_holiday_status`, `created_at`, `updated_at`, `created_by`, `updated_by`) VALUES
(1, 'Tahun Baru 2026', '2026-01-01', '2026-01-01', 'ACTIVE', '2026-07-03 23:40:18', '2026-07-03 23:40:18', '1', '1'),
(2, 'Hari Raya Aidilfitri', '2026-03-31', '2026-04-01', 'ACTIVE', '2026-07-03 23:40:18', '2026-07-03 23:40:18', '1', '1'),
(3, 'Hari Keputeraan Agong', '2026-06-01', '2026-06-01', 'ACTIVE', '2026-07-03 23:40:18', '2026-07-03 23:40:18', '1', '1'),
(4, 'Hari Raya Aidiladha', '2026-06-07', '2026-06-08', 'ACTIVE', '2026-07-03 23:40:18', '2026-07-03 23:40:18', '1', '1'),
(5, 'Awal Muharram', '2026-06-27', '2026-06-27', 'ACTIVE', '2026-07-03 23:40:18', '2026-07-03 23:40:18', '1', '1'),
(6, 'Hari Kebangsaan', '2026-08-31', '2026-08-31', 'ACTIVE', '2026-07-03 23:40:18', '2026-07-03 23:40:18', '1', '1'),
(7, 'Hari Malaysia', '2026-09-16', '2026-09-16', 'ACTIVE', '2026-07-03 23:40:18', '2026-07-03 23:40:18', '1', '1'),
(8, 'Deepavali', '2026-11-08', '2026-11-08', 'ACTIVE', '2026-07-03 23:40:18', '2026-07-03 23:40:18', '1', '1'),
(9, 'Krismas', '2026-12-25', '2026-12-25', 'ACTIVE', '2026-07-03 23:40:19', '2026-07-03 23:40:19', '1', '1');

-- --------------------------------------------------------

--
-- Table structure for table `content_slider`
--

CREATE TABLE `content_slider` (
  `slider_id` int UNSIGNED NOT NULL,
  `slider_portal` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `slider_status` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `slider_sort` int DEFAULT NULL,
  `slider_url_type` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `slider_url` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `slider_url_upload` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `slider_type` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `slider_dimension` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `slider_transition` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `slider_start_date` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `slider_start_time` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `slider_end_date` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `slider_end_time` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` datetime DEFAULT NULL,
  `created_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `updated_at` datetime DEFAULT NULL,
  `updated_by` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_slider`
--

INSERT INTO `content_slider` (`slider_id`, `slider_portal`, `slider_status`, `slider_sort`, `slider_url_type`, `slider_url`, `slider_url_upload`, `slider_type`, `slider_dimension`, `slider_transition`, `slider_start_date`, `slider_start_time`, `slider_end_date`, `slider_end_time`, `created_at`, `created_by`, `updated_at`, `updated_by`) VALUES
(1, 'web', 'ACTIVE', 4, 'EXTERNAL', '#', NULL, 'SLIDER_BANNER', '2d', 'fade', NULL, NULL, NULL, NULL, '2026-07-23 09:04:30', '1', '2026-07-29 22:16:01', '1'),
(2, 'web', 'ACTIVE', 5, 'EXTERNAL', '#', NULL, 'SLIDER_BANNER', '2d', 'fade', NULL, NULL, NULL, NULL, '2026-07-23 09:04:30', '1', '2026-07-29 22:16:01', '1'),
(3, 'web', 'ACTIVE', 6, 'EXTERNAL', '#', NULL, 'SLIDER_BANNER', '2d', 'fade', NULL, NULL, NULL, NULL, '2026-07-23 09:04:30', '1', '2026-07-29 22:16:01', '1'),
(4, 'redd-plus', 'ACTIVE', 2, NULL, NULL, NULL, 'SLIDER_BACKGROUND', NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-29 20:38:06', NULL, '2026-07-29 22:16:01', '1'),
(5, 'redd-plus', 'ACTIVE', 3, NULL, NULL, NULL, 'SLIDER_BACKGROUND', NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-29 20:38:06', NULL, '2026-07-29 22:16:01', '1'),
(6, 'redd-plus', 'ACTIVE', 1, NULL, NULL, NULL, 'SLIDER_BACKGROUND', NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-29 20:38:06', NULL, '2026-07-29 22:16:01', '1');

-- --------------------------------------------------------

--
-- Table structure for table `content_slider_translation`
--

CREATE TABLE `content_slider_translation` (
  `slider_translation_id` int UNSIGNED NOT NULL,
  `slider_translation_parent_id` int DEFAULT NULL,
  `slider_translation_title` text COLLATE utf8mb4_unicode_ci,
  `slider_translation_img` text COLLATE utf8mb4_unicode_ci,
  `slider_translation_main` int DEFAULT NULL,
  `slider_translation_language` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` datetime DEFAULT NULL,
  `created_by` int DEFAULT NULL,
  `updated_at` datetime DEFAULT NULL,
  `updated_by` int DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_slider_translation`
--

INSERT INTO `content_slider_translation` (`slider_translation_id`, `slider_translation_parent_id`, `slider_translation_title`, `slider_translation_img`, `slider_translation_main`, `slider_translation_language`, `created_at`, `created_by`, `updated_at`, `updated_by`) VALUES
(1, 1, 'Transformasi Digital\nUntuk Masa Hadapan', 'dynaweb4/img/module/slider-digital.jpg', 1, 'ms', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(2, 1, 'Digital Transformation\nFor The Future', 'dynaweb4/img/module/slider-digital.jpg', 0, 'en', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(3, 1, '数字化转型\n面向未来', 'dynaweb4/img/module/slider-digital.jpg', 0, 'zh', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(4, 2, 'Inovasi Tanpa Sempadan Bersama Teknologi Terkini', 'dynaweb4/img/module/slider-inovasi.jpg', 1, 'ms', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(5, 2, 'Boundless Innovation\\nWith Latest Technology', 'dynaweb4/img/module/slider-inovasi.jpg', 0, 'en', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(6, 2, '无限创新\\n与最新技术同行', 'dynaweb4/img/module/slider-inovasi.jpg', 0, 'zh', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(7, 3, 'Kecemerlangan Digital\nDalam Genggaman', 'dynaweb4/img/module/slider-kecemerlangan.jpg', 1, 'ms', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(8, 3, 'Digital Excellence\nAt Your Fingertips', 'dynaweb4/img/module/slider-kecemerlangan.jpg', 0, 'en', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(9, 3, '数字卓越\n触手可及', 'dynaweb4/img/module/slider-kecemerlangan.jpg', 0, 'zh', '2026-07-23 09:04:30', 1, '2026-07-23 09:04:30', 1),
(44, 6, 'Tindakan Iklim Melalui Pemuliharaan Hutan', 'content-slider/nature2_20260729_5f820.jpg', 0, 'ms', '2026-07-29 22:14:46', 1, '2026-07-29 22:14:46', 1),
(45, 6, 'Climate Action Through Forest Conservation', 'content-slider/nature1_20260729_ba53a.png', 1, 'en', '2026-07-29 22:14:46', 1, '2026-07-29 22:14:46', 1),
(46, 4, 'Hutan Lestari, Masa Depan Berdaya Tahan', 'content-slider/hero_slide_1.jpg', 0, 'ms', '2026-07-29 22:14:52', 1, '2026-07-29 22:14:52', 1),
(47, 4, 'Sustainable Forests, Resilient Future', 'content-slider/hero_slide_1.jpg', 1, 'en', '2026-07-29 22:14:52', 1, '2026-07-29 22:14:52', 1),
(50, 5, 'Inisiatif REDD+ Malaysia', 'content-slider/nres-hero-bg-2_20260729_eec3f.jpg', 0, 'ms', '2026-07-29 22:14:57', 1, '2026-07-29 22:14:57', 1),
(51, 5, 'Malaysia REDD+ Initiative', 'content-slider/nres-hero-bg-2_20260729_eec3f_20260729_bc155.jpg', 1, 'en', '2026-07-29 22:14:57', 1, '2026-07-29 22:14:57', 1);

-- --------------------------------------------------------

--
-- Table structure for table `content_video`
--

CREATE TABLE `content_video` (
  `video_id` int NOT NULL,
  `video_code` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `video_page` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `video_status` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `video_date` date DEFAULT NULL,
  `video_source` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `video_url` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `video_upload` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `video_external` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `video_img` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `video_category` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `video_sorting` int DEFAULT NULL,
  `meta_title` text COLLATE utf8mb4_unicode_ci,
  `meta_descr` text COLLATE utf8mb4_unicode_ci,
  `meta_keyword` text COLLATE utf8mb4_unicode_ci,
  `meta_author` text COLLATE utf8mb4_unicode_ci,
  `meta_img` text COLLATE utf8mb4_unicode_ci,
  `publish_date_start` varchar(256) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `publish_time_start` varchar(256) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `publish_date_end` varchar(256) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `publish_time_end` varchar(256) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` datetime DEFAULT NULL,
  `created_by` int DEFAULT NULL,
  `updated_at` datetime DEFAULT NULL,
  `updated_by` int DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_video`
--

INSERT INTO `content_video` (`video_id`, `video_code`, `video_page`, `video_status`, `video_date`, `video_source`, `video_url`, `video_upload`, `video_external`, `video_img`, `video_category`, `video_sorting`, `meta_title`, `meta_descr`, `meta_keyword`, `meta_author`, `meta_img`, `publish_date_start`, `publish_time_start`, `publish_date_end`, `publish_time_end`, `created_at`, `created_by`, `updated_at`, `updated_by`) VALUES
(1, 'pembukaan-konvensyen', NULL, 'ACTIVE', '2026-06-01', 'YouTube', NULL, NULL, 'https://www.youtube.com/embed/jNQXAC9IVRw', 'dynaweb4/img/module/pembukaan-konvensyen.jpg', 'EVENT', 1, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(2, 'tutorial-cms', NULL, 'ACTIVE', '2026-05-15', 'YouTube', NULL, NULL, 'https://www.youtube.com/embed/jNQXAC9IVRw', 'dynaweb4/img/module/tutorial-cms.jpg', 'TUTORIAL', 2, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(3, 'dokumentari-jabatan', NULL, 'ACTIVE', '2026-04-20', 'YouTube', NULL, NULL, 'https://www.youtube.com/embed/jNQXAC9IVRw', 'dynaweb4/img/module/dokumentari-jabatan.jpg', 'DOCUMENTARY', 3, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(4, 'wawancara-khas', NULL, 'ACTIVE', '2026-03-10', 'YouTube', NULL, NULL, 'https://www.youtube.com/embed/jNQXAC9IVRw', 'dynaweb4/img/module/wawancara-khas.jpg', 'NEWS', 4, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(5, 'promosi-perkhidmatan', NULL, 'ACTIVE', '2026-02-01', 'YouTube', NULL, NULL, 'https://www.youtube.com/embed/jNQXAC9IVRw', 'dynaweb4/img/module/promosi-perkhidmatan.jpg', 'PROMO', 5, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(6, 'golden-oil-green-agriculture', 'redd-plus', 'ACTIVE', '2026-07-29', 'YouTube', 'https://www.youtube.com/watch?v=OPHTQSOECqQ', NULL, 'https://www.youtube.com/embed/OPHTQSOECqQ', NULL, 'GALLERY', 1, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-29 17:55:44', 1, '2026-07-29 17:55:44', 1),
(7, 'malaysian-rainforest-hutan-malaysia', 'redd-plus', 'ACTIVE', '2026-07-29', 'YouTube', 'https://www.youtube.com/watch?v=PhTeT4YHDUQ', NULL, 'https://www.youtube.com/embed/PhTeT4YHDUQ', NULL, 'GALLERY', 2, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-29 17:55:44', 1, '2026-07-29 17:55:44', 1),
(8, 'malaysia-sustainable-forest-management-mtcc', 'redd-plus', 'ACTIVE', '2026-07-29', 'YouTube', 'https://www.youtube.com/watch?v=jigqBUYSGWI', NULL, 'https://www.youtube.com/embed/jigqBUYSGWI', NULL, 'GALLERY', 3, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2026-07-29 17:55:44', 1, '2026-07-29 17:55:44', 1);

-- --------------------------------------------------------

--
-- Table structure for table `content_video_translation`
--

CREATE TABLE `content_video_translation` (
  `video_translation_id` int NOT NULL,
  `video_translation_parent_id` int DEFAULT NULL,
  `video_translation_title` text COLLATE utf8mb4_unicode_ci,
  `video_translation_content` text COLLATE utf8mb4_unicode_ci,
  `video_translation_location` text COLLATE utf8mb4_unicode_ci,
  `video_translation_url` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `video_translation_main` int DEFAULT NULL,
  `video_translation_language` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` datetime DEFAULT NULL,
  `created_by` int DEFAULT NULL,
  `updated_at` datetime DEFAULT NULL,
  `updated_by` int DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `content_video_translation`
--

INSERT INTO `content_video_translation` (`video_translation_id`, `video_translation_parent_id`, `video_translation_title`, `video_translation_content`, `video_translation_location`, `video_translation_url`, `video_translation_main`, `video_translation_language`, `created_at`, `created_by`, `updated_at`, `updated_by`) VALUES
(1, 1, 'Ucapan Perasmian Konvensyen ICT 2026', 'Ucapan perasmian Konvensyen ICT Sektor Awam 2026 oleh Ketua Pengarah.', NULL, NULL, 1, 'ms', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(2, 1, 'ICT Convention 2026 Opening Speech', 'Opening speech of the 2026 Public Sector ICT Convention by the Director General.', NULL, NULL, 0, 'en', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(3, 1, '2026年ICT大会开幕致辞', '2026年公共部门ICT大会由总监致开幕辞。', NULL, NULL, 0, 'zh', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(4, 2, 'Tutorial Penggunaan CMS Versi 2.0', 'Panduan langkah demi langkah untuk menggunakan sistem CMS versi terkini.', NULL, NULL, 1, 'ms', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(5, 2, 'CMS Version 2.0 Tutorial', 'Step-by-step guide to using the latest CMS system.', NULL, NULL, 0, 'en', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(6, 2, 'CMS 2.0版本教程', '使用最新CMS系统的分步指南。', NULL, NULL, 0, 'zh', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(7, 3, 'Dokumentari 25 Tahun Perkhidmatan ICT', 'Dokumentari khas sempena 25 tahun perkhidmatan ICT kepada sektor awam.', NULL, NULL, 1, 'ms', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(8, 3, '25 Years of ICT Service Documentary', 'A special documentary commemorating 25 years of ICT service to the public sector.', NULL, NULL, 0, 'en', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(9, 3, 'ICT服务25周年纪录片', '纪念为公共部门提供ICT服务25周年的特别纪录片。', NULL, NULL, 0, 'zh', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(10, 4, 'Wawancara Khas: Hala Tuju Digital Negara', 'Wawancara bersama Ketua Pengarah mengenai hala tuju digital negara.', NULL, NULL, 1, 'ms', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(11, 4, 'Special Interview: National Digital Direction', 'An interview with the Director General on the nation\'s digital direction.', NULL, NULL, 0, 'en', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(12, 4, '特别访谈：国家数字发展方向', '就国家数字发展方向对总监进行的采访。', NULL, NULL, 0, 'zh', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(13, 5, 'Promosi Perkhidmatan Dalam Talian', 'Video promosi perkhidmatan dalam talian yang disediakan oleh jabatan.', NULL, NULL, 1, 'ms', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(14, 5, 'Online Services Promotion', 'Promotional video of online services provided by the department.', NULL, NULL, 0, 'en', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(15, 5, '在线服务推广', '部门提供的在线服务推广视频。', NULL, NULL, 0, 'zh', '2026-07-04 07:26:22', 1, '2026-07-04 07:26:22', 1),
(16, 6, 'Golden Oil from Green Agriculture', NULL, NULL, NULL, 1, 'en', '2026-07-29 17:55:51', 1, '2026-07-29 17:55:51', 1),
(17, 6, 'Golden Oil dari Pertanian Hijau', NULL, NULL, NULL, 0, 'ms', '2026-07-29 17:55:51', 1, '2026-07-29 17:55:51', 1),
(18, 7, 'The Malaysian Rainforest Hutan Malaysia', NULL, NULL, NULL, 1, 'en', '2026-07-29 17:55:51', 1, '2026-07-29 17:55:51', 1),
(19, 8, 'Malaysia\'s effort in sustainable forest management by MTCC', NULL, NULL, NULL, 1, 'en', '2026-07-29 17:55:51', 1, '2026-07-29 17:55:51', 1);

-- --------------------------------------------------------

--
-- Table structure for table `data_dashboard`
--

CREATE TABLE `data_dashboard` (
  `id` bigint UNSIGNED NOT NULL,
  `title` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `content` longtext COLLATE utf8mb4_unicode_ci,
  `sorting` int DEFAULT NULL,
  `activation_status` int NOT NULL DEFAULT '1',
  `col_span` tinyint NOT NULL DEFAULT '1',
  `created_by` int DEFAULT NULL,
  `created_at` datetime DEFAULT NULL,
  `updated_by` int DEFAULT NULL,
  `updated_at` datetime DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `data_dashboard`
--

INSERT INTO `data_dashboard` (`id`, `title`, `content`, `sorting`, `activation_status`, `col_span`, `created_by`, `created_at`, `updated_by`, `updated_at`) VALUES
(1, 'System Clock', '<?php\n$timezone = \'Asia/Kuala_Lumpur\';\ndate_default_timezone_set($timezone);\n?>\n<style>\n.clock-3d {\n    perspective: 1000px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 20px 0;\n    width: 100%;\n}\n.clock-face {\n    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n    padding: 40px 50px;\n    border-radius: 20px;\n    width: 100%;\n    transform: rotateX(3deg);\n    box-shadow:\n        0 25px 50px -12px rgba(0,0,0,0.15),\n        0 0 0 1px rgba(0,0,0,0.04),\n        inset 0 1px 0 rgba(255,255,255,0.8),\n        inset 0 -1px 0 rgba(0,0,0,0.06),\n        0 8px 0 #cbd5e1;\n    border: 1px solid rgba(0,0,0,0.04);\n    position: relative;\n    transition: transform 0.3s ease;\n    box-sizing: border-box;\n}\n.clock-face:hover {\n    transform: rotateX(1deg) translateY(-2px);\n    box-shadow:\n        0 30px 60px -12px rgba(0,0,0,0.2),\n        0 0 0 1px rgba(0,0,0,0.05),\n        inset 0 1px 0 rgba(255,255,255,0.8),\n        inset 0 -1px 0 rgba(0,0,0,0.06),\n        0 6px 0 #cbd5e1;\n}\n.clock-face::before {\n    content: \'\';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    border-radius: 20px;\n    background: linear-gradient(135deg, rgba(255,255,255,0.6) 0%, transparent 40%, rgba(0,0,0,0.03) 100%);\n    pointer-events: none;\n}\n.clock-top-bar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 28px;\n    position: relative;\n    z-index: 1;\n}\n.clock-brand {\n    color: #64748b;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    font-family: system-ui, -apple-system, sans-serif;\n    font-weight: 600;\n}\n.clock-status {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: #94a3b8;\n    font-size: 11px;\n    font-family: system-ui, -apple-system, sans-serif;\n}\n.clock-status-dot {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: #22c55e;\n    box-shadow: 0 0 6px rgba(34,197,94,0.4);\n    animation: pulse-dot 2s ease-in-out infinite;\n}\n@keyframes pulse-dot {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.4; }\n}\n.clock-display {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    position: relative;\n    z-index: 1;\n}\n.clock-digit-group {\n    display: flex;\n    gap: 6px;\n}\n.clock-digit {\n    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);\n    color: #1e293b;\n    font-family: \'Inter\', \'Segoe UI\', system-ui, -apple-system, sans-serif;\n    font-size: 64px;\n    font-weight: 300;\n    padding: 12px 16px;\n    border-radius: 10px;\n    min-width: 56px;\n    text-align: center;\n    box-shadow:\n        inset 0 2px 6px rgba(0,0,0,0.06),\n        inset 0 1px 0 rgba(255,255,255,0.8),\n        0 2px 0 #cbd5e1,\n        0 4px 12px rgba(0,0,0,0.06);\n    line-height: 1;\n    letter-spacing: 1px;\n}\n.clock-separator {\n    color: #94a3b8;\n    font-size: 52px;\n    font-weight: 300;\n    line-height: 1;\n    padding-bottom: 6px;\n    animation: blink 1s step-end infinite;\n}\n@keyframes blink { 50% { opacity: 0.2; } }\n.clock-bottom {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-top: 24px;\n    position: relative;\n    z-index: 1;\n}\n.clock-date {\n    color: #64748b;\n    font-size: 13px;\n    font-family: system-ui, -apple-system, sans-serif;\n    font-weight: 400;\n    letter-spacing: 0.3px;\n}\n.clock-timezone {\n    color: #94a3b8;\n    font-size: 11px;\n    font-family: system-ui, -apple-system, sans-serif;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n}\n.clock-accent {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60%;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, rgba(0,0,0,0.06), transparent);\n    border-radius: 1px;\n    pointer-events: none;\n}\n@media (max-width: 1024px) {\n    .clock-digit { font-size: 48px; padding: 10px 12px; min-width: 42px; }\n    .clock-separator { font-size: 40px; }\n    .clock-face { padding: 30px 36px; }\n}\n@media (max-width: 640px) {\n    .clock-face {\n        padding: 20px 16px;\n        border-radius: 16px;\n        transform: rotateX(1deg);\n        box-shadow:\n            0 20px 40px -12px rgba(0,0,0,0.12),\n            0 0 0 1px rgba(0,0,0,0.04),\n            inset 0 1px 0 rgba(255,255,255,0.8),\n            inset 0 -1px 0 rgba(0,0,0,0.06),\n            0 4px 0 #cbd5e1;\n    }\n    .clock-display { gap: 6px; }\n    .clock-digit-group { gap: 4px; }\n    .clock-digit {\n        font-size: 28px;\n        padding: 6px 8px;\n        min-width: 24px;\n        border-radius: 8px;\n    }\n    .clock-separator { font-size: 24px; padding-bottom: 2px; }\n    .clock-top-bar { margin-bottom: 16px; }\n    .clock-bottom {\n        flex-direction: column;\n        align-items: center;\n        gap: 4px;\n        margin-top: 14px;\n    }\n    .clock-brand { font-size: 9px; letter-spacing: 2px; }\n    .clock-status { font-size: 9px; }\n    .clock-date { font-size: 11px; }\n    .clock-timezone { font-size: 9px; }\n}\n@media (max-width: 380px) {\n    .clock-digit { font-size: 22px; padding: 4px 6px; min-width: 20px; }\n    .clock-separator { font-size: 18px; }\n    .clock-face { padding: 14px 10px; }\n}\n</style>\n<div class=\"clock-3d\">\n    <div class=\"clock-face\">\n        <div class=\"clock-top-bar\">\n            <span class=\"clock-brand\">System Clock</span>\n            <span class=\"clock-status\">\n                <span class=\"clock-status-dot\"></span>\n                Live\n            </span>\n        </div>\n        <div class=\"clock-display\">\n            <div class=\"clock-digit-group\">\n                <div class=\"clock-digit\" id=\"clock-h1\">0</div>\n                <div class=\"clock-digit\" id=\"clock-h2\">0</div>\n            </div>\n            <div class=\"clock-separator\">:</div>\n            <div class=\"clock-digit-group\">\n                <div class=\"clock-digit\" id=\"clock-m1\">0</div>\n                <div class=\"clock-digit\" id=\"clock-m2\">0</div>\n            </div>\n            <div class=\"clock-separator\">:</div>\n            <div class=\"clock-digit-group\">\n                <div class=\"clock-digit\" id=\"clock-s1\">0</div>\n                <div class=\"clock-digit\" id=\"clock-s2\">0</div>\n            </div>\n        </div>\n        <div class=\"clock-bottom\">\n            <span class=\"clock-date\" id=\"clock-date\"></span>\n            <span class=\"clock-timezone\"><?= $timezone ?></span>\n        </div>\n        <div class=\"clock-accent\"></div>\n    </div>\n</div>\n<script>\n(function() {\n    function pad(n) { return n.toString().padStart(2, \'0\'); }\n    var months = [\'January\',\'February\',\'March\',\'April\',\'May\',\'June\',\'July\',\'August\',\'September\',\'October\',\'November\',\'December\'];\n    var days = [\'Sunday\',\'Monday\',\'Tuesday\',\'Wednesday\',\'Thursday\',\'Friday\',\'Saturday\'];\n    function update() {\n        var d = new Date();\n        var h = pad(d.getHours());\n        var m = pad(d.getMinutes());\n        var s = pad(d.getSeconds());\n        var el = function(id) { return document.getElementById(id); };\n        el(\'clock-h1\').textContent = h[0];\n        el(\'clock-h2\').textContent = h[1];\n        el(\'clock-m1\').textContent = m[0];\n        el(\'clock-m2\').textContent = m[1];\n        el(\'clock-s1\').textContent = s[0];\n        el(\'clock-s2\').textContent = s[1];\n        var de = el(\'clock-date\');\n        if (de && !de.dataset.set) {\n            de.textContent = days[d.getDay()] + \', \' + d.getDate() + \' \' + months[d.getMonth()] + \' \' + d.getFullYear();\n            de.dataset.set = \'1\';\n        }\n    }\n    update();\n    setInterval(update, 1000);\n})();\n</script>', 1, 1, 4, 1, '2026-07-23 09:04:28', 1, '2026-07-23 09:04:28'),
(2, 'Visitor Statistics', '<?php\nuse App\\Models\\Backend\\Visit;\nuse Carbon\\Carbon;\n$labels7 = []; $data7 = [];\nfor ($i = 6; $i >= 0; $i--) {\n    $date = Carbon::now()->subDays($i);\n    $labels7[] = $date->format(\'D\');\n    $data7[] = Visit::whereDate(\'created_at\', $date)->count();\n}\n$labels30 = []; $data30 = [];\nfor ($i = 29; $i >= 0; $i--) {\n    $date = Carbon::now()->subDays($i);\n    $labels30[] = $date->format(\'d M\');\n    $data30[] = Visit::whereDate(\'created_at\', $date)->count();\n}\n?>\n<style>\n.chart-row {\n    display: flex;\n    gap: 1.25rem;\n    width: 100%;\n}\n.chart-row > div {\n    flex: 1;\n    min-width: 0;\n}\n.chart-row h3 {\n    text-align: center;\n    margin-bottom: 12px;\n    font-size: 15px;\n    font-weight: 600;\n    color: #1e293b;\n}\n.dark .chart-row h3 { color: #e2e8f0; }\n@media (max-width: 768px) {\n    .chart-row { flex-direction: column; }\n}\n</style>\n<h3 style=\"text-align:center;margin-bottom:16px;font-size:17px;font-weight:600;color:#1e293b;\">Visitor Statistics</h3>\n<div class=\"chart-row\">\n    <div>\n        <h3>Last 7 Days</h3>\n        <div id=\"chartBar\"></div>\n    </div>\n    <div>\n        <h3>Last 30 Days</h3>\n        <div id=\"chartLine\"></div>\n    </div>\n</div>\n<script>\ndocument.addEventListener(\'DOMContentLoaded\', function() {\n    var barOptions = {\n        series: [{ name: \'Visits\', data: <?= json_encode($data7) ?> }],\n        chart: { type: \'bar\', height: 250, toolbar: { show: false } },\n        colors: [\'#3b82f6\'],\n        plotOptions: { bar: { borderRadius: 4, columnWidth: \'60%\' } },\n        dataLabels: { enabled: false },\n        xaxis: { categories: <?= json_encode($labels7) ?> },\n        yaxis: { min: 0 },\n        legend: { show: false }\n    };\n    new ApexCharts(document.getElementById(\'chartBar\'), barOptions).render();\n\n    var lineOptions = {\n        series: [{ name: \'Visits\', data: <?= json_encode($data30) ?> }],\n        chart: { type: \'line\', height: 250, toolbar: { show: false } },\n        colors: [\'#3b82f6\'],\n        stroke: { curve: \'smooth\', width: 2 },\n        fill: { type: \'solid\', opacity: 0.1 },\n        markers: { size: 2 },\n        dataLabels: { enabled: false },\n        xaxis: { categories: <?= json_encode($labels30) ?> },\n        yaxis: { min: 0 },\n        legend: { show: false }\n    };\n    new ApexCharts(document.getElementById(\'chartLine\'), lineOptions).render();\n});\n</script>', 2, 1, 4, 1, '2026-07-23 09:04:28', 1, '2026-07-23 09:04:28'),
(3, 'Latest Activity Log', '<?php\nuse Spatie\\Activitylog\\Models\\Activity;\n$activities = Activity::with(\'causer\')->latest()->take(10)->get();\n\nfunction activityBadgeClass($event) {\n    return match ($event) {\n        \'created\' => \'bg-success-50 text-success-600 dark:bg-success-500/15 dark:text-success-500\',\n        \'updated\' => \'bg-warning-50 text-warning-600 dark:bg-warning-500/15 dark:text-orange-400\',\n        \'deleted\' => \'bg-error-50 text-error-600 dark:bg-error-500/15 dark:text-error-500\',\n        default   => \'bg-blue-light-50 text-blue-light-500 dark:bg-blue-light-500/15 dark:text-blue-light-500\',\n    };\n}\n?>\n<style>\n.activity-log-widget h3 {\n    text-align: center;\n    margin-bottom: 16px;\n    font-size: 17px;\n    font-weight: 600;\n    color: #1e293b;\n}\n.dark .activity-log-widget h3 { color: #e2e8f0; }\n.activity-log-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 14px;\n}\n.activity-log-table th,\n.activity-log-table td {\n    padding: 12px 16px;\n    text-align: left;\n    border-bottom: 1px solid #f1f5f9;\n}\n.dark .activity-log-table th,\n.dark .activity-log-table td { border-bottom-color: #1f2937; }\n.activity-log-table th {\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: #64748b;\n    background: #f8fafc;\n}\n.dark .activity-log-table th { color: #94a3b8; background: #111827; }\n.activity-log-table td {\n    color: #334155;\n    vertical-align: middle;\n}\n.dark .activity-log-table td { color: #cbd5e1; }\n.activity-log-table tr:hover td { background: #f8fafc; }\n.dark .activity-log-table tr:hover td { background: #1f2937; }\n.activity-log-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    border-radius: 9999px;\n    padding: 4px 10px;\n    font-size: 12px;\n    font-weight: 500;\n    text-transform: capitalize;\n}\n.activity-log-empty {\n    text-align: center;\n    padding: 40px 20px;\n    color: #64748b;\n}\n.dark .activity-log-empty { color: #94a3b8; }\n@media (max-width: 640px) {\n    .activity-log-table th,\n    .activity-log-table td { padding: 10px 12px; font-size: 13px; }\n}\n</style>\n<div class=\"activity-log-widget\">\n    <h3>Latest Activity Log</h3>\n    <div class=\"max-w-full overflow-x-auto\">\n        <table class=\"activity-log-table\">\n            <thead>\n                <tr>\n                    <th>Date & Time</th>\n                    <th>User Name</th>\n                    <th>Action</th>\n                    <th>Module Name</th>\n                </tr>\n            </thead>\n            <tbody>\n                <?php if ($activities->isNotEmpty()): ?>\n                    <?php foreach ($activities as $activity): ?>\n                        <?php\n                        $causer = $activity->causer;\n                        $userName = $causer\n                            ? ($causer->username ?? trim(($causer->first_name ?? \'\') . \' \' . ($causer->last_name ?? \'\')) ?: \'User #\' . $causer->id)\n                            : \'System\';\n                        ?>\n                        <tr>\n                            <td>\n                                <span class=\"block text-sm font-medium\"><?= $activity->created_at?->format(\'d M Y\') ?></span>\n                                <span class=\"block text-xs text-gray-500 dark:text-gray-400\"><?= $activity->created_at?->format(\'H:i\') ?></span>\n                            </td>\n                            <td class=\"font-medium\"><?= e($userName) ?></td>\n                            <td>\n                                <span class=\"activity-log-badge <?= activityBadgeClass($activity->event) ?>\">\n                                    <?= e(ucfirst($activity->event ?? \'N/A\')) ?>\n                                </span>\n                            </td>\n                            <td><?= e($activity->subject_type ?? \'-\') ?></td>\n                        </tr>\n                    <?php endforeach; ?>\n                <?php else: ?>\n                    <tr>\n                        <td colspan=\"4\" class=\"activity-log-empty\">\n                            No recent activity logs found.\n                        </td>\n                    </tr>\n                <?php endif; ?>\n            </tbody>\n        </table>\n    </div>\n</div>', 3, 1, 4, 1, '2026-07-23 09:04:28', 1, '2026-07-23 09:04:28');

-- --------------------------------------------------------

--
-- Table structure for table `failed_jobs`
--

CREATE TABLE `failed_jobs` (
  `id` bigint UNSIGNED NOT NULL,
  `uuid` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `connection` text COLLATE utf8mb4_unicode_ci NOT NULL,
  `queue` text COLLATE utf8mb4_unicode_ci NOT NULL,
  `payload` longtext COLLATE utf8mb4_unicode_ci NOT NULL,
  `exception` longtext COLLATE utf8mb4_unicode_ci NOT NULL,
  `failed_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

-- --------------------------------------------------------

--
-- Table structure for table `frontend_components`
--

CREATE TABLE `frontend_components` (
  `id` bigint UNSIGNED NOT NULL,
  `name` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `code` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `content` longtext COLLATE utf8mb4_unicode_ci,
  `type` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT 'PHP',
  `category` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT 'Section',
  `status` tinyint(1) NOT NULL DEFAULT '1',
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

--
-- Dumping data for table `frontend_components`
--

INSERT INTO `frontend_components` (`id`, `name`, `code`, `content`, `type`, `category`, `status`, `created_at`, `updated_at`) VALUES
(1, 'Navbar Web', 'navbar_web', '<style>\n            .top-bar {\n                background: var(--gray-900);\n                padding: 7px 0;\n                font-size: 0.78rem;\n                border-bottom: 1px solid rgba(255,255,255,0.06);\n            }\n            .top-bar .container {\n                display: flex; justify-content: space-between; align-items: center;\n            }\n            .top-bar-left { display: flex; gap: 14px; align-items: center; }\n            .top-bar-left a {\n                color: var(--gray-400);\n                transition: color 0.2s;\n                font-size: 0.73rem;\n                font-weight: 500;\n            }\n            .top-bar-left a:hover { color: var(--gold); }\n            .top-bar-left .divider { color: var(--gray-600); font-size: 0.7rem; }\n            .top-bar-center { display: flex; align-items: center; gap: 8px; }\n            .top-btn { display: inline-flex; align-items: center; gap: 5px; color: var(--gray-300); font-size: 0.75rem; font-weight: 500; text-decoration: none; transition: color 0.2s; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--gray-600); }\n            .top-btn:hover { color: var(--gold); border-color: var(--gold); }\n            .top-btn i { font-size: 0.65rem; }\n            .top-btn-reg { background: var(--accent); border-color: var(--accent); color: white; }\n            .top-btn-reg:hover { background: var(--accent-dark); border-color: var(--accent-dark); color: white; }\n            .top-bar-right { display: flex; align-items: center; gap: 6px; }\n            .top-bar-right a {\n                color: var(--gray-400);\n                transition: all 0.2s;\n            }\n            .top-bar-right a:hover { color: var(--gold); }\n            .top-bar-right .social-icon {\n                display: inline-flex; align-items: center; justify-content: center;\n                width: 28px; height: 28px;\n                border-radius: 8px;\n                background: rgba(255,255,255,0.05);\n                color: var(--gray-400);\n                font-size: 0.72rem;\n            }\n            .top-bar-right .social-icon:hover {\n                background: rgba(245,158,11,0.15);\n                color: var(--gold);\n            }\n            .top-bar-right .access-icon {\n                display: inline-flex; align-items: center; justify-content: center;\n                width: 28px; height: 28px;\n                color: var(--gray-400);\n                font-size: 0.9rem;\n                border-radius: 8px;\n                transition: all 0.2s;\n            }\n            .top-bar-right .access-icon:hover {\n                background: rgba(245,158,11,0.15);\n                color: var(--gold);\n            }\n            .main-header {\n                background: rgba(255,255,255,0.92);\n                backdrop-filter: blur(16px) saturate(180%);\n                -webkit-backdrop-filter: blur(16px) saturate(180%);\n                border-bottom: 1px solid var(--gray-200);\n                position: sticky; top: 0; z-index: 1000;\n                transition: box-shadow 0.3s;\n            }\n            .main-header.scrolled { box-shadow: var(--shadow-md); }\n            .main-header .container {\n                display: flex; align-items: center; gap: 20px;\n            }\n            .header-brand {\n                display: flex; align-items: center; gap: 14px;\n                padding: 6px 0;\n            }\n            .header-logo {\n                width: auto; height: 42px; flex-shrink: 0;\n                display: flex; align-items: center;\n            }\n            .header-logo img { height: 100%; width: auto; }\n            .nav-wrapper {\n                flex: 1; display: flex; align-items: center; gap: 0; justify-content: center;\n            }\n            \n            \n            .nav-list { display: flex; align-items: center; gap: 2px; }\n            .nav-list > li { position: relative; }\n            .nav-list > li > a {\n                display: flex; align-items: center; gap: 6px;\n                padding: 24px 14px;\n                color: var(--gray-600);\n                font-size: 0.82rem; font-weight: 500;\n                white-space: nowrap;\n                letter-spacing: -0.01em;\n                border-radius: 8px;\n                position: relative;\n                transition: all 0.25s;\n            }\n            .nav-list > li > a::after {\n                content: \'\';\n                position: absolute;\n                bottom: 8px; left: 50%;\n                transform: translateX(-50%);\n                width: 0; height: 2.5px;\n                background: var(--accent);\n                border-radius: 4px;\n                transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            }\n            .nav-list > li > a:hover::after,\n            .nav-list > li > a.active::after { width: 20px; }\n            .nav-list > li > a i:first-child {\n                font-size: 0.6rem; color: var(--accent);\n                opacity: 0; transform: translateX(-4px);\n                transition: all 0.25s;\n            }\n            .nav-list > li > a:hover i:first-child,\n            .nav-list > li > a.active i:first-child { opacity: 1; transform: translateX(0); }\n            .nav-list > li > a:hover { color: var(--accent); }\n            .nav-list > li > a.active { color: var(--accent); font-weight: 600; }\n            .nav-list > li > a .fa-angle-down {\n                font-size: 0.6rem; margin-left: 1px;\n                transition: transform 0.3s; color: var(--gray-400);\n            }\n            .nav-list > li:hover > a .fa-angle-down { transform: rotate(180deg); color: var(--accent); }\n            .dropdown-content {\n                position: absolute;\n                top: 100%; left: 50%;\n                transform: translateX(-50%) translateY(10px);\n                background: var(--white);\n                min-width: 240px;\n                box-shadow: 0 20px 60px rgba(0,0,0,0.12), 0 8px 20px rgba(0,0,0,0.06);\n                border-radius: 14px;\n                opacity: 0; visibility: hidden;\n                transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n                z-index: 100;\n                overflow: hidden;\n                border: 1px solid var(--gray-100);\n            }\n            .nav-list > li:hover .dropdown-content {\n                opacity: 1; visibility: visible;\n                transform: translateX(-50%) translateY(0);\n            }\n            .dropdown-content::before {\n                content: \'\';\n                position: absolute;\n                top: -5px; left: 50%;\n                transform: translateX(-50%) rotate(45deg);\n                width: 10px; height: 10px;\n                background: var(--white);\n                border-left: 1px solid var(--gray-100);\n                border-top: 1px solid var(--gray-100);\n            }\n            .dropdown-header {\n                background: linear-gradient(135deg, var(--primary), var(--primary-light));\n                color: rgba(255,255,255,0.9);\n                padding: 14px 18px;\n                font-size: 0.72rem;\n                font-weight: 400;\n                line-height: 1.5;\n            }\n            .dropdown-header i { margin-right: 10px; opacity: 0.7; }\n            .dropdown-content a {\n                display: flex; align-items: center; gap: 10px;\n                padding: 11px 18px;\n                color: var(--gray-600);\n                font-size: 0.8rem;\n                font-weight: 500;\n                border-bottom: 1px solid var(--gray-100);\n                transition: all 0.2s;\n            }\n            .dropdown-content a i { font-size: 0.5rem; color: var(--accent); }\n            .dropdown-content a:hover {\n                background: linear-gradient(135deg, var(--accent-light), #fff);\n                color: var(--accent);\n                padding-left: 24px;\n            }\n            .dropdown-content a:last-child { border-bottom: none; }\n            .nav-icons {\n                \n                display: flex;\n                align-items: center;\n                gap: 0;\n                padding: 2px 0 2px 8px;\n                border-left: 1px solid var(--gray-200);\n            }\n            .nav-icons .nav-icon-btn {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                padding: 2px 4px 1px;\n                transition: all 0.15s;\n                border-radius: 4px;\n                text-decoration: none;\n            }\n            .nav-icons .nav-icon-btn:hover { background: var(--gray-100); }\n            .nav-icons .nav-icon-btn .ni-box {\n                width: 22px;\n                height: 22px;\n                border-radius: 4px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 0.6rem;\n                transition: all 0.15s;\n                border: 1px solid transparent;\n            }\n            .nav-icons .nav-icon-btn:hover .ni-box { transform: scale(1.06); }\n            .nav-icons .nav-icon-btn:nth-child(1) .ni-box { background: #fef2f2; color: var(--accent); border-color: #fecaca; }\n            .nav-icons .nav-icon-btn:nth-child(2) .ni-box { background: #eef2ff; color: var(--primary); border-color: #c7d2fe; }\n            .nav-icons .nav-icon-btn:nth-child(3) .ni-box { background: #fffbeb; color: #d97706; border-color: #fde68a; }\n            .nav-icons .nav-icon-btn:nth-child(4) .ni-box { background: #f0fdf4; color: #16a34a; border-color: #bbf7d0; }\n            .nav-icons .nav-icon-btn span {\n                font-size: 0.4rem;\n                color: var(--gray-400);\n                font-weight: 600;\n                text-transform: uppercase;\n                margin-top: 1px;\n                letter-spacing: 0.1px;\n                white-space: nowrap;\n            }\n            .hamburger {\n                display: none; background: var(--gray-100); border: none;\n                cursor: pointer; padding: 8px 4px;\n                flex-direction: column; gap: 4px;\n                position: relative; z-index: 5;\n                border-radius: 8px;\n                \n            }\n            .hamburger span {\n                display: block; width: 20px; height: 2px;\n                background: var(--gray-600);\n                border-radius: 4px;\n                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n                transform-origin: center;\n            }\n            .hamburger:hover span { background: var(--accent); }\n            .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(4px, 4px); width: 18px; }\n            .hamburger.active span:nth-child(2) { opacity: 0; transform: translateX(-4px); }\n            .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(4px, -4px); width: 18px; }\n            .mob-top-bar { display: none; align-items: center; gap: 2px; margin-right: 10px; }\n            .mob-top-link { font-size: 0.7rem; color: var(--gray-500); text-decoration: none; padding: 4px 2px; font-weight: 500; }\n            .mob-top-link:hover { color: var(--accent); }\n            .mob-top-divider { color: var(--gray-300); font-size: 0.65rem; }\n            .mob-bottom-bar { display: none; align-items: center; justify-content: space-between; padding: 6px 16px; background: var(--gray-50); width: 100%; }\n            .mob-btm-left, .mob-btm-right { display: flex; align-items: center; gap: 2px; }\n            .mob-btm-icon { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: var(--gray-500); text-decoration: none; border-radius: 6px; font-size: 0.75rem; }\n            .mob-btm-icon:hover { background: var(--gray-100); color: var(--accent); }\n            .mob-btm-icon-reg { color: var(--accent); }\n            .mob-btm-sep { width: 1px; height: 16px; background: var(--gray-200); }\n            .sidebar-overlay {\n                display: none; position: fixed; inset: 0;\n                background: rgba(0,0,0,0.5); z-index: 99;\n                opacity: 0; transition: opacity 0.3s;\n            }\n            .sidebar-overlay.open { display: block; opacity: 1; }\n            .sidebar-menu {\n                position: fixed; top: 42px; left: -300px; width: 280px;\n                height: calc(100vh - 42px); background: var(--white);\n                z-index: 100; overflow-y: auto;\n                transition: left 0.3s ease;\n                box-shadow: 5px 0 30px rgba(0,0,0,0.15);\n            }\n            .sidebar-menu.open { left: 0; }\n            .sidebar-header {\n                display: flex; align-items: center; justify-content: space-between;\n                padding: 18px 20px; border-bottom: 1px solid var(--gray-100);\n            }\n            .sidebar-header h3 { font-size: 0.9rem; font-weight: 600; color: var(--gray-900); margin: 0; }\n            .sidebar-close { background: none; border: none; font-size: 1.3rem; color: var(--gray-400); cursor: pointer; padding: 4px; }\n            .sidebar-close:hover { color: var(--accent); }\n            .sidebar-menu a {\n                display: flex; align-items: center; gap: 10px;\n                padding: 14px 20px;\n                color: var(--gray-700); text-decoration: none;\n                border-bottom: 1px solid var(--gray-100);\n                font-size: 0.85rem; font-weight: 500;\n                transition: all 0.2s;\n            }\n            .sidebar-menu a:hover { background: var(--gray-50); color: var(--accent); padding-left: 26px; }\n            .sidebar-menu a i:first-child { font-size: 0.65rem; color: var(--accent); width: 16px; }\n            .sidebar-menu .m-dropdown-btn {\n                display: flex; justify-content: space-between; align-items: center;\n                width: 100%; background: none; border: none;\n                color: var(--gray-700);\n                padding: 14px 20px;\n                font-size: 0.85rem; font-weight: 500;\n                font-family: inherit; cursor: pointer;\n                border-bottom: 1px solid var(--gray-100);\n                transition: all 0.2s;\n            }\n            .sidebar-menu .m-dropdown-btn:hover { background: var(--gray-50); color: var(--accent); }\n            .sidebar-menu .m-submenu { display: none; background: var(--gray-50); }\n            .sidebar-menu .m-submenu.open { display: block; }\n            .sidebar-menu .m-submenu a { padding-left: 40px; font-size: 0.8rem; }\n            .sidebar-menu .m-submenu a:hover { padding-left: 46px; }\n            @media (max-width: 1024px) {\n                .main-header .container { flex-wrap: wrap; }\n                .header-brand { flex: 0 0 auto; }\n                .nav-wrapper { flex: 1; justify-content: flex-end; gap: 0; }\n                .nav-list { display: none !important; }\n                .nav-icons { display: none !important; }\n                .hamburger { display: flex !important; flex-shrink: 0; }\n                .mob-top-bar { display: flex !important; flex-shrink: 0; }\n                .mob-bottom-bar { display: flex !important; }\n            }\n            @media (max-width: 768px) {\n                .top-bar { display: none !important; }\n                .header-brand img { max-height: 38px; }\n                .hamburger { width: 38px; height: 38px; display: flex !important; align-items: center; justify-content: center; }\n                .mob-top-bar { display: flex !important; }\n            }\n            @media (max-width: 480px) {\n                .top-bar-left a { font-size: 0.65rem; }\n                .top-bar-left .divider { font-size: 0.6rem; }\n                .header-brand img { max-height: 32px; }\n            }\n            .dropdown-content a.active { background: linear-gradient(135deg, var(--accent-light), #fff); color: var(--accent); padding-left: 24px; }</style>\n            <div class=\"top-bar\">\n                <div class=\"container\">\n                    <div class=\"top-bar-left\">\n                        <a href=\"{{ url(\"lang/ms\") }}\">MALAY</a>\n                        <span class=\"divider\">|</span>\n                        <a href=\"{{ url(\"lang/en\") }}\">ENGLISH</a>\n                        <span class=\"divider\">|</span>\n                        <a href=\"{{ url(\"lang/zh\") }}\">中文</a>\n                    </div>\n                    <div class=\"top-bar-center\">\n<a href=\"{{ url(\"/\" . ($siteSlug ?: \\App\\Http\\Helpers\\SettingHelper::defaultSiteSlug()) . \"/login-web\") }}\" class=\"top-btn\" target=\"_blank\"><i class=\"fas fa-sign-in-alt\"></i> {{ t(\"login\") }}</a>\n                        <a href=\"{{ url(\"/\" . ($siteSlug ?: \\App\\Http\\Helpers\\SettingHelper::defaultSiteSlug()) . \"/register-web\") }}\" class=\"top-btn top-btn-reg\" target=\"_blank\"><i class=\"fas fa-user-plus\"></i> {{ t(\"register\") }}</a>\n                    </div>\n                    <div class=\"top-bar-right\">\n                        <a href=\"#\" class=\"social-icon\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"></i></a>\n                        <a href=\"#\" class=\"social-icon\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"></i></a>\n                        <a href=\"#\" class=\"social-icon\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"></i></a>\n                        <a href=\"#\" class=\"social-icon\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"></i></a>\n                        <a href=\"#\" class=\"access-icon\" aria-label=\"Kebolehcapaian\"><i class=\"fas fa-wheelchair\"></i></a>\n                    </div>\n                </div>\n            </div>\n            <header class=\"main-header\">\n                <div class=\"container\">\n                    <div class=\"header-brand\">\n                        <div class=\"header-logo\">\n                            <img src=\"/dynaweb4/img/logo.png\" alt=\"Logo Agensi\">\n                        </div>\n                    </div>\n                    <div class=\"nav-wrapper\">\n                                        <ul class=\"nav-list\">\n                @php\n            $currentUrl = request()->fullUrl();\n        @endphp\n        @foreach($menuTree as $item)\n                    @php $parentActive = false; if(!empty($item[\'children\'])) { foreach($item[\'children\'] as $ch) { if($ch[\'menu_link\'] && $currentUrl === url($ch[\'menu_link\'])) { $parentActive = true; break; } } } @endphp\n                    @if(!empty($item[\'children\']))\n                    <li>\n                        <a href=\"{{ $item[\'menu_link\'] ?: \'#\' }}\"@if(($item[\'menu_link\'] && $currentUrl === url($item[\'menu_link\'])) || $parentActive) class=\"active\"@endif><i class=\"fas fa-angle-right\"></i> {{ $item[\'menu_name\'] }} <i class=\"fas fa-angle-down\"></i></a>\n                        <div class=\"dropdown-content\">\n                            <div class=\"dropdown-header\"><i class=\"fas fa-link\"></i> {{ $item[\'menu_name\'] }}</div>\n                            @foreach($item[\'children\'] as $child)\n                            <a href=\"{{ $child[\'menu_link\'] ?: \'#\' }}\"@if($child[\'menu_link\'] && $currentUrl === url($child[\'menu_link\'])) class=\"active\"@endif><i class=\"fas fa-angle-right\"></i> {{ $child[\'menu_name\'] }}</a>\n                            @endforeach\n                        </div>\n                    </li>\n                    @else\n                    <li><a href=\"{{ $item[\'menu_link\'] ?: \'#\' }}\"@if($item[\'menu_link\'] && $currentUrl === url($item[\'menu_link\'])) class=\"active\"@endif><i class=\"fas fa-angle-right\"></i> {{ $item[\'menu_name\'] }}</a></li>\n                    @endif\n                @endforeach\n            </ul>\n                        <div class=\"nav-icons\">\n                            <a href=\"#\" class=\"nav-icon-btn\">\n                                <div class=\"ni-box\"><i class=\"fas fa-question\"></i></div>\n                                <span>Soalan Lazim</span>\n                            </a>\n                            \n                            <a href=\"#\" class=\"nav-icon-btn\">\n                                <div class=\"ni-box\"><i class=\"fas fa-comment\"></i></div>\n                                <span>Maklum Balas</span>\n                            </a>\n                            <a href=\"/{{ $siteSlug }}/sitemap-web\" class=\"nav-icon-btn\">\n                                <div class=\"ni-box\"><i class=\"fas fa-sitemap\"></i></div>\n                                <span>Sitemap</span>\n                            </a>\n                        </div>\n                        <div class=\"mob-top-bar\">\n                            <a href=\"{{ url(\"lang/ms\") }}\" class=\"mob-top-link\">MY</a>\n                            <span class=\"mob-top-divider\">|</span>\n                            <a href=\"{{ url(\"lang/en\") }}\" class=\"mob-top-link\">EN</a>\n                            <span class=\"mob-top-divider\">|</span>\n                            <a href=\"{{ url(\"lang/zh\") }}\" class=\"mob-top-link\">中文</a>\n                        </div>\n                        <button class=\"hamburger\" onclick=\"toggleMobile()\" aria-label=\"Toggle navigation\">\n                            <span></span><span></span><span></span>\n                        </button>\n                    </div>\n                    <div class=\"mob-bottom-bar\">\n                        <div class=\"mob-btm-left\">\n                            <a href=\"{{ url(\"/\" . ($siteSlug ?: \\App\\Http\\Helpers\\SettingHelper::defaultSiteSlug()) . \"/login-web\") }}\" class=\"mob-btm-icon\" target=\"_blank\"><i class=\"fas fa-sign-in-alt\"></i></a>\n                            <a href=\"{{ url(\"/\" . ($siteSlug ?: \\App\\Http\\Helpers\\SettingHelper::defaultSiteSlug()) . \"/register-web\") }}\" class=\"mob-btm-icon mob-btm-icon-reg\" target=\"_blank\"><i class=\"fas fa-user-plus\"></i></a>\n                        </div>\n                        <div class=\"mob-btm-right\">\n                            <a href=\"#\" class=\"mob-btm-icon\"><i class=\"fab fa-facebook-f\"></i></a>\n                            <a href=\"#\" class=\"mob-btm-icon\"><i class=\"fab fa-twitter\"></i></a>\n                            <a href=\"#\" class=\"mob-btm-icon\"><i class=\"fab fa-youtube\"></i></a>\n                            <a href=\"#\" class=\"mob-btm-icon\"><i class=\"fab fa-instagram\"></i></a>\n                            <a href=\"#\" class=\"mob-btm-icon\"><i class=\"fas fa-wheelchair\"></i></a>\n                        </div>\n                    </div>\n                </div>\n            </header>\n            <div class=\"sidebar-overlay\" id=\"sidebarOverlay\" onclick=\"toggleMobile()\"></div>\n            <div class=\"sidebar-menu\" id=\"sidebarMenu\">\n                <div class=\"sidebar-header\">\n                    <h3>Menu</h3>\n                    <button class=\"sidebar-close\" onclick=\"toggleMobile()\">&times;</button>\n                </div>\n                @php\n            $currentUrl = request()->fullUrl();\n        @endphp\n        @foreach($menuTree as $item)\n                    @php $parentActive = false; if(!empty($item[\'children\'])) { foreach($item[\'children\'] as $ch) { if($ch[\'menu_link\'] && $currentUrl === url($ch[\'menu_link\'])) { $parentActive = true; break; } } } @endphp\n                    @if(!empty($item[\'children\']))\n                    <button class=\"m-dropdown-btn\" onclick=\"toggleSub(this)\">\n                        <span><i class=\"fas fa-angle-right\"></i> {{ $item[\'menu_name\'] }}</span>\n                        <i class=\"fas fa-angle-down\"></i>\n                    </button>\n                    <div class=\"m-submenu\">\n                        @foreach($item[\'children\'] as $child)\n                        <a href=\"{{ $child[\'menu_link\'] ?: \'#\' }}\"@if($child[\'menu_link\'] && $currentUrl === url($child[\'menu_link\'])) class=\"active\"@endif><i class=\"fas fa-angle-right\"></i> {{ $child[\'menu_name\'] }}</a>\n                        @endforeach\n                    </div>\n                    @else\n                    <a href=\"{{ $item[\'menu_link\'] ?: \'#\' }}\"><i class=\"fas fa-angle-right\"></i> {{ $item[\'menu_name\'] }}</a>\n                    @endif\n                @endforeach\n            </div>\n            <script>\n            function toggleMobile() {\n                document.getElementById(\'sidebarMenu\')?.classList.toggle(\'open\');\n                document.getElementById(\'sidebarOverlay\')?.classList.toggle(\'open\');\n                document.querySelector(\'.hamburger\')?.classList.toggle(\'active\');\n            }\n            function toggleSub(btn) {\n                btn.nextElementSibling.classList.toggle(\'open\');\n                btn.querySelector(\'.fa-angle-down\')?.classList.toggle(\'fa-rotate-180\');\n            }\n            </script>', 'PHP', 'Header', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(2, 'Footer Web', 'footer_web', '@php\n            $todayVisits = \\App\\Models\\Backend\\Visit::todayVisits();\n            $thisWeek = \\App\\Models\\Backend\\Visit::thisWeekVisits();\n            $thisMonth = \\App\\Models\\Backend\\Visit::thisMonthVisits();\n            $thisYear = \\App\\Models\\Backend\\Visit::thisYearVisits();\n            $totalVisits = \\App\\Models\\Backend\\Visit::totalVisits();\n            $mainLinks = \\App\\Models\\Backend\\ContentApplication::with([\'translations\' => function($q) use ($lang) { $q->where(\'application_translation_language\', $lang); }])->where(\'application_cat\', \'MAIN_LINKS\')->where(\'application_status\', \'ACTIVE\')->orderBy(\'application_sort\')->get();\n            $externalLinks = \\App\\Models\\Backend\\ContentApplication::with([\'translations\' => function($q) use ($lang) { $q->where(\'application_translation_language\', $lang); }])->where(\'application_cat\', \'EXTERNAL_LINKS\')->where(\'application_status\', \'ACTIVE\')->orderBy(\'application_sort\')->get();\n            @endphp\n            <style>\n            .footer {\n                background: var(--gray-900);\n                color: rgba(255,255,255,0.7);\n                font-size: 0.82rem;\n                border-top: 1px solid rgba(255,255,255,0.06);\n            }\n            .footer-main { padding: 48px 0 32px; }\n            .footer-grid {\n                display: grid;\n                grid-template-columns: 2fr 1fr 1fr 1.5fr;\n                gap: 40px;\n            }\n            .footer-brand .fb-logo {\n                display: flex; align-items: center; gap: 12px;\n                margin-bottom: 14px;\n            }\n            .footer-brand .fb-logo img { height: 42px; width: auto; }\n            .footer-brand .fb-logo span {\n                font-size: 0.9rem; font-weight: 700;\n                color: white;\n            }\n            .footer-brand p { font-size: 0.8rem; line-height: 1.7; color: rgba(255,255,255,0.45); }\n            .footer-col h4 {\n                color: white;\n                font-size: 0.8rem; font-weight: 700;\n                margin-bottom: 16px;\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n            }\n            .footer-col ul li { margin-bottom: 6px; }\n            .footer-col ul li a {\n                color: rgba(255,255,255,0.45);\n                transition: all 0.2s;\n                font-size: 0.8rem;\n            }\n            .footer-col ul li a:hover { color: var(--gold); padding-left: 4px; }\n            .footer-contact li {\n                display: flex; gap: 10px; align-items: flex-start;\n                margin-bottom: 10px;\n                color: rgba(255,255,255,0.45);\n                font-size: 0.8rem;\n            }\n            .footer-contact li i { width: 16px; margin-top: 4px; color: var(--gold); font-size: 0.75rem; }\n            .visitor-stats {\n                grid-column: 1 / -1;\n                background: rgba(255,255,255,0.04);\n                border-radius: 10px;\n                padding: 14px 20px 12px;\n                margin-top: 24px;\n                border: 1px solid rgba(255,255,255,0.08);\n            }\n            .visitor-stats h5 {\n                color: var(--gold);\n                font-size: 0.6rem;\n                font-weight: 700;\n                margin-bottom: 8px;\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n                text-align: center;\n            }\n            .visitor-stats .v-row {\n                display: flex;\n                justify-content: space-around;\n                gap: 0;\n            }\n            .visitor-stats .v-item {\n                flex: 1;\n                text-align: center;\n                padding: 4px 8px;\n                font-size: 0.65rem;\n                color: rgba(255,255,255,0.45);\n                border-right: 1px solid rgba(255,255,255,0.08);\n            }\n            .visitor-stats .v-item:last-child { border-right: none; }\n            .visitor-stats .v-item .v-label { display: block; font-size: 0.58rem; margin-bottom: 3px; color: rgba(255,255,255,0.35); }\n            .visitor-stats .v-item .v-value { color: var(--gold); font-weight: 700; font-size: 0.85rem; }\n            .social-links { display: flex; gap: 8px; margin-top: 16px; }\n            .social-links a {\n                width: 34px; height: 34px;\n                border-radius: 10px;\n                background: rgba(255,255,255,0.05);\n                display: flex; align-items: center; justify-content: center;\n                color: rgba(255,255,255,0.4);\n                transition: all 0.2s;\n                font-size: 0.8rem;\n                border: 1px solid rgba(255,255,255,0.06);\n            }\n            .social-links a:hover {\n                background: var(--gold);\n                color: var(--gray-900);\n                border-color: var(--gold);\n                transform: translateY(-2px);\n            }\n            .footer-bottom {\n                border-top: 1px solid rgba(255,255,255,0.06);\n                padding: 18px 0;\n            }\n            .footer-bottom .container {\n                display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;\n            }\n            .footer-bottom .fb-left { text-align: left; }\n            .footer-bottom .fb-left .copy {\n                font-size: 0.75rem;\n                color: rgba(255,255,255,0.3);\n            }\n            .footer-bottom .fb-left .browser-note {\n                font-size: 0.68rem;\n                color: rgba(255,255,255,0.2);\n                margin-top: 3px;\n            }\n            .footer-bottom-links { display: flex; gap: 16px; }\n            .footer-bottom-links a {\n                color: rgba(255,255,255,0.35);\n                transition: color 0.2s;\n                font-size: 0.75rem;\n            }\n            .footer-bottom-links a:hover { color: var(--gold); }\n            @media (max-width: 1024px) {\n                .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }\n                .footer-main { padding: 40px 0 24px; }\n            }\n            @media (max-width: 768px) {\n                .footer-grid { grid-template-columns: 1fr; gap: 24px; }\n                .footer-main { padding: 32px 0 20px; }\n                .footer-brand .fb-logo img { height: 34px; }\n                .footer-col h4 { font-size: 0.85rem; }\n                .footer-bottom .container { flex-direction: column; text-align: center; gap: 12px; }\n                .footer-bottom .fb-left { text-align: center; }\n                .footer-bottom-links { justify-content: center; flex-wrap: wrap; gap: 12px; }\n                .footer-bottom .fb-left .copy { font-size: 0.75rem; }\n            }\n            @media (max-width: 480px) {\n                .footer-main { padding: 24px 0 16px; }\n                .footer-grid { gap: 20px; }\n                .footer-brand .fb-logo img { height: 28px; }\n                .footer-col ul li a { font-size: 0.78rem; }\n                .footer-contact li { font-size: 0.78rem; }\n                .footer-bottom-links { gap: 8px; }\n                .footer-bottom-links a { font-size: 0.72rem; }\n            }\n            </style>\n            <footer class=\"footer\">\n                <div class=\"footer-main\">\n                    <div class=\"container\">\n                        <div class=\"footer-grid\">\n                            <div class=\"footer-brand\">\n                                <div class=\"fb-logo\">\n                                    <img src=\"/dynaweb4/img/logo.png\" alt=\"Logo Agensi\">\n                                    \n                                </div>\n                                <p>{{ t(\"dynaweb4_desc\") }}</p>\n                                <div class=\"social-links\">\n                                    <a href=\"#\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"></i></a>\n                                    <a href=\"#\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"></i></a>\n                                    <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"></i></a>\n                                    <a href=\"#\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"></i></a>\n                                </div>\n                            </div>\n                            <div class=\"footer-col\">\n                                <h4>Pautan Utama</h4>\n                                <ul>\n                                    @foreach($mainLinks as $link)\n                                    @php $lt = $link->translations->first(); @endphp\n                                    @if($lt)\n                                    <li><a href=\"{{ $link->application_url }}\" {{ str_starts_with($link->application_url ?? \'\', \'http\') ? \'target=\"_blank\" rel=\"noopener\"\' : \'\' }}>{{ $lt->application_translation_title }}</a></li>\n                                    @endif\n                                    @endforeach\n                                </ul>\n                            </div>\n                            <div class=\"footer-col\">\n                                <h4>Sambungan</h4>\n                                <ul>\n                                    @foreach($externalLinks as $link)\n                                    @php $lt = $link->translations->first(); @endphp\n                                    @if($lt)\n                                    <li><a href=\"{{ $link->application_url }}\" target=\"_blank\" rel=\"noopener\">{{ $lt->application_translation_title }}</a></li>\n                                    @endif\n                                    @endforeach\n                                </ul>\n                            </div>\n                            <div class=\"footer-col\">\n                                <h4>Hubungi Kami</h4>\n                                <ul class=\"footer-contact\">\n                                    <li><i class=\"fas fa-map-marker-alt\"></i> <span>LG-10, Lower Ground Floor, SACC Mall, 40000 Shah Alam, Selangor, MALAYSIA</span></li>\n                                    <li><i class=\"fas fa-envelope\"></i> <span>webmaster@dynaweb.com</span></li>\n                                    <li><i class=\"fas fa-phone\"></i> <span>+603-8888 0000</span></li>\n                                    <li><i class=\"fas fa-fax\"></i> <span>+603-8888 1111</span></li>\n                                </ul>\n                            </div>\n                            <div class=\"visitor-stats\">\n                                <h5>Statistik Pelawat</h5>\n                                <div class=\"v-row\">\n                                    <div class=\"v-item\"><span class=\"v-label\">Hari Ini</span><span class=\"v-value\">{{ number_format($todayVisits) }}</span></div>\n                                    <div class=\"v-item\"><span class=\"v-label\">Minggu Ini</span><span class=\"v-value\">{{ number_format($thisWeek) }}</span></div>\n                                    <div class=\"v-item\"><span class=\"v-label\">Bulan Ini</span><span class=\"v-value\">{{ number_format($thisMonth) }}</span></div>\n                                    <div class=\"v-item\"><span class=\"v-label\">Tahun Ini</span><span class=\"v-value\">{{ number_format($thisYear) }}</span></div>\n                                    <div class=\"v-item\"><span class=\"v-label\">Jumlah</span><span class=\"v-value\">{{ number_format($totalVisits) }}</span></div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"footer-bottom\">\n                    <div class=\"container\">\n                        <div class=\"fb-left\">\n                            <div class=\"copy\">&copy; 2026. Hak Cipta Terpelihara.</div>\n                            <div class=\"browser-note\">Paparan terbaik menggunakan pelayar Mozilla Firefox dan Google Chrome dengan resolusi skrin 1366x768.</div>\n                        </div>\n                        <div class=\"footer-bottom-links\">\n                            <a href=\"#\">Penafian</a>\n                            <a href=\"#\">Dasar Privasi</a>\n                            <a href=\"#\">Dasar Keselamatan</a>\n                            <a href=\"#\">Perlindungan Data</a>\n                        </div>\n                    </div>\n                </div>\n            </footer>', 'PHP', 'Footer', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(3, 'News Web', 'news_web', '@php\n            $items = \\App\\Models\\Backend\\ContentArticle::with([\'translations\' => function($q) use ($lang) { $q->where(\'article_translation_language\', $lang); }])->where(\'article_category\', \'NEWS\')->where(\'article_status\', \'ACTIVE\')->orderBy(\'article_date\', \'desc\')->orderBy(\'created_at\', \'desc\')->get();\n            @endphp\n            @if($items->count())\n            <section class=\"berita-section\">\n                <div class=\"container\">\n                    <div class=\"berita-header\">\n                        <span class=\"berita-badge\">Berita</span>\n                        <h1 class=\"berita-title\">Berita Terkini</h1>\n                        <p class=\"berita-subtitle\">Ikuti perkembangan terkini dan pengumuman rasmi.</p>\n                    </div>\n                    <div class=\"berita-grid\">\n                        @foreach($items as $item)\n                        @php $t = $item->translations->first(); @endphp\n                        @if($t)\n                        <a href=\"/{{ $siteSlug }}/article-web?id={{ $item->article_code }}\" class=\"berita-card\">\n                            @if($item->article_image)\n                            <div class=\"berita-card-img\">\n<img src=\"{{ image_url($item->article_image) }}\" alt=\"{{ $t->article_translation_title ?? \'\' }}\">\n                            </div>\n                            @endif\n                            <div class=\"berita-card-body\">\n                                <div class=\"berita-meta\">\n                                    <span class=\"berita-date\">{{ \\Carbon\\Carbon::parse($item->article_date)->format(\'d M Y\') }}</span>\n                                </div>\n                                <h2 class=\"berita-card-title\">{{ $t->article_translation_title }}</h2>\n                                <p class=\"berita-card-excerpt\">{{ strip_tags(Str::limit($t->article_translation_content, 150)) }}</p>\n                                <span class=\"berita-readmore\">Baca Selengkapnya <i class=\"fas fa-arrow-right\"></i></span>\n                            </div>\n                        </a>\n                        @endif\n                        @endforeach\n                    </div>\n                </div>\n            </section>\n            <style>\n            .berita-section { padding: 60px 0 80px; background: var(--gray-50); min-height: 60vh; }\n            .berita-header { text-align: center; margin-bottom: 50px; }\n            .berita-badge { display: inline-block; background: var(--accent-light); color: var(--accent); padding: 6px 16px; border-radius: 999px; font-size: 0.75rem; font-weight: 600; margin-bottom: 16px; }\n            .berita-title { font-size: 2rem; font-weight: 700; color: var(--gray-900); margin: 0 0 12px; }\n            .berita-subtitle { color: var(--gray-400); font-size: 1rem; margin: 0; }\n            .berita-grid { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }\n            .berita-card { display: block; background: var(--white); border-radius: 16px; border: 1px solid var(--gray-200); padding: 24px 28px; text-decoration: none; transition: box-shadow 0.2s, border-color 0.2s; }\n            .berita-card:hover { box-shadow: var(--shadow-lg); border-color: var(--accent); }\n            .berita-card-img { width: 100%; height: 180px; border-radius: 12px; overflow: hidden; margin-bottom: 14px; } .berita-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .berita-card-body { }\n            .berita-meta { margin-bottom: 10px; }\n            .berita-date { font-size: 0.8rem; color: var(--gray-400); }\n            .berita-card-title { font-size: 1.1rem; font-weight: 600; color: var(--gray-900); margin: 0 0 8px; line-height: 1.4; }\n            .berita-card:hover .berita-card-title { color: var(--primary); }\n            .berita-card-excerpt { font-size: 0.88rem; color: var(--gray-500); margin: 0 0 14px; line-height: 1.6; }\n            .berita-readmore { font-size: 0.85rem; color: var(--accent); font-weight: 500; display: inline-flex; align-items: center; gap: 6px; }\n            .berita-readmore i { font-size: 0.75rem; }\n            .berita-card:hover .berita-readmore { gap: 10px; }\n            @media (max-width: 768px) {\n                .berita-section { padding: 30px 0 50px; }\n                .berita-title { font-size: 1.4rem; }\n                .berita-card { padding: 18px 20px; }\n            }\n            @media (max-width: 480px) {\n                .berita-title { font-size: 1.2rem; }\n                .berita-card { padding: 16px; }\n            }\n            </style>\n            @else\n            <section style=\"padding:80px 0;text-align:center;background:var(--gray-50);min-height:50vh;\"><div class=\"container\"><i class=\"fas fa-newspaper\" style=\"font-size:3rem;color:var(--gray-300);margin-bottom:20px;\"></i><h2 style=\"color:var(--gray-500);font-weight:500;font-size:1.2rem;\">Tiada Berita</h2><p style=\"color:var(--gray-400);margin:10px 0 30px;\">Tiada berita buat masa ini.</p><a href=\"/{{ $siteSlug }}\" style=\"display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:white;border-radius:10px;text-decoration:none;font-size:0.85rem;\"><i class=\"fas fa-arrow-left\"></i> Kembali</a></div></section>\n            @endif\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08');
INSERT INTO `frontend_components` (`id`, `name`, `code`, `content`, `type`, `category`, `status`, `created_at`, `updated_at`) VALUES
(4, 'Download Web', 'download_web', '@php\n            $allDownloads = \\App\\Models\\Backend\\ContentDownload::where(\'download_status\', \'ACTIVE\')->where(\'download_language\', $lang)->orderBy(\'download_category\')->orderBy(\'download_title\')->get();\n            $categories = \\App\\Models\\Backend\\Ref::where(\'cat\', \'DOWNLOAD_CAT\')->orderBy(\'sort\')->pluck(\'descr\', \'code\');\n            $grouped = [];\n            foreach ($allDownloads as $d) {\n                $catCode = $d->download_category ?? \'OTHER\';\n                $grouped[$catCode][] = $d;\n            }\n            @endphp\n            @if($allDownloads->count())\n            <section class=\"download-section\">\n                <div class=\"container\">\n                    <div class=\"download-header\">\n                        <span class=\"download-badge\">Muat Turun</span>\n                        <h1 class=\"download-title\">Dokumen & Sumber</h1>\n                        <p class=\"download-subtitle\">Muat turun borang, panduan, laporan dan dokumen-dokumen lain yang diperlukan.</p>\n                    </div>\n            \n                    <div class=\"download-grid\">\n                        @foreach($grouped as $catCode => $items)\n                        @php $catName = $categories[$catCode] ?? $catCode; @endphp\n                        <div class=\"download-category\">\n                            <h2 class=\"download-cat-title\">{{ $catName }}</h2>\n                            <div class=\"download-list\">\n                                @foreach($items as $item)\n                                <div class=\"download-item\">\n                                    <div class=\"download-info\">\n                                        <span class=\"download-item-title\">{{ $item->download_title }}</span>\n                                        @if($item->download_source)\n                                        <span class=\"download-source\">{{ $item->download_source }}</span>\n                                        @endif\n                                    </div>\n                                    @if($item->download_file)\n                                    <a href=\"{{ image_url($item->download_file) }}\" class=\"download-btn\" download>\n                                        <i class=\"fas fa-download\"></i> Muat Turun\n                                    </a>\n                                    @else\n                                    <span class=\"download-btn disabled\">\n                                        <i class=\"fas fa-clock\"></i> Segera\n                                    </span>\n                                    @endif\n                                </div>\n                                @endforeach\n                            </div>\n                        </div>\n                        @endforeach\n                    </div>\n                </div>\n            </section>\n            \n            <style>\n            .download-section {\n                padding: 60px 0 80px;\n                background: var(--gray-50);\n                min-height: 60vh;\n            }\n            .download-header {\n                text-align: center;\n                margin-bottom: 50px;\n            }\n            .download-badge {\n                display: inline-block;\n                background: var(--accent-light);\n                color: var(--accent);\n                padding: 6px 16px;\n                border-radius: 999px;\n                font-size: 0.75rem;\n                font-weight: 600;\n                margin-bottom: 16px;\n            }\n            .download-title {\n                font-size: 2rem;\n                font-weight: 700;\n                color: var(--gray-900);\n                margin: 0 0 12px;\n            }\n            .download-subtitle {\n                color: var(--gray-400);\n                font-size: 1rem;\n                margin: 0;\n            }\n            .download-grid {\n                max-width: 900px;\n                margin: 0 auto;\n                display: flex;\n                flex-direction: column;\n                gap: 40px;\n            }\n            .download-category {\n            \n            }\n            .download-cat-title {\n                font-size: 1.2rem;\n                font-weight: 600;\n                color: var(--gray-900);\n                margin: 0 0 16px;\n                padding-bottom: 12px;\n                border-bottom: 2px solid var(--gray-200);\n                display: flex;\n                align-items: center;\n                gap: 10px;\n            }\n            .download-cat-title::before {\n                content: \'\';\n                width: 4px;\n                height: 20px;\n                background: var(--accent);\n                border-radius: 2px;\n                display: block;\n            }\n            .download-list {\n                display: flex;\n                flex-direction: column;\n                gap: 8px;\n            }\n            .download-item {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                gap: 16px;\n                background: var(--white);\n                padding: 16px 20px;\n                border-radius: 12px;\n                border: 1px solid var(--gray-200);\n                transition: box-shadow 0.2s, border-color 0.2s;\n            }\n            .download-item:hover {\n                border-color: var(--accent);\n                box-shadow: var(--shadow-md);\n            }\n            .download-info {\n                flex: 1;\n                min-width: 0;\n            }\n            .download-item-title {\n                display: block;\n                font-size: 0.9rem;\n                font-weight: 500;\n                color: var(--gray-800);\n                margin-bottom: 4px;\n            }\n            .download-source {\n                display: block;\n                font-size: 0.8rem;\n                color: var(--gray-400);\n            }\n            .download-btn {\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                padding: 8px 18px;\n                background: var(--primary);\n                color: var(--white);\n                border-radius: 8px;\n                font-size: 0.8rem;\n                font-weight: 500;\n                text-decoration: none;\n                white-space: nowrap;\n                transition: background 0.2s;\n            }\n            .download-btn:hover {\n                background: var(--primary-light);\n            }\n            .download-btn.disabled {\n                background: var(--gray-200);\n                color: var(--gray-400);\n                cursor: default;\n                pointer-events: none;\n            }\n            .download-btn i { font-size: 0.75rem; }\n            @media (max-width: 768px) {\n                .download-section { padding: 30px 0 50px; }\n                .download-title { font-size: 1.4rem; }\n                .download-item { flex-direction: column; align-items: stretch; gap: 12px; }\n                .download-btn { justify-content: center; }\n            }\n            @media (max-width: 480px) {\n                .download-title { font-size: 1.2rem; }\n                .download-item { padding: 14px 16px; }\n            }\n            </style>\n            @else\n            <section style=\"padding:80px 0;text-align:center;background:var(--gray-50);min-height:50vh;\">\n                <div class=\"container\">\n                    <i class=\"fas fa-download\" style=\"font-size:3rem;color:var(--gray-300);margin-bottom:20px;\"></i>\n                    <h2 style=\"color:var(--gray-500);font-weight:500;font-size:1.2rem;\">Tiada Muat Turun</h2>\n                    <p style=\"color:var(--gray-400);margin:10px 0 30px;\">Tiada dokumen muat turun buat masa ini. Sila kembali semula kemudian.</p>\n                    <a href=\"/{{ $siteSlug }}\" style=\"display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:white;border-radius:10px;text-decoration:none;font-size:0.85rem;\"><i class=\"fas fa-arrow-left\"></i> Kembali ke Laman Utama</a>\n                </div>\n            </section>\n            @endif\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(5, 'Gallery Web', 'gallery_web', '@php\n            $items = \\App\\Models\\Backend\\ContentPhotoGallery::with([\'translations\' => function($q) use ($lang) { $q->where(\'gallery_translation_language\', $lang); }])->where(\'gallery_status\', \'ACTIVE\')->orderBy(\'gallery_date\', \'desc\')->get();\n            @endphp\n            @if($items->count())\n            <section class=\"galeri-section\">\n                <div class=\"container\">\n                    <div class=\"galeri-header\">\n                        <span class=\"galeri-badge\">Galeri</span>\n                        <h1 class=\"galeri-title\">Galeri Foto</h1>\n                        <p class=\"galeri-subtitle\">Koleksi gambar dan foto-foto rasmi.</p>\n                    </div>\n                    <div class=\"galeri-grid\">\n                        @foreach($items as $item)\n                        @php $t = $item->translations->first(); @endphp\n                        <div class=\"galeri-card\">\n                            <div class=\"galeri-img\">\n                                @if($item->gallery_thumbnail)\n                                <img src=\"{{ image_url($item->gallery_thumbnail) }}\" alt=\"{{ $t->gallery_translation_title ?? \'\' }}\">\n                                @else\n                                <div class=\"galeri-img-placeholder\"><i class=\"fas fa-image\"></i></div>\n                                @endif\n                            </div>\n                            <div class=\"galeri-overlay\">\n                                <h3>{{ $t->gallery_translation_title ?? \'Galeri\' }}</h3>\n                                @if($t->gallery_translation_descr)<p>{{ Str::limit($t->gallery_translation_descr, 100) }}</p>@endif\n                            </div>\n                        </div>\n                        @endforeach\n                    </div>\n                </div>\n            </section>\n            <style>\n            .galeri-section { padding: 60px 0 80px; background: var(--gray-50); min-height: 60vh; }\n            .galeri-header { text-align: center; margin-bottom: 50px; }\n            .galeri-badge { display: inline-block; background: var(--accent-light); color: var(--accent); padding: 6px 16px; border-radius: 999px; font-size: 0.75rem; font-weight: 600; margin-bottom: 16px; }\n            .galeri-title { font-size: 2rem; font-weight: 700; color: var(--gray-900); margin: 0 0 12px; }\n            .galeri-subtitle { color: var(--gray-400); font-size: 1rem; margin: 0; }\n            .galeri-grid { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }\n            .galeri-card { position: relative; border-radius: 16px; overflow: hidden; aspect-ratio: 4/3; cursor: pointer; }\n            .galeri-img { width: 100%; height: 100%; }\n            .galeri-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s; }\n            .galeri-card:hover .galeri-img img { transform: scale(1.08); }\n            .galeri-img-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: var(--gray-100); color: var(--gray-300); font-size: 2.5rem; }\n            .galeri-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; background: linear-gradient(transparent, rgba(0,0,0,0.7)); color: white; }\n            .galeri-overlay h3 { font-size: 0.95rem; font-weight: 600; margin: 0 0 4px; }\n            .galeri-overlay p { font-size: 0.8rem; margin: 0; opacity: 0.85; }\n            @media (max-width: 768px) {\n                .galeri-section { padding: 30px 0 50px; }\n                .galeri-title { font-size: 1.4rem; }\n                .galeri-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }\n            }\n            </style>\n            @else\n            <section style=\"padding:80px 0;text-align:center;background:var(--gray-50);min-height:50vh;\"><div class=\"container\"><i class=\"fas fa-images\" style=\"font-size:3rem;color:var(--gray-300);margin-bottom:20px;\"></i><h2 style=\"color:var(--gray-500);font-weight:500;font-size:1.2rem;\">Tiada Galeri</h2><p style=\"color:var(--gray-400);margin:10px 0 30px;\">Tiada galeri foto buat masa ini.</p><a href=\"/{{ $siteSlug }}\" style=\"display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:white;border-radius:10px;text-decoration:none;font-size:0.85rem;\"><i class=\"fas fa-arrow-left\"></i> Kembali</a></div></section>\n            @endif\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(6, 'Video Web', 'video_web', '@php\n            $items = \\App\\Models\\Backend\\ContentVideo::with([\'translations\' => function($q) use ($lang) { $q->where(\'video_translation_language\', $lang); }])->where(\'video_status\', \'ACTIVE\')->orderBy(\'video_date\', \'desc\')->get();\n            @endphp\n            @if($items->count())\n            <section class=\"video-section\">\n                <div class=\"container\">\n                    <div class=\"video-header\">\n                        <span class=\"video-badge\">Video</span>\n                        <h1 class=\"video-title\">Video</h1>\n                        <p class=\"video-subtitle\">Koleksi video dan tayangan multimedia rasmi.</p>\n                    </div>\n                    <div class=\"video-grid\">\n                        @foreach($items as $item)\n                        @php $t = $item->translations->first(); @endphp\n                        <div class=\"video-card\">\n                            <div class=\"video-thumb\">\n                                @if($item->video_img)\n                                <img src=\"{{ image_url($item->video_img) }}\" alt=\"{{ $t->video_translation_title ?? \'\' }}\">\n                                @elseif($item->video_external)\n                                <div class=\"video-embed\" style=\"padding:56.25% 0 0 0;position:relative;\"><iframe src=\"{{ $item->video_external }}\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;border:0;\" allowfullscreen></iframe></div>\n                                @else\n                                <div class=\"video-placeholder\"><i class=\"fas fa-video\"></i></div>\n                                @endif\n                            </div>\n                            @if($t)\n                            <div class=\"video-info\">\n                                <h3 class=\"video-title-text\">{{ $t->video_translation_title }}</h3>\n                                @if($t->video_translation_content)<p class=\"video-desc\">{{ Str::limit($t->video_translation_content, 120) }}</p>@endif\n                            </div>\n                            @endif\n                        </div>\n                        @endforeach\n                    </div>\n                </div>\n            </section>\n            <style>\n            .video-section { padding: 60px 0 80px; background: var(--gray-50); min-height: 60vh; }\n            .video-header { text-align: center; margin-bottom: 50px; }\n            .video-badge { display: inline-block; background: var(--accent-light); color: var(--accent); padding: 6px 16px; border-radius: 999px; font-size: 0.75rem; font-weight: 600; margin-bottom: 16px; }\n            .video-title { font-size: 2rem; font-weight: 700; color: var(--gray-900); margin: 0 0 12px; }\n            .video-subtitle { color: var(--gray-400); font-size: 1rem; margin: 0; }\n            .video-grid { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }\n            .video-card { background: var(--white); border-radius: 16px; overflow: hidden; border: 1px solid var(--gray-200); transition: box-shadow 0.2s; }\n            .video-card:hover { box-shadow: var(--shadow-lg); }\n            .video-thumb { }\n            .video-thumb img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }\n            .video-placeholder { width: 100%; aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; background: var(--gray-100); color: var(--gray-300); font-size: 2.5rem; }\n            .video-embed { }\n            .video-info { padding: 16px 18px; }\n            .video-title-text { font-size: 0.95rem; font-weight: 600; color: var(--gray-900); margin: 0 0 6px; }\n            .video-desc { font-size: 0.82rem; color: var(--gray-500); margin: 0; line-height: 1.5; }\n            @media (max-width: 768px) {\n                .video-section { padding: 30px 0 50px; }\n                .video-title { font-size: 1.4rem; }\n                .video-grid { grid-template-columns: 1fr; }\n            }\n            </style>\n            @else\n            <section style=\"padding:80px 0;text-align:center;background:var(--gray-50);min-height:50vh;\"><div class=\"container\"><i class=\"fas fa-video\" style=\"font-size:3rem;color:var(--gray-300);margin-bottom:20px;\"></i><h2 style=\"color:var(--gray-500);font-weight:500;font-size:1.2rem;\">Tiada Video</h2><p style=\"color:var(--gray-400);margin:10px 0 30px;\">Tiada video buat masa ini.</p><a href=\"/{{ $siteSlug }}\" style=\"display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:white;border-radius:10px;text-decoration:none;font-size:0.85rem;\"><i class=\"fas fa-arrow-left\"></i> Kembali</a></div></section>\n            @endif\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(7, 'FAQ Web', 'faq_web', '@php\n            $faqs = \\App\\Models\\Backend\\ContentArticle::with([\'translations\' => function($q) use ($lang) { $q->where(\'article_translation_language\', $lang); }])->where(\'article_category\', \'ARTICLE\')->where(\'article_status\', \'ACTIVE\')->orderBy(\'article_sorting\')->orderBy(\'created_at\', \'desc\')->get();\n            $num = 1;\n            @endphp\n            @if($faqs->count())\n            <section class=\"faq-section\">\n                <div class=\"container\">\n                    <div class=\"faq-header\">\n                        <span class=\"faq-badge\">FAQ</span>\n                        <h1 class=\"faq-title\">Soalan Lazim</h1>\n                        <p class=\"faq-subtitle\">Cari jawapan kepada soalan-soalan yang sering ditanya.</p>\n                    </div>\n            \n                    <div class=\"faq-list\" id=\"faq-list\">\n                        @foreach($faqs as $faq)\n                        @php $t = $faq->translations->first(); @endphp\n                        @if($t)\n                        <div class=\"faq-item\">\n                            <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                                <span class=\"faq-number\">{{ $num }}</span>\n                                <span class=\"faq-text\">{{ $t->article_translation_title }}</span>\n                                <span class=\"faq-icon\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M4.79175 7.396L10.0001 12.6043L15.2084 7.396\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n                                </span>\n                            </button>\n                            <div class=\"faq-answer\">\n                                <div class=\"faq-answer-inner\">\n                                    {!! $t->article_translation_content !!}\n                                </div>\n                                <a href=\"/{{ $siteSlug }}/article-web?id={{ $faq->article_code }}\" class=\"faq-readmore\">Baca selengkapnya <i class=\"fas fa-arrow-right\"></i></a>\n                            </div>\n                        </div>\n                        @php $num++; @endphp\n                        @endif\n                        @endforeach\n                    </div>\n                </div>\n            </section>\n            \n            <style>\n            .faq-section {\n                padding: 60px 0 80px;\n                background: var(--gray-50);\n                min-height: 60vh;\n            }\n            .faq-header {\n                text-align: center;\n                margin-bottom: 50px;\n            }\n            .faq-badge {\n                display: inline-block;\n                background: var(--accent-light);\n                color: var(--accent);\n                padding: 6px 16px;\n                border-radius: 999px;\n                font-size: 0.75rem;\n                font-weight: 600;\n                margin-bottom: 16px;\n            }\n            .faq-title {\n                font-size: 2rem;\n                font-weight: 700;\n                color: var(--gray-900);\n                margin: 0 0 12px;\n            }\n            .faq-subtitle {\n                color: var(--gray-400);\n                font-size: 1rem;\n                margin: 0;\n            }\n            .faq-list {\n                max-width: 800px;\n                margin: 0 auto;\n                display: flex;\n                flex-direction: column;\n                gap: 12px;\n            }\n            .faq-item {\n                background: var(--white);\n                border-radius: 16px;\n                border: 1px solid var(--gray-200);\n                overflow: hidden;\n                transition: box-shadow 0.3s;\n            }\n            .faq-item:hover {\n                box-shadow: var(--shadow-lg);\n            }\n            .faq-question {\n                width: 100%;\n                display: flex;\n                align-items: center;\n                gap: 16px;\n                padding: 20px 24px;\n                background: none;\n                border: none;\n                cursor: pointer;\n                text-align: left;\n                font-size: 1rem;\n                color: var(--gray-800);\n                font-weight: 500;\n                transition: background 0.2s;\n                position: relative;\n            }\n            .faq-question:hover {\n                background: var(--gray-50);\n            }\n            .faq-question.active {\n                color: var(--primary);\n            }\n            .faq-number {\n                width: 32px;\n                height: 32px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background: var(--gray-100);\n                color: var(--gray-500);\n                border-radius: 8px;\n                font-size: 0.8rem;\n                font-weight: 600;\n                flex-shrink: 0;\n            }\n            .faq-question.active .faq-number {\n                background: var(--primary);\n                color: white;\n            }\n            .faq-text {\n                flex: 1;\n            }\n            .faq-icon {\n                flex-shrink: 0;\n                color: var(--gray-400);\n                transition: transform 0.3s;\n            }\n            .faq-question.active .faq-icon {\n                transform: rotate(180deg);\n                color: var(--primary);\n            }\n            .faq-answer {\n                display: none;\n                border-top: 1px solid var(--gray-100);\n            }\n            .faq-answer.open {\n                display: block;\n            }\n            .faq-answer-inner {\n                padding: 20px 24px 12px;\n                color: var(--gray-600);\n                font-size: 0.95rem;\n                line-height: 1.8;\n            }\n            .faq-answer-inner p { margin-bottom: 1rem; }\n            .faq-answer-inner ul, .faq-answer-inner ol { padding-left: 20px; margin-bottom: 1rem; }\n            .faq-answer-inner li { margin-bottom: 6px; }\n            .faq-readmore {\n                display: inline-flex;\n                align-items: center;\n                gap: 6px;\n                margin: 0 24px 20px;\n                color: var(--primary);\n                font-size: 0.85rem;\n                font-weight: 500;\n                text-decoration: none;\n                transition: gap 0.2s;\n            }\n            .faq-readmore:hover {\n                gap: 10px;\n                text-decoration: underline;\n            }\n            @media (max-width: 768px) {\n                .faq-section { padding: 30px 0 50px; }\n                .faq-title { font-size: 1.4rem; }\n                .faq-question { padding: 16px 18px; font-size: 0.9rem; gap: 12px; }\n                .faq-answer-inner { padding: 16px 18px 10px; font-size: 0.9rem; }\n                .faq-number { width: 28px; height: 28px; font-size: 0.7rem; }\n            }\n            @media (max-width: 480px) {\n                .faq-title { font-size: 1.2rem; }\n                .faq-question { padding: 14px 16px; gap: 10px; }\n            }\n            </style>\n            \n            <script>\n            function toggleFaq(btn) {\n                var item = btn.parentElement;\n                var answer = item.querySelector(\'.faq-answer\');\n                var isOpen = answer.classList.contains(\'open\');\n            \n                document.querySelectorAll(\'#faq-list .faq-answer.open\').forEach(function(el) {\n                    el.classList.remove(\'open\');\n                });\n                document.querySelectorAll(\'#faq-list .faq-question.active\').forEach(function(el) {\n                    el.classList.remove(\'active\');\n                });\n            \n                if (!isOpen) {\n                    answer.classList.add(\'open\');\n                    btn.classList.add(\'active\');\n                }\n            }\n            </script>\n            @else\n            <section style=\"padding:80px 0;text-align:center;background:var(--gray-50);min-height:50vh;\">\n                <div class=\"container\">\n                    <i class=\"fas fa-question-circle\" style=\"font-size:3rem;color:var(--gray-300);margin-bottom:20px;\"></i>\n                    <h2 style=\"color:var(--gray-500);font-weight:500;font-size:1.2rem;\">Tiada Soalan Lazim</h2>\n                    <p style=\"color:var(--gray-400);margin:10px 0 30px;\">Tiada soalan lazim buat masa ini. Sila kembali semula kemudian.</p>\n                    <a href=\"/{{ $siteSlug }}\" style=\"display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:white;border-radius:10px;text-decoration:none;font-size:0.85rem;\"><i class=\"fas fa-arrow-left\"></i> Kembali ke Laman Utama</a>\n                </div>\n            </section>\n            @endif\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(8, 'Sitemap Web', 'sitemap_web', '@php\n            use App\\Models\\Backend\\menu\\frontend\\MenuCategory;\n            use App\\Models\\Backend\\menu\\frontend\\RoleMapping;\n            \n            $navbarCategoryId = MenuCategory::where(\'category_name\', \'Navbar Public\')->value(\'category_id\');\n            \n            $buildSitemap = function($parentId = 0, $level = 0) use (&$buildSitemap, $navbarCategoryId) {\n                $items = RoleMapping::with(\'menu\')\n                    ->where(\'role_code\', \'public\')\n                    ->where(\'category_id\', $navbarCategoryId)\n                    ->where(\'parent_id\', $parentId)\n                    ->where(\'status\', true)\n                    ->orderBy(\'sort\')\n                    ->get()\n                    ->unique(\'menu_id\');\n            \n                $tree = [];\n                foreach ($items as $item) {\n                    if (!$item->menu || !$item->menu->menu_status) continue;\n                    $tree[] = [\n                        \'menu\' => $item->menu,\n                        \'level\' => $level,\n                        \'children\' => $buildSitemap($item->menu_id, $level + 1),\n                    ];\n                }\n                return $tree;\n            };\n            \n            $sitemap = $buildSitemap();\n            @endphp\n            <section class=\"sitemap-section\">\n                <div class=\"container\">\n                    <div class=\"sitemap-header\">\n                        <h1><span>Peta</span> Laman</h1>\n                        <p>Senarai halaman dan pautan yang tersedia dalam portal ini.</p>\n                    </div>\n                    @if(count($sitemap))\n                    <div class=\"sitemap-grid\">\n                        @foreach($sitemap as $item)\n                        <div class=\"sitemap-card\">\n                            <a href=\"{{ $item[\'menu\']->menu_link ?? \'#\' }}\" class=\"sitemap-card-title\">\n                                @if($item[\'menu\']->menu_icon)<i class=\"{{ $item[\'menu\']->menu_icon }}\"></i>@endif\n                                {{ $item[\'menu\']->menu_name }}\n                            </a>\n                            @if(count($item[\'children\']))\n                            <ul class=\"sitemap-list\">\n                                @foreach($item[\'children\'] as $child)\n                                <li>\n                                    <a href=\"{{ $child[\'menu\']->menu_link ?? \'#\' }}\">{{ $child[\'menu\']->menu_name }}</a>\n                                    @if(count($child[\'children\']))\n                                    <ul class=\"sitemap-sublist\">\n                                        @foreach($child[\'children\'] as $sub)\n                                        <li><a href=\"{{ $sub[\'menu\']->menu_link ?? \'#\' }}\">{{ $sub[\'menu\']->menu_name }}</a></li>\n                                        @endforeach\n                                    </ul>\n                                    @endif\n                                </li>\n                                @endforeach\n                            </ul>\n                            @else\n                            <p class=\"sitemap-no-children\">Pautan langsung ke {{ $item[\'menu\']->menu_name }}.</p>\n                            @endif\n                        </div>\n                        @endforeach\n                    </div>\n                    @else\n                    <div class=\"sitemap-empty\">\n                        <p>Tiada pautan buat masa ini.</p>\n                    </div>\n                    @endif\n                </div>\n            </section>\n            <style>\n            .sitemap-section { padding: 60px 0 80px; background: var(--gray-50); min-height: 60vh; }\n            .sitemap-header { text-align: center; margin-bottom: 50px; }\n            .sitemap-header h1 { font-size: 2rem; font-weight: 700; color: var(--gray-900); margin: 0 0 10px; }\n            .sitemap-header h1 span { color: var(--accent); }\n            .sitemap-header p { color: var(--gray-400); font-size: 1rem; margin: 0; }\n            .sitemap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n            .sitemap-card { background: var(--white); border-radius: 16px; border: 1px solid var(--gray-200); padding: 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }\n            .sitemap-card-title { display: flex; align-items: center; gap: 10px; font-size: 1rem; font-weight: 700; color: var(--gray-900); text-decoration: none; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid var(--accent-light); }\n            .sitemap-card-title i { color: var(--accent); }\n            .sitemap-card-title:hover { color: var(--accent); }\n            .sitemap-list { list-style: none; padding: 0; margin: 0; }\n            .sitemap-list li { margin-bottom: 10px; }\n            .sitemap-list li > a { display: block; font-size: 0.88rem; font-weight: 500; color: var(--gray-700); text-decoration: none; padding: 8px 12px; border-radius: 8px; transition: all 0.2s; }\n            .sitemap-list li > a:hover { background: var(--gray-50); color: var(--accent); padding-left: 16px; }\n            .sitemap-sublist { list-style: none; padding: 0 0 0 16px; margin: 4px 0 0; border-left: 2px solid var(--gray-200); }\n            .sitemap-sublist li { margin-bottom: 4px; }\n            .sitemap-sublist li a { display: block; font-size: 0.8rem; color: var(--gray-500); text-decoration: none; padding: 6px 10px; border-radius: 6px; transition: all 0.2s; }\n            .sitemap-sublist li a:hover { color: var(--accent); background: var(--gray-50); }\n            .sitemap-no-children { font-size: 0.85rem; color: var(--gray-400); margin: 0; padding: 8px 0; }\n            .sitemap-empty { text-align: center; padding: 60px 0; color: var(--gray-400); }\n            @media (max-width: 1024px) { .sitemap-grid { grid-template-columns: repeat(2, 1fr); } }\n            @media (max-width: 768px) { .sitemap-grid { grid-template-columns: 1fr; } .sitemap-header h1 { font-size: 1.5rem; } }\n            </style>\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(9, 'Calendar Web', 'calendar_web', '@php\n            $items = \\App\\Models\\Backend\\ContentCalendar::with([\'translations\' => function($q) use ($lang) { $q->where(\'calendar_translation_language\', $lang); }])->where(\'calendar_status\', \'ACTIVE\')->orderBy(\'calendar_date_start\')->get();\n            $categories = \\App\\Models\\Backend\\Ref::where(\'cat\', \'CALENDAR_CATEGORY\')->pluck(\'descr\', \'code\');\n            $types = \\App\\Models\\Backend\\Ref::where(\'cat\', \'CALENDAR_TYPE\')->pluck(\'descr\', \'code\');\n            @endphp\n            @if($items->count())\n            <section class=\"cal-section\"><div class=\"container\">\n            <div class=\"cal-header\">\n            <span class=\"cal-badge\">Kalendar</span>\n            <h1 class=\"cal-title\">Kalendar Aktiviti</h1>\n            <p class=\"cal-subtitle\">Senarai aktiviti, mesyuarat dan program yang akan datang.</p>\n            </div>\n            <div class=\"cal-list\">\n            @foreach($items as $item)\n            @php $t = $item->translations->first(); @endphp\n            <div class=\"cal-item\">\n            <div class=\"cal-date-box\">\n            <span class=\"cal-date-day\">{{ date(\'d\', strtotime($item->calendar_date_start)) }}</span>\n            <span class=\"cal-date-month\">{{ date(\'M\', strtotime($item->calendar_date_start)) }}</span>\n            </div>\n            <div class=\"cal-info\">\n            @if($t)<h3 class=\"cal-title-text\">{{ $t->calendar_translation_title }}</h3>@endif\n            <div class=\"cal-meta\">\n            <span class=\"cal-cat\">{{ $categories[$item->calendar_category] ?? $item->calendar_category }}</span>\n            <span class=\"cal-type\">{{ $types[$item->calendar_type] ?? $item->calendar_type }}</span>\n            </div>\n            @if($t && $t->calendar_translation_location)<span class=\"cal-location\"><i class=\"fas fa-map-marker-alt\"></i> {{ $t->calendar_translation_location }}</span>@endif\n            @if($t && $t->calendar_translation_content)<p class=\"cal-desc\">{{ Str::limit($t->calendar_translation_content, 120) }}</p>@endif\n            </div>\n            <div class=\"cal-time-box\">\n            @if($item->calendar_time_start)<span class=\"cal-time\">{{ substr($item->calendar_time_start, 0, 5) }}</span>@endif\n            @if($item->calendar_time_end)<span class=\"cal-time-sep\">-</span><span class=\"cal-time\">{{ substr($item->calendar_time_end, 0, 5) }}</span>@endif\n            </div>\n            </div>\n            @endforeach\n            </div>\n            </div></section>\n            <style>\n            .cal-section{padding:60px 0 80px;background:var(--gray-50);min-height:60vh;}\n            .cal-header{text-align:center;margin-bottom:50px;}\n            .cal-badge{display:inline-block;background:var(--accent-light);color:var(--accent);padding:6px 16px;border-radius:999px;font-size:.75rem;font-weight:600;margin-bottom:16px;}\n            .cal-title{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 12px;}\n            .cal-subtitle{color:var(--gray-400);font-size:1rem;margin:0;}\n            .cal-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}\n            .cal-item{display:flex;align-items:flex-start;gap:16px;background:var(--white);padding:18px 22px;border-radius:14px;border:1px solid var(--gray-200);transition:box-shadow .2s;}\n            .cal-item:hover{box-shadow:var(--shadow-lg);}\n            .cal-date-box{width:60px;text-align:center;flex-shrink:0;padding-top:4px;}\n            .cal-date-day{display:block;font-size:1.4rem;font-weight:700;color:var(--accent);line-height:1.2;}\n            .cal-date-month{display:block;font-size:.7rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;}\n            .cal-info{flex:1;min-width:0;}\n            .cal-title-text{font-size:.95rem;font-weight:600;color:var(--gray-900);margin:0 0 6px;}\n            .cal-meta{display:flex;gap:8px;margin-bottom:6px;flex-wrap:wrap;}\n            .cal-cat{font-size:.7rem;background:var(--gray-100);color:var(--gray-500);padding:2px 10px;border-radius:999px;font-weight:500;}\n            .cal-type{font-size:.7rem;color:var(--gray-400);}\n            .cal-location{display:block;font-size:.8rem;color:var(--gray-500);margin-bottom:4px;}\n            .cal-location i{font-size:.7rem;margin-right:4px;}\n            .cal-desc{font-size:.82rem;color:var(--gray-400);margin:4px 0 0;line-height:1.5;}\n            .cal-time-box{text-align:center;flex-shrink:0;min-width:60px;padding-top:4px;}\n            .cal-time{display:block;font-size:.78rem;color:var(--gray-500);font-weight:500;}\n            .cal-time-sep{display:none;}\n            @media(max-width:768px){.cal-section{padding:30px 0 50px;}.cal-title{font-size:1.4rem;}.cal-item{padding:14px 16px;gap:12px;}.cal-date-day{font-size:1.1rem;}}\n            @media(max-width:480px){.cal-title{font-size:1.2rem;}.cal-item{flex-wrap:wrap;}.cal-time-box{width:100%;text-align:left;padding-left:76px;}}\n            </style>\n            @else\n            <section style=\"padding:80px 0;text-align:center;background:var(--gray-50);min-height:50vh;\"><div class=\"container\"><i class=\"fas fa-calendar-check\" style=\"font-size:3rem;color:var(--gray-300);margin-bottom:20px;\"></i><h2 style=\"color:var(--gray-500);font-weight:500;font-size:1.2rem;\">Tiada Aktiviti</h2><p style=\"color:var(--gray-400);margin:10px 0 30px;\">Tiada aktiviti berjadual buat masa ini.</p><a href=\"/{{ $siteSlug }}\" style=\"display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:white;border-radius:10px;text-decoration:none;font-size:.85rem;\"><i class=\"fas fa-arrow-left\"></i> Kembali</a></div></section>\n            @endif\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08');
INSERT INTO `frontend_components` (`id`, `name`, `code`, `content`, `type`, `category`, `status`, `created_at`, `updated_at`) VALUES
(10, 'Contact Us Web', 'contact_us_web', '@php\n            $success = session(\'success\');\n            if (!$success && request()->isMethod(\'POST\')) {\n                $data = request()->validate([\n                    \'name\' => \'required|string|max:255\',\n                    \'email\' => \'nullable|email|max:255\',\n                    \'subject\' => \'required|string|max:255\',\n                    \'feedback\' => \'required|string\',\n                    \'type\' => \'nullable|string|max:255\',\n                    \'cat\' => \'nullable|string|max:255\',\n                ]);\n                $data[\'ticket_no\'] = \\App\\Models\\Backend\\ContentFeedbackMain::generateTicketNo();\n                $data[\'status\'] = \'PENDING\';\n                \\App\\Models\\Backend\\ContentFeedbackMain::create($data);\n                $success = true;\n            }\n            @endphp\n            <section class=\"contact-section\">\n                <div class=\"container\">\n                    <div class=\"contact-header\">\n                        <span class=\"contact-badge\">Hubungi Kami</span>\n                        <h1 class=\"contact-title\">Hubungi Kami</h1>\n                        <p class=\"contact-subtitle\">Ada sebarang pertanyaan atau maklum balas? Jangan ragu untuk menghubungi kami.</p>\n                    </div>\n            \n                    <div class=\"contact-grid\">\n                        <div class=\"contact-info\">\n                            <div class=\"contact-info-card\">\n                                <div class=\"contact-info-icon\"><i class=\"fas fa-map-marker-alt\"></i></div>\n                                <h3>Alamat</h3>\n                                <p>Aras 1, Pusat Pentadbiran Kerajaan Persekutuan<br>Putrajaya</p>\n                            </div>\n                            <div class=\"contact-info-card\">\n                                <div class=\"contact-info-icon\"><i class=\"fas fa-phone-alt\"></i></div>\n                                <h3>Telefon</h3>\n                                <p>03-8000 8000</p>\n                                <span class=\"contact-info-note\">Isnin - Jumaat, 8:00 PG - 5:00 PTG</span>\n                            </div>\n                            <div class=\"contact-info-card\">\n                                <div class=\"contact-info-icon\"><i class=\"fas fa-envelope\"></i></div>\n                                <h3>Emel</h3>\n                                <p>admin@jabatan.gov.my</p>\n                            </div>\n                        </div>\n            \n                        <div class=\"contact-form-wrap\">\n                            @if($success)\n                            <div class=\"contact-success\">\n                                <i class=\"fas fa-check-circle\"></i>\n                                <h3>Berjaya Dihantar!</h3>\n                                <p>Pesan anda telah dihantar. Terima kasih!</p>\n                            </div>\n                            @else\n                            <form method=\"POST\" action=\"{{ request()->url() }}\" class=\"contact-form\">\n                                @csrf\n                                <div class=\"form-row\">\n                                    <div class=\"form-group\">\n                                        <label for=\"name\">Nama Penuh <span class=\"required\">*</span></label>\n                                        <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"Masukkan nama penuh\" value=\"{{ old(\'name\') }}\">\n                                        @error(\'name\') <span class=\"form-error\">{{ $message }}</span> @enderror\n                                    </div>\n                                    <div class=\"form-group\">\n                                        <label for=\"email\">Emel</label>\n                                        <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Masukkan alamat emel\" value=\"{{ old(\'email\') }}\">\n                                        @error(\'email\') <span class=\"form-error\">{{ $message }}</span> @enderror\n                                    </div>\n                                </div>\n                                <div class=\"form-row\">\n                                    <div class=\"form-group\">\n                                        <label for=\"type\">Jenis <span class=\"required\">*</span></label>\n                                        <select id=\"type\" name=\"type\" required>\n                                            <option value=\"\">-- Pilih Jenis --</option>\n                                            <option value=\"INQUIRY\" {{ old(\'type\') == \'INQUIRY\' ? \'selected\' : \'\' }}>Pertanyaan</option>\n                                            <option value=\"FEEDBACK\" {{ old(\'type\') == \'FEEDBACK\' ? \'selected\' : \'\' }}>Maklum Balas</option>\n                                            <option value=\"COMPLAINT\" {{ old(\'type\') == \'COMPLAINT\' ? \'selected\' : \'\' }}>Aduan</option>\n                                            <option value=\"SUGGESTION\" {{ old(\'type\') == \'SUGGESTION\' ? \'selected\' : \'\' }}>Cadangan</option>\n                                            <option value=\"REQUEST\" {{ old(\'type\') == \'REQUEST\' ? \'selected\' : \'\' }}>Permintaan</option>\n                                        </select>\n                                        @error(\'type\') <span class=\"form-error\">{{ $message }}</span> @enderror\n                                    </div>\n                                    <div class=\"form-group\">\n                                        <label for=\"cat\">Kategori</label>\n                                        <select id=\"cat\" name=\"cat\">\n                                            <option value=\"\">-- Pilih Kategori --</option>\n                                            <option value=\"ACCOUNTS\" {{ old(\'cat\') == \'ACCOUNTS\' ? \'selected\' : \'\' }}>Akaun</option>\n                                            <option value=\"OTHERS\" {{ old(\'cat\') == \'OTHERS\' ? \'selected\' : \'\' }}>Lain-lain</option>\n                                        </select>\n                                        @error(\'cat\') <span class=\"form-error\">{{ $message }}</span> @enderror\n                                    </div>\n                                </div>\n                                <div class=\"form-group\">\n                                    <label for=\"subject\">Subjek <span class=\"required\">*</span></label>\n                                    <input type=\"text\" id=\"subject\" name=\"subject\" required placeholder=\"Masukkan subjek\" value=\"{{ old(\'subject\') }}\">\n                                    @error(\'subject\') <span class=\"form-error\">{{ $message }}</span> @enderror\n                                </div>\n                                <div class=\"form-group\">\n                                    <label for=\"feedback\">Mesej <span class=\"required\">*</span></label>\n                                    <textarea id=\"feedback\" name=\"feedback\" rows=\"6\" required placeholder=\"Tulis mesej anda di sini...\">{{ old(\'feedback\') }}</textarea>\n                                    @error(\'feedback\') <span class=\"form-error\">{{ $message }}</span> @enderror\n                                </div>\n                                <button type=\"submit\" class=\"contact-submit-btn\"><i class=\"fas fa-paper-plane\"></i> Hantar Mesej</button>\n                            </form>\n                            @endif\n                        </div>\n                    </div>\n                </div>\n            </section>\n            \n            <style>\n            .contact-section {\n                padding: 60px 0 80px;\n                background: var(--gray-50);\n                min-height: 60vh;\n            }\n            .contact-header {\n                text-align: center;\n                margin-bottom: 50px;\n            }\n            .contact-badge {\n                display: inline-block;\n                background: var(--accent-light);\n                color: var(--accent);\n                padding: 6px 16px;\n                border-radius: 999px;\n                font-size: 0.75rem;\n                font-weight: 600;\n                margin-bottom: 16px;\n            }\n            .contact-title {\n                font-size: 2rem;\n                font-weight: 700;\n                color: var(--gray-900);\n                margin: 0 0 12px;\n            }\n            .contact-subtitle {\n                color: var(--gray-400);\n                font-size: 1rem;\n                margin: 0;\n            }\n            .contact-grid {\n                display: grid;\n                grid-template-columns: 1fr 1.5fr;\n                gap: 40px;\n                max-width: 1000px;\n                margin: 0 auto;\n                align-items: start;\n            }\n            .contact-info {\n                display: flex;\n                flex-direction: column;\n                gap: 16px;\n            }\n            .contact-info-card {\n                background: var(--white);\n                padding: 24px;\n                border-radius: 16px;\n                border: 1px solid var(--gray-200);\n                transition: box-shadow 0.2s;\n            }\n            .contact-info-card:hover {\n                box-shadow: var(--shadow-md);\n            }\n            .contact-info-icon {\n                width: 44px;\n                height: 44px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background: var(--accent-light);\n                color: var(--accent);\n                border-radius: 12px;\n                font-size: 1.1rem;\n                margin-bottom: 14px;\n            }\n            .contact-info-card h3 {\n                font-size: 0.95rem;\n                font-weight: 600;\n                color: var(--gray-900);\n                margin: 0 0 6px;\n            }\n            .contact-info-card p {\n                font-size: 0.85rem;\n                color: var(--gray-600);\n                margin: 0;\n                line-height: 1.6;\n            }\n            .contact-info-note {\n                display: block;\n                font-size: 0.75rem;\n                color: var(--gray-400);\n                margin-top: 4px;\n            }\n            .contact-form-wrap {\n                background: var(--white);\n                padding: 32px;\n                border-radius: 16px;\n                border: 1px solid var(--gray-200);\n            }\n            .contact-form {\n                display: flex;\n                flex-direction: column;\n                gap: 20px;\n            }\n            .form-row {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 16px;\n            }\n            .form-group {\n                display: flex;\n                flex-direction: column;\n                gap: 6px;\n            }\n            .form-group label {\n                font-size: 0.85rem;\n                font-weight: 500;\n                color: var(--gray-700);\n            }\n            .required { color: var(--accent); }\n            .form-group input,\n            .form-group select,\n            .form-group textarea {\n                padding: 10px 14px;\n                border: 1px solid var(--gray-200);\n                border-radius: 10px;\n                font-size: 0.9rem;\n                font-family: inherit;\n                color: var(--gray-800);\n                background: var(--white);\n                transition: border-color 0.2s;\n                outline: none;\n                width: 100%;\n            }\n            .form-group input:focus,\n            .form-group select:focus,\n            .form-group textarea:focus {\n                border-color: var(--primary);\n            }\n            .form-group textarea { resize: vertical; }\n            .form-error {\n                font-size: 0.75rem;\n                color: var(--accent);\n            }\n            .contact-submit-btn {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                gap: 8px;\n                padding: 14px 32px;\n                background: var(--primary);\n                color: var(--white);\n                border: none;\n                border-radius: 10px;\n                font-size: 0.9rem;\n                font-weight: 500;\n                cursor: pointer;\n                transition: background 0.2s;\n                width: 100%;\n            }\n            .contact-submit-btn:hover {\n                background: var(--primary-light);\n            }\n            .contact-submit-btn i { font-size: 0.85rem; }\n            .contact-success {\n                text-align: center;\n                padding: 40px 20px;\n            }\n            .contact-success i {\n                font-size: 3rem;\n                color: var(--teal);\n                margin-bottom: 16px;\n            }\n            .contact-success h3 {\n                font-size: 1.2rem;\n                font-weight: 600;\n                color: var(--gray-900);\n                margin: 0 0 8px;\n            }\n            .contact-success p {\n                color: var(--gray-400);\n                font-size: 0.9rem;\n                margin: 0;\n            }\n            @media (max-width: 768px) {\n                .contact-section { padding: 30px 0 50px; }\n                .contact-title { font-size: 1.4rem; }\n                .contact-grid { grid-template-columns: 1fr; gap: 24px; }\n                .form-row { grid-template-columns: 1fr; }\n                .contact-form-wrap { padding: 24px; }\n            }\n            @media (max-width: 480px) {\n                .contact-title { font-size: 1.2rem; }\n                .contact-form-wrap { padding: 20px; }\n            }\n            </style>\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(11, 'Directory Web', 'directory_web', '@php\n            $depts = DB::table(\'content_directory_departments\')->orderBy(\'directory_department_sort\')->orderBy(\'directory_department_name\')->get();\n            $selectedDept = request()->query(\'dept\');\n            $staffQuery = DB::table(\'content_directory_staff\')->where(\'directory_staff_status\', 1);\n            if ($selectedDept) {\n                $staffQuery->where(\'directory_staff_department_id\', $selectedDept);\n            }\n            $staffList = $staffQuery->orderBy(\'directory_staff_sort\')->orderBy(\'directory_staff_name\')->get();\n            @endphp\n            <section class=\"dir-section\"><div class=\"container\">\n            <div class=\"dir-header\">\n            <span class=\"dir-badge\">Direktori</span>\n            <h1 class=\"dir-title\">Direktori Kakitangan</h1>\n            <p class=\"dir-subtitle\">Senarai bahagian dan kakitangan jabatan.</p>\n            </div>\n            \n            <div class=\"dir-filter\">\n            <form method=\"GET\" action=\"{{ request()->url() }}\">\n            <select name=\"dept\" onchange=\"this.form.submit()\">\n            <option value=\"\">-- Pilih Bahagian --</option>\n            @foreach($depts as $d)\n            <option value=\"{{ $d->directory_department_id }}\" {{ $selectedDept == $d->directory_department_id ? \'selected\' : \'\' }}>{{ $d->directory_department_name }}</option>\n            @endforeach\n            </select>\n            @if($selectedDept)\n            <a href=\"{{ request()->url() }}\" class=\"dir-reset\">Set Semula</a>\n            @endif\n            </form>\n            </div>\n            \n            @if($staffList->count())\n            <div class=\"dir-table-wrap\">\n            <table class=\"dir-table\">\n            <thead>\n            <tr>\n            <th>Bil.</th>\n            <th>Nama</th>\n            <th>Jawatan</th>\n            <th>Emel</th>\n            <th>Telefon</th>\n            </tr>\n            </thead>\n            <tbody>\n            @foreach($staffList as $i => $s)\n            <tr>\n            <td class=\"dir-num\">{{ $i + 1 }}</td>\n            <td class=\"dir-name\">\n            <div class=\"dir-name-cell\">\n            <div class=\"dir-photo\">\n            @if($s->directory_staff_photo)\n            <img src=\"{{ image_url($s->directory_staff_photo) }}\" alt=\"{{ $s->directory_staff_name }}\">\n            @else\n            <div class=\"dir-photo-placeholder\"><i class=\"fas fa-user\"></i></div>\n            @endif\n            </div>\n            <span>{{ $s->directory_staff_name }}</span>\n            </div>\n            </td>\n            <td class=\"dir-pos\">{{ $s->directory_staff_position ?? \'-\' }}</td>\n            <td class=\"dir-email\">@if($s->directory_staff_email)<a href=\"mailto:{{ $s->directory_staff_email }}\">{{ $s->directory_staff_email }}</a>@else - @endif</td>\n            <td class=\"dir-phone\">{{ $s->directory_staff_phone ?? \'-\' }}</td>\n            </tr>\n            @endforeach\n            </tbody>\n            </table>\n            </div>\n            @else\n            <div class=\"dir-empty\">\n            <p>Tiada kakitangan dijumpai untuk bahagian yang dipilih.</p>\n            </div>\n            @endif\n            \n            <div class=\"dir-note\">\n            <p><strong>Nota:</strong></p>\n            <ol>\n            <li>Untuk menghantar emel, klik pada alamat emel yang berkenaan.</li>\n            <li>TIDAK DIBENARKAN menggunakan maklumat ini untuk tujuan pengiklanan, pemasaran dan penjualan produk dan perkhidmatan serta menyebar maklumat pegawai tanpa kebenaran.</li>\n            </ol>\n            </div>\n            \n            </div></section>\n            \n            <style>\n            .dir-section{padding:60px 0 80px;background:var(--gray-50);min-height:60vh;}\n            .dir-header{text-align:center;margin-bottom:40px;}\n            .dir-badge{display:inline-block;background:var(--accent-light);color:var(--accent);padding:6px 16px;border-radius:999px;font-size:.75rem;font-weight:600;margin-bottom:16px;}\n            .dir-title{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 12px;}\n            .dir-subtitle{color:var(--gray-400);font-size:1rem;margin:0;}\n            .dir-filter{max-width:600px;margin:0 auto 30px;}\n            .dir-filter form{display:flex;gap:10px;}\n            .dir-filter select{flex:1;padding:10px 14px;border:1px solid var(--gray-200);border-radius:10px;font-size:.9rem;font-family:inherit;color:var(--gray-800);background:var(--white);outline:none;}\n            .dir-filter select:focus{border-color:var(--primary);}\n            .dir-reset{display:inline-flex;align-items:center;padding:10px 18px;background:var(--gray-100);color:var(--gray-600);border-radius:10px;text-decoration:none;font-size:.85rem;white-space:nowrap;}\n            .dir-reset:hover{background:var(--gray-200);}\n            .dir-table-wrap{max-width:950px;margin:0 auto;overflow-x:auto;border-radius:14px;border:1px solid var(--gray-200);background:var(--white);}\n            .dir-table{width:100%;border-collapse:collapse;font-size:.88rem;}\n            .dir-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--gray-700);background:var(--gray-50);border-bottom:2px solid var(--gray-200);white-space:nowrap;}\n            .dir-table td{padding:11px 16px;border-bottom:1px solid var(--gray-100);color:var(--gray-600);}\n            .dir-table tr:last-child td{border-bottom:none;}\n            .dir-table tr:hover td{background:var(--gray-50);}\n            .dir-num{width:50px;text-align:center;color:var(--gray-400);font-size:.8rem;}\n            .dir-name{font-weight:500;color:var(--gray-800);}\n            .dir-name-cell{display:flex;align-items:center;gap:10px;}\n            .dir-photo{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;}\n            .dir-photo img{width:100%;height:100%;object-fit:cover;display:block;}\n            .dir-photo-placeholder{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gray-100);color:var(--gray-300);font-size:.85rem;}\n            .dir-pos{color:var(--gray-500);}\n            .dir-email a{color:var(--primary);text-decoration:none;}\n            .dir-email a:hover{text-decoration:underline;}\n            .dir-phone{color:var(--gray-500);}\n            .dir-empty{max-width:600px;margin:30px auto 0;text-align:center;padding:30px;background:var(--white);border-radius:12px;border:1px solid var(--gray-200);color:var(--gray-400);}\n            .dir-note{max-width:800px;margin:40px auto 0;padding:20px 24px;background:var(--white);border-radius:12px;border:1px solid var(--gray-200);font-size:.82rem;color:var(--gray-500);line-height:1.7;}\n            .dir-note ol{padding-left:20px;margin:8px 0 0;}\n            .dir-note li{margin-bottom:4px;}\n            @media(max-width:768px){.dir-section{padding:30px 0 50px;}.dir-title{font-size:1.4rem;}.dir-filter select{font-size:.82rem;}.dir-table th,.dir-table td{padding:8px 10px;font-size:.8rem;}}\n            @media(max-width:480px){.dir-title{font-size:1.2rem;}}\n            </style>\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(12, 'Publication Web', 'publication_web', '@php\n            $items = \\App\\Models\\Backend\\ContentDownload::where(\'download_status\', \'ACTIVE\')->where(\'download_language\', $lang)->whereIn(\'download_category\', [\'REPORT\', \'POLICY\', \'MANUAL\'])->orderBy(\'download_date\', \'desc\')->get();\n            $categories = \\App\\Models\\Backend\\Ref::where(\'cat\', \'DOWNLOAD_CAT\')->orderBy(\'sort\')->pluck(\'descr\', \'code\');\n            @endphp\n            @if($items->count())\n            <section class=\"penerbitan-section\">\n                <div class=\"container\">\n                    <div class=\"penerbitan-header\">\n                        <span class=\"penerbitan-badge\">Penerbitan</span>\n                        <h1 class=\"penerbitan-title\">Penerbitan</h1>\n                        <p class=\"penerbitan-subtitle\">Koleksi laporan, dasar dan manual rasmi.</p>\n                    </div>\n                    <div class=\"penerbitan-list\">\n                        @foreach($items as $item)\n                        <div class=\"penerbitan-item\">\n                            <div class=\"penerbitan-icon\">\n                                <i class=\"fas fa-file-alt\"></i>\n                            </div>\n                            <div class=\"penerbitan-info\">\n                                <span class=\"penerbitan-item-title\">{{ $item->download_title }}</span>\n                                <span class=\"penerbitan-item-cat\">{{ $categories[$item->download_category] ?? $item->download_category }}</span>\n                                @if($item->download_source)<span class=\"penerbitan-source\">{{ $item->download_source }}</span>@endif\n                            </div>\n                            @if($item->download_file)\n                            <a href=\"{{ image_url($item->download_file) }}\" class=\"penerbitan-btn\" download><i class=\"fas fa-download\"></i> Muat Turun</a>\n                            @else\n                            <span class=\"penerbitan-btn disabled\"><i class=\"fas fa-clock\"></i> Segera</span>\n                            @endif\n                        </div>\n                        @endforeach\n                    </div>\n                </div>\n            </section>\n            <style>\n            .penerbitan-section { padding: 60px 0 80px; background: var(--gray-50); min-height: 60vh; }\n            .penerbitan-header { text-align: center; margin-bottom: 50px; }\n            .penerbitan-badge { display: inline-block; background: var(--accent-light); color: var(--accent); padding: 6px 16px; border-radius: 999px; font-size: 0.75rem; font-weight: 600; margin-bottom: 16px; }\n            .penerbitan-title { font-size: 2rem; font-weight: 700; color: var(--gray-900); margin: 0 0 12px; }\n            .penerbitan-subtitle { color: var(--gray-400); font-size: 1rem; margin: 0; }\n            .penerbitan-list { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 8px; }\n            .penerbitan-item { display: flex; align-items: center; gap: 16px; background: var(--white); padding: 18px 22px; border-radius: 12px; border: 1px solid var(--gray-200); transition: box-shadow 0.2s, border-color 0.2s; }\n            .penerbitan-item:hover { border-color: var(--primary); box-shadow: var(--shadow-md); }\n            .penerbitan-icon { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: var(--gray-100); color: var(--primary); border-radius: 10px; font-size: 1.2rem; flex-shrink: 0; }\n            .penerbitan-info { flex: 1; min-width: 0; }\n            .penerbitan-item-title { display: block; font-size: 0.9rem; font-weight: 500; color: var(--gray-800); margin-bottom: 2px; }\n            .penerbitan-item-cat { font-size: 0.78rem; color: var(--gray-400); }\n            .penerbitan-source { display: block; font-size: 0.78rem; color: var(--gray-400); margin-top: 2px; }\n            .penerbitan-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; background: var(--primary); color: white; border-radius: 8px; font-size: 0.8rem; font-weight: 500; text-decoration: none; white-space: nowrap; transition: background 0.2s; }\n            .penerbitan-btn:hover { background: var(--primary-light); }\n            .penerbitan-btn.disabled { background: var(--gray-200); color: var(--gray-400); cursor: default; pointer-events: none; }\n            .penerbitan-btn i { font-size: 0.75rem; }\n            @media (max-width: 768px) {\n                .penerbitan-section { padding: 30px 0 50px; }\n                .penerbitan-title { font-size: 1.4rem; }\n                .penerbitan-item { flex-direction: column; align-items: stretch; gap: 12px; }\n                .penerbitan-btn { justify-content: center; }\n            }\n            </style>\n            @else\n            <section style=\"padding:80px 0;text-align:center;background:var(--gray-50);min-height:50vh;\"><div class=\"container\"><i class=\"fas fa-book-open\" style=\"font-size:3rem;color:var(--gray-300);margin-bottom:20px;\"></i><h2 style=\"color:var(--gray-500);font-weight:500;font-size:1.2rem;\">Tiada Penerbitan</h2><p style=\"color:var(--gray-400);margin:10px 0 30px;\">Tiada penerbitan buat masa ini.</p><a href=\"/{{ $siteSlug }}\" style=\"display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:white;border-radius:10px;text-decoration:none;font-size:0.85rem;\"><i class=\"fas fa-arrow-left\"></i> Kembali</a></div></section>\n            @endif\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(13, 'Holiday Web', 'holiday_web', '@php\n            $items = DB::table(\'content_public_holidays\')->where(\'public_holiday_status\', \'ACTIVE\')->orderBy(\'public_holiday_start_date\')->get();\n            $months = [\'\', \'Januari\', \'Februari\', \'Mac\', \'April\', \'Mei\', \'Jun\', \'Julai\', \'Ogos\', \'September\', \'Oktober\', \'November\', \'Disember\'];\n            $grouped = [];\n            foreach ($items as $h) {\n                $m = date(\'n\', strtotime($h->public_holiday_start_date));\n                $grouped[$m][] = $h;\n            }\n            @endphp\n            @if($items->count())\n            <section class=\"holiday-section\"><div class=\"container\">\n            <div class=\"holiday-header\">\n            <span class=\"holiday-badge\">Cuti Umum</span>\n            <h1 class=\"holiday-title\">Cuti Umum 2026</h1>\n            <p class=\"holiday-subtitle\">Senarai cuti umum dan perayaan bagi tahun semasa.</p>\n            </div>\n            <div class=\"holiday-list\">\n            @foreach($grouped as $m => $hols)\n            <div class=\"holiday-month\">\n            <h2 class=\"holiday-month-title\">{{ $months[$m] ?? $m }}</h2>\n            @foreach($hols as $h)\n            <div class=\"holiday-item\">\n            <div class=\"holiday-date-box\">\n            <span class=\"holiday-day\">{{ date(\'d\', strtotime($h->public_holiday_start_date)) }}</span>\n            </div>\n            <div class=\"holiday-info\">\n            <span class=\"holiday-name\">{{ $h->public_holiday_title }}</span>\n            <span class=\"holiday-range\">@if($h->public_holiday_start_date === $h->public_holiday_end_date){{ date(\'d M Y\', strtotime($h->public_holiday_start_date)) }}@else{{ date(\'d M\', strtotime($h->public_holiday_start_date)) }} - {{ date(\'d M Y\', strtotime($h->public_holiday_end_date)) }}@endif</span>\n            </div>\n            </div>\n            @endforeach\n            </div>\n            @endforeach\n            </div>\n            </div></section>\n            <style>\n            .holiday-section{padding:60px 0 80px;background:var(--gray-50);min-height:60vh;}\n            .holiday-header{text-align:center;margin-bottom:50px;}\n            .holiday-badge{display:inline-block;background:var(--accent-light);color:var(--accent);padding:6px 16px;border-radius:999px;font-size:.75rem;font-weight:600;margin-bottom:16px;}\n            .holiday-title{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 12px;}\n            .holiday-subtitle{color:var(--gray-400);font-size:1rem;margin:0;}\n            .holiday-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:30px;}\n            .holiday-month{}\n            .holiday-month-title{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--gray-200);}\n            .holiday-item{display:flex;align-items:center;gap:16px;background:var(--white);padding:14px 18px;border-radius:12px;border:1px solid var(--gray-200);margin-bottom:8px;transition:box-shadow .2s;}\n            .holiday-item:hover{box-shadow:var(--shadow-md);}\n            .holiday-date-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent);border-radius:10px;font-size:1.1rem;font-weight:700;flex-shrink:0;}\n            .holiday-info{flex:1;}\n            .holiday-name{display:block;font-size:.9rem;font-weight:500;color:var(--gray-800);margin-bottom:2px;}\n            .holiday-range{font-size:.78rem;color:var(--gray-400);}\n            @media(max-width:768px){.holiday-section{padding:30px 0 50px;}.holiday-title{font-size:1.4rem;}.holiday-item{padding:12px 14px;}}\n            @media(max-width:480px){.holiday-title{font-size:1.2rem;}}\n            </style>\n            @else\n            <section style=\"padding:80px 0;text-align:center;background:var(--gray-50);min-height:50vh;\"><div class=\"container\"><i class=\"fas fa-calendar-alt\" style=\"font-size:3rem;color:var(--gray-300);margin-bottom:20px;\"></i><h2 style=\"color:var(--gray-500);font-weight:500;font-size:1.2rem;\">Tiada Cuti Umum</h2><p style=\"color:var(--gray-400);margin:10px 0 30px;\">Tiada data cuti umum buat masa ini.</p><a href=\"/{{ $siteSlug }}\" style=\"display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:white;border-radius:10px;text-decoration:none;font-size:.85rem;\"><i class=\"fas fa-arrow-left\"></i> Kembali</a></div></section>\n            @endif\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(14, 'Article Web', 'article_web', '@php\n            $code = request()->query(\'id\');\n            $item = $code ? \\App\\Models\\Backend\\ContentArticle::with(\'translations\')->where(\'article_code\', $code)->where(\'article_status\', \'ACTIVE\')->first() : null;\n            @endphp\n            @if($item)\n            @php\n            $t = $item->translations->firstWhere(\'article_translation_language\', $lang) ?? $item->translations->first();\n            $catDescr = \\App\\Models\\Backend\\Ref::where(\'cat\', \'ARTICLE_CAT\')->where(\'code\', $item->article_category)->value(\'descr\') ?? $item->article_category;\n            @endphp\n            <section class=\"article-detail\">\n                <div class=\"container\">\n                    <div class=\"article-breadcrumb\">\n                        <a href=\"/{{ $siteSlug }}\">Utama</a>\n                        <span class=\"sep\">/</span>\n                        <span class=\"current\">Artikel</span>\n                    </div>\n            \n                    <div class=\"article-content\">\n                        @if($item->article_image)\n                        <div class=\"article-image\">\n                            <img src=\"{{ image_url($item->article_image) }}\" alt=\"{{ $t?->article_translation_title ?? \'\' }}\">\n                        </div>\n                        @endif\n            \n                        <div class=\"article-meta\">\n                            <span class=\"article-category\"><i class=\"fas fa-tag\"></i> {{ $catDescr }}</span>\n                            <span class=\"article-date\"><i class=\"fas fa-calendar-alt\"></i> {{ \\Carbon\\Carbon::parse($item->article_date)->format(\'d M Y\') }}</span>\n                        </div>\n            \n                        <h1 class=\"article-title\">{{ $t?->article_translation_title ?? \'Tidak Berjudul\' }}</h1>\n            \n                        <div class=\"article-body\">\n                            {!! $t?->article_translation_content ?? \'\' !!}\n                        </div>\n            \n                        <div class=\"article-footer\">\n                            <a href=\"/{{ $siteSlug }}\" class=\"btn-back\"><i class=\"fas fa-arrow-left\"></i> Kembali ke Laman Utama</a>\n                        </div>\n                    </div>\n                </div>\n            </section>\n            \n            <style>\n            .article-detail {\n                padding: 60px 0 80px;\n                background: var(--gray-50);\n                min-height: 60vh;\n            }\n            .article-breadcrumb {\n                font-size: 0.82rem;\n                color: var(--gray-400);\n                margin-bottom: 30px;\n                display: flex;\n                align-items: center;\n                gap: 8px;\n            }\n            .article-breadcrumb a {\n                color: var(--primary);\n                text-decoration: none;\n                transition: color 0.2s;\n            }\n            .article-breadcrumb a:hover { color: var(--accent); }\n            .article-breadcrumb .sep { color: var(--gray-300); }\n            .article-breadcrumb .current { color: var(--gray-500); font-weight: 500; }\n            .article-image {\n                border-radius: 16px;\n                overflow: hidden;\n                margin-bottom: 30px;\n                box-shadow: var(--shadow-lg);\n            }\n            .article-content {\n                max-width: 800px;\n                margin: 0 auto;\n            }\n            .article-image img {\n                width: 100%;\n                max-height: 400px;\n                object-fit: cover;\n                display: block;\n            }\n            .article-meta {\n                display: flex;\n                align-items: center;\n                gap: 20px;\n                margin-bottom: 20px;\n                flex-wrap: wrap;\n            }\n            .article-category {\n                display: inline-flex;\n                align-items: center;\n                gap: 6px;\n                background: var(--accent-light);\n                color: var(--accent);\n                padding: 6px 14px;\n                border-radius: 999px;\n                font-size: 0.75rem;\n                font-weight: 600;\n            }\n            .article-category i { font-size: 0.65rem; }\n            .article-date {\n                display: inline-flex;\n                align-items: center;\n                gap: 6px;\n                color: var(--gray-400);\n                font-size: 0.8rem;\n            }\n            .article-date i { font-size: 0.7rem; }\n            .article-title {\n                font-size: 2rem;\n                font-weight: 700;\n                color: var(--gray-900);\n                line-height: 1.3;\n                margin: 0 0 30px;\n                letter-spacing: -0.5px;\n            }\n            .article-body {\n                color: var(--gray-600);\n                font-size: 1.05rem;\n                line-height: 1.9;\n                overflow-wrap: break-word;\n                word-wrap: break-word;\n                hyphens: auto;\n            }\n            .article-body p { margin-bottom: 1.2rem; }\n            .article-body p.lead {\n                font-size: 1.15rem;\n                color: var(--gray-700);\n                font-weight: 500;\n                line-height: 1.7;\n                padding: 20px 24px;\n                background: var(--white);\n                border-left: 4px solid var(--accent);\n                border-radius: 0 12px 12px 0;\n                margin-bottom: 1.5rem;\n            }\n            .article-body h2 {\n                font-size: 1.4rem;\n                font-weight: 600;\n                color: var(--gray-900);\n                margin: 2rem 0 1rem;\n            }\n            .article-body ul {\n                padding-left: 20px;\n                margin-bottom: 1.2rem;\n            }\n            .article-body ul li {\n                margin-bottom: 8px;\n                list-style-type: disc;\n            }\n            .article-body ul li::marker { color: var(--accent); }\n            .article-body table {\n                width: 100%;\n                border-collapse: collapse;\n                margin-bottom: 1.5rem;\n                display: block;\n                overflow-x: auto;\n                -webkit-overflow-scrolling: touch;\n            }\n            .article-body table th,\n            .article-body table td {\n                padding: 10px 16px;\n                border: 1px solid var(--gray-200);\n                text-align: left;\n                vertical-align: top;\n                white-space: normal;\n            }\n            .article-body table th {\n                background: var(--primary);\n                color: white;\n                font-weight: 600;\n            }\n            .article-body table tr:nth-child(even) {\n                background: var(--gray-50);\n            }\n            .article-body img,\n            .article-body video,\n            .article-body iframe {\n                max-width: 100%;\n                height: auto;\n                border-radius: 12px;\n            }\n            .article-body pre,\n            .article-body code {\n                white-space: pre-wrap;\n                word-break: break-word;\n            }\n            .article-footer {\n                margin-top: 50px;\n                padding-top: 30px;\n                border-top: 1px solid var(--gray-200);\n            }\n            .btn-back {\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                padding: 12px 24px;\n                background: var(--primary);\n                color: var(--white);\n                border-radius: 10px;\n                font-size: 0.85rem;\n                font-weight: 500;\n                text-decoration: none;\n                transition: all 0.25s;\n            }\n            .btn-back:hover {\n                background: var(--primary-light);\n                transform: translateX(-3px);\n            }\n            .btn-back i { font-size: 0.75rem; }\n            @media (max-width: 768px) {\n                .article-detail { padding: 30px 0 50px; }\n                .article-image img { max-height: 220px; }\n                .article-title { font-size: 1.4rem; }\n                .article-body { font-size: 0.95rem; }\n                .article-content { max-width: 100%; }\n            }\n            @media (max-width: 480px) {\n                .article-detail { padding: 20px 0 40px; }\n                .article-image img { max-height: 180px; }\n                .article-title { font-size: 1.2rem; }\n                .article-body { font-size: 0.9rem; }\n                .article-meta { gap: 12px; }\n                .article-body p.lead { padding: 16px 18px; font-size: 1rem; }\n            }\n            </style>\n            @else\n            <section style=\"padding:80px 0;text-align:center;background:var(--gray-50);min-height:50vh;\">\n                <div class=\"container\">\n                    <i class=\"fas fa-file-alt\" style=\"font-size:3rem;color:var(--gray-300);margin-bottom:20px;\"></i>\n                    <h2 style=\"color:var(--gray-500);font-weight:500;font-size:1.2rem;\">Artikel tidak ditemui</h2>\n                    <p style=\"color:var(--gray-400);margin:10px 0 30px;\">Maaf, artikel yang anda cari tidak wujud atau telah dialihkan.</p>\n                    <a href=\"/{{ $siteSlug }}\" style=\"display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:white;border-radius:10px;text-decoration:none;font-size:0.85rem;\"><i class=\"fas fa-arrow-left\"></i> Kembali ke Laman Utama</a>\n                </div>\n            </section>\n            @endif', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08');
INSERT INTO `frontend_components` (`id`, `name`, `code`, `content`, `type`, `category`, `status`, `created_at`, `updated_at`) VALUES
(15, 'Slider Web', 'slider_web', '@php\n            $slides = \\App\\Models\\Backend\\ContentSlider::with([\'translations\' => function($q) use ($lang) { $q->where(\'slider_translation_language\', $lang); }])->where(\'slider_status\', \'ACTIVE\')->orderBy(\'slider_sort\')->get();\n            $gradients = [\n                \'linear-gradient(135deg, #0f172a 0%, #1c294c 50%, #c04849 100%)\',\n                \'linear-gradient(135deg, #1a0000 0%, #8f3536 50%, #c04849 100%)\',\n                \'linear-gradient(135deg, #0a1a00 0%, #0d9488 50%, #0369a1 100%)\',\n            ];\n            @endphp\n            @if($slides->count())\n            <section class=\"hero-slider\" id=\"main-content\">\n                <div class=\"slides\">\n                    @foreach($slides as $i => $slide)\n                    @php $t = $slide->translations->first(); $g = $gradients[$i % count($gradients)]; @endphp\n                    <div class=\"slide {{ $i === 0 ? \'active\' : \'\' }}\" data-index=\"{{ $i }}\">\n                        <div class=\"slide-bg\" style=\"background: {{ $t && $t->slider_translation_img ? \'url(\' . image_url($t->slider_translation_img) . \') center/cover no-repeat\' : $g }};\"></div>\n                        <div class=\"hero-shapes\">\n                            <div class=\"shape\"></div><div class=\"shape\"></div><div class=\"shape\"></div>\n                        </div>\n                        <div class=\"container\">\n                            <div class=\"slide-content\">\n                                @if($t)\n                                <h1>{!! nl2br(e($t->slider_translation_title)) !!}</h1>\n                                @endif\n                                <div class=\"hero-buttons\">\n                                    @if($slide->slider_url && $slide->slider_url_type !== \'NONE\')\n                                    <a href=\"{{ $slide->slider_url }}\" class=\"hero-btn hero-btn-primary\"><i class=\"fas fa-arrow-right\"></i> Maklumat Lanjut</a>\n                                    @endif\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    @endforeach\n                </div>\n                @if($slides->count() > 1)\n                <button class=\"slider-arrows prev\" onclick=\"slidePrev()\"><i class=\"fas fa-chevron-left\"></i></button>\n                <button class=\"slider-arrows next\" onclick=\"slideNext()\"><i class=\"fas fa-chevron-right\"></i></button>\n                <div class=\"slider-dots\">\n                    @foreach($slides as $i => $slide)\n                    <span class=\"dot {{ $i === 0 ? \'active\' : \'\' }}\" onclick=\"showSlide({{ $i }})\"></span>\n                    @endforeach\n                </div>\n                @endif\n            </section>\n            <style>\n            .hero-slider { position: relative; overflow: hidden; }\n            .hero-slider .slides { position: relative; min-height: 460px; display: flex; }\n            .hero-slider .slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.8s ease, transform 0.8s ease; transform: scale(1.02); }\n            .hero-slider .slide.active { opacity: 1; position: relative; transform: scale(1); flex: 1; }\n            .hero-slider .slide::before { content: \'\'; position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 50%, rgba(192,72,73,0.15) 0%, transparent 60%); z-index: 2; }\n            .hero-slider .slide::after { content: \'\'; position: absolute; inset: 0; background: radial-gradient(ellipse at 70% 80%, rgba(245,158,11,0.08) 0%, transparent 50%); z-index: 2; }\n            .hero-slider .slide .slide-bg { position: absolute; inset: 0; z-index: 1; }\n            .hero-slider .slide .hero-shapes { position: absolute; inset: 0; overflow: hidden; z-index: 1; }\n            .hero-shapes .shape { position: absolute; border-radius: 50%; background: rgba(255,255,255,0.03); }\n            .hero-shapes .shape:nth-child(1) { width: 400px; height: 400px; top: -100px; right: -80px; }\n            .hero-shapes .shape:nth-child(2) { width: 200px; height: 200px; bottom: 40px; left: 10%; }\n            .hero-shapes .shape:nth-child(3) { width: 120px; height: 120px; top: 30%; right: 25%; background: rgba(192,72,73,0.08); }\n            .hero-slider .container { position: relative; z-index: 3; height: 100%; display: flex; align-items: center; }\n            .hero-slider .slide-content { max-width: 650px; padding: 80px 0; }\n            .hero-slider .slide-content h1 { font-size: 2.6rem; font-weight: 800; color: var(--white); line-height: 1.15; margin: 0 0 12px; letter-spacing: -1px; }\n            .hero-slider .slide-content p { font-size: 1rem; color: rgba(255,255,255,0.7); line-height: 1.7; margin: 0 0 30px; max-width: 520px; }\n            .hero-buttons { display: flex; gap: 12px; flex-wrap: wrap; }\n            .hero-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: 10px; font-size: 0.85rem; font-weight: 600; text-decoration: none; transition: all 0.3s; position: relative; overflow: hidden; }\n            .hero-btn-primary { background: var(--accent); color: var(--white); }\n            .hero-btn-primary::before { content: \'\'; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent); opacity: 0; transition: opacity 0.3s; }\n            .hero-btn-primary:hover::before { opacity: 1; }\n            .hero-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(192,72,73,0.4); }\n            .hero-btn-secondary { background: rgba(255,255,255,0.1); color: var(--white); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); }\n            .hero-btn-secondary:hover { background: rgba(255,255,255,0.2); transform: translateY(-2px); }\n            .slider-arrows { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; background: rgba(255,255,255,0.1); border: none; color: white; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; backdrop-filter: blur(8px); transition: all 0.3s; font-size: 0.9rem; display: flex; align-items: center; justify-content: center; }\n            .slider-arrows:hover { background: rgba(255,255,255,0.25); transform: translateY(-50%) scale(1.08); }\n            .slider-arrows.prev { left: 20px; }\n            .slider-arrows.next { right: 20px; }\n            .slider-dots { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 5; display: flex; gap: 8px; }\n            .slider-dots .dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.3); cursor: pointer; transition: all 0.3s; }\n            .slider-dots .dot.active { background: var(--accent); width: 28px; border-radius: 5px; }\n            @media (max-width: 768px) {\n                .hero-slider .slides { min-height: 340px; }\n                .hero-slider .slide-content { padding: 50px 0; }\n                .hero-slider .slide-content h1 { font-size: 1.6rem; }\n                .hero-shapes { display: none; }\n                .slider-arrows { width: 36px; height: 36px; font-size: 0.75rem; }\n                .slider-arrows.prev { left: 10px; }\n                .slider-arrows.next { right: 10px; }\n                .hero-btn { padding: 10px 20px; font-size: 0.78rem; }\n            }\n            </style>\n            <script>\n            var totalSlides = {{ $slides->count() }};\n            var currentSlide = 0;\n            var slideInterval;\n            function showSlide(index) {\n                var slides = document.querySelectorAll(\".hero-slider .slide\");\n                var dots = document.querySelectorAll(\".slider-dots .dot\");\n                slides.forEach(function(s) { s.classList.remove(\"active\"); });\n                dots.forEach(function(d) { d.classList.remove(\"active\"); });\n                slides[index].classList.add(\"active\");\n                dots[index].classList.add(\"active\");\n                currentSlide = index;\n            }\n            function slideNext() { showSlide((currentSlide + 1) % totalSlides); resetInterval(); }\n            function slidePrev() { showSlide((currentSlide - 1 + totalSlides) % totalSlides); resetInterval(); }\n            function resetInterval() { clearInterval(slideInterval); slideInterval = setInterval(function() { slideNext(); }, 6000); }\n            if (totalSlides > 1) { slideInterval = setInterval(function() { slideNext(); }, 6000); }\n            </script>\n            @endif\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(16, 'Ticker Web', 'ticker_web', '@php\n            $news = \\App\\Models\\Backend\\ContentArticle::with([\"translations\" => function($q) use ($lang) { $q->where(\"article_translation_language\", $lang); }])->where(\"article_category\", \"NEWS\")->where(\"article_status\", \"ACTIVE\")->latest()->take(5)->get();\n            @endphp\n            <!-- ===== NEWS TICKER ===== -->\n                <div class=\"ticker-section\">\n                    <div class=\"container\">\n                        <div class=\"ticker-wrap\">\n                            <div class=\"ticker-label\"><i class=\"fas fa-bolt\"></i> TERKINI</div>\n                            <div class=\"ticker-content\">\n                                <p>@foreach($news as $item)@php $t = $item->translations->first(); @endphp@if($t){{$t->article_translation_title}} &bull; @endif @endforeach </p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            \n                \n            <style>\n            .ticker-section {\n                background: var(--white);\n                border-bottom: 1px solid var(--gray-200);\n            }\n            .ticker-wrap {\n                display: flex; align-items: stretch;\n                border-radius: 0;\n                overflow: hidden;\n            }\n            .ticker-label {\n                background: var(--accent);\n                color: white;\n                font-weight: 700;\n                font-size: 0.75rem;\n                padding: 10px 20px;\n                display: flex; align-items: center;\n                gap: 8px;\n                text-transform: uppercase;\n                letter-spacing: 1px;\n                flex-shrink: 0;\n            }\n            .ticker-label i { font-size: 0.8rem; }\n            .ticker-content {\n                flex: 1;\n                padding: 10px 20px;\n                overflow: hidden;\n                display: flex;\n                align-items: center;\n                position: relative;\n            }\n            .ticker-content p {\n                font-size: 0.82rem;\n                color: var(--gray-500);\n                white-space: nowrap;\n                margin: 0;\n                display: inline-block;\n                flex-shrink: 0;\n                padding-left: 100%;\n                animation: tickerScroll 25s linear infinite;\n            }\n            .ticker-content:hover p {\n                animation-play-state: paused;\n            }\n            @keyframes tickerScroll {\n                0% { transform: translateX(0); }\n                100% { transform: translateX(-100%); }\n            }\n            </style>\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(17, 'Modules Showcase Web', 'modules_showcase_web', '@php\n            $counts = [\n                \'artikel\' => \\App\\Models\\Backend\\ContentArticle::where(\'article_status\', \'ACTIVE\')->count(),\n                \'dokumen\' => \\App\\Models\\Backend\\ContentDownload::count(),\n                \'galeri\' => \\App\\Models\\Backend\\ContentPhotoGallery::count(),\n                \'foto\' => \\App\\Models\\Backend\\ContentPhotoList::count(),\n                \'slider\' => \\App\\Models\\Backend\\ContentSlider::count(),\n                \'imej\' => \\App\\Models\\Backend\\ContentImage::count(),\n                \'video\' => \\App\\Models\\Backend\\ContentVideo::count(),\n                \'kalendar\' => \\App\\Models\\Backend\\ContentCalendar::count(),\n                \'cuti\' => \\App\\Models\\Backend\\ContentPublicHoliday::count(),\n                \'jabatan\' => \\App\\Models\\Backend\\ContentDirectoryDepartment::count(),\n                \'staf\' => \\App\\Models\\Backend\\ContentDirectoryStaff::count(),\n            ];\n            @endphp\n            <section class=\"module-showcase\">\n                <div class=\"container\">\n                    <div class=\"section-title\">\n                        <h2><span>Modul</span> Sistem</h2>\n                        <p>Senarai modul yang tersedia dalam sistem pengurusan portal</p>\n                    </div>\n                    <div class=\"module-grid\">\n                        <a href=\"/{{ $siteSlug }}/news-web\" class=\"module-card\">\n                            <div class=\"mc-icon\"><i class=\"fas fa-newspaper\"></i></div>\n                            <div class=\"mc-text\">\n                                <h4>Artikel <span class=\"mc-count\">{{ $counts[\'artikel\'] }}</span></h4>\n                                <p>Pengurusan artikel & berita</p>\n                            </div>\n                        </a>\n                        <a href=\"/{{ $siteSlug }}/download-web\" class=\"module-card\">\n                            <div class=\"mc-icon\"><i class=\"fas fa-file-download\"></i></div>\n                            <div class=\"mc-text\">\n                                <h4>Dokumen <span class=\"mc-count\">{{ $counts[\'dokumen\'] }}</span></h4>\n                                <p>Dokumen muat turun</p>\n                            </div>\n                        </a>\n                        <a href=\"/{{ $siteSlug }}/gallery-web\" class=\"module-card\">\n                            <div class=\"mc-icon\"><i class=\"fas fa-images\"></i></div>\n                            <div class=\"mc-text\">\n                                <h4>Galeri Foto <span class=\"mc-count\">{{ $counts[\'galeri\'] }}</span></h4>\n                                <p>Album galeri foto</p>\n                            </div>\n                        </a>\n                        <a href=\"/{{ $siteSlug }}/gallery-web\" class=\"module-card\">\n                            <div class=\"mc-icon\"><i class=\"fas fa-camera\"></i></div>\n                            <div class=\"mc-text\">\n                                <h4>Senarai Foto <span class=\"mc-count\">{{ $counts[\'foto\'] }}</span></h4>\n                                <p>Foto dalam galeri</p>\n                            </div>\n                        </a>\n                        <a href=\"/{{ $siteSlug }}/slider-web\" class=\"module-card\">\n                            <div class=\"mc-icon\"><i class=\"fas fa-sliders-h\"></i></div>\n                            <div class=\"mc-text\">\n                                <h4>Imej Slider <span class=\"mc-count\">{{ $counts[\'slider\'] }}</span></h4>\n                                <p>Pengurusan slider utama</p>\n                            </div>\n                        </a>\n                        <a href=\"/{{ $siteSlug }}/gallery-web\" class=\"module-card\">\n                            <div class=\"mc-icon\"><i class=\"fas fa-image\"></i></div>\n                            <div class=\"mc-text\">\n                                <h4>Imej <span class=\"mc-count\">{{ $counts[\'imej\'] }}</span></h4>\n                                <p>Pengurusan aset imej</p>\n                            </div>\n                        </a>\n                        <a href=\"/{{ $siteSlug }}/video-web\" class=\"module-card\">\n                            <div class=\"mc-icon\"><i class=\"fas fa-video\"></i></div>\n                            <div class=\"mc-text\">\n                                <h4>Video <span class=\"mc-count\">{{ $counts[\'video\'] }}</span></h4>\n                                <p>Pengurusan kandungan video</p>\n                            </div>\n                        </a>\n                        <a href=\"/{{ $siteSlug }}/calendar-web\" class=\"module-card\">\n                            <div class=\"mc-icon\"><i class=\"fas fa-calendar-alt\"></i></div>\n                            <div class=\"mc-text\">\n                                <h4>Kalendar <span class=\"mc-count\">{{ $counts[\'kalendar\'] }}</span></h4>\n                                <p>Pengurusan acara kalendar</p>\n                            </div>\n                        </a>\n                        <a href=\"/{{ $siteSlug }}/holiday-web\" class=\"module-card\">\n                            <div class=\"mc-icon\"><i class=\"fas fa-umbrella-beach\"></i></div>\n                            <div class=\"mc-text\">\n                                <h4>Cuti Umum <span class=\"mc-count\">{{ $counts[\'cuti\'] }}</span></h4>\n                                <p>Pengurusan cuti umum</p>\n                            </div>\n                        </a>\n                        <a href=\"/{{ $siteSlug }}/directory-web\" class=\"module-card\">\n                            <div class=\"mc-icon\"><i class=\"fas fa-building\"></i></div>\n                            <div class=\"mc-text\">\n                                <h4>Jabatan <span class=\"mc-count\">{{ $counts[\'jabatan\'] }}</span></h4>\n                                <p>Direktori jabatan</p>\n                            </div>\n                        </a>\n                        <a href=\"/{{ $siteSlug }}/directory-web\" class=\"module-card\">\n                            <div class=\"mc-icon\"><i class=\"fas fa-users\"></i></div>\n                            <div class=\"mc-text\">\n                                <h4>Staf <span class=\"mc-count\">{{ $counts[\'staf\'] }}</span></h4>\n                                <p>Direktori staf</p>\n                            </div>\n                        </a>\n                        <a href=\"/{{ $siteSlug }}/contact-us-web\" class=\"module-card\">\n                            <div class=\"mc-icon\"><i class=\"fas fa-comment-dots\"></i></div>\n                            <div class=\"mc-text\">\n                                <h4>Maklum Balas</h4>\n                                <p>Penghantaran maklum balas</p>\n                            </div>\n                        </a>\n                    </div>\n                </div>\n            </section>\n            <style>\n            .module-showcase { padding: 50px 0 60px; background: var(--gray-50); }\n            .module-showcase .section-title { margin-bottom: 32px; text-align: center; }\n            .module-showcase .section-title h2 { font-size: 1.7rem; font-weight: 800; color: var(--primary); margin: 0 0 6px; }\n            .module-showcase .section-title h2 span { color: var(--accent); }\n            .module-showcase .section-title p { color: var(--gray-500); font-size: 0.88rem; margin: 6px auto 0; max-width: 500px; text-align: center; }\n            .module-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }\n            .module-card { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 8px; background: var(--white); border-left: 3px solid var(--accent); box-shadow: 0 1px 3px rgba(0,0,0,0.04); text-decoration: none; transition: all 0.2s; }\n            .module-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-left-color: var(--primary); }\n            .module-card .mc-icon { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: var(--accent-light); color: var(--accent); border-radius: 8px; font-size: 0.95rem; flex-shrink: 0; }\n            .module-card .mc-text h4 { font-size: 0.78rem; font-weight: 600; color: var(--gray-800); margin: 0 0 2px; display: flex; align-items: center; gap: 6px; }\n            .module-card .mc-count { background: var(--accent); color: white; font-size: 0.62rem; padding: 2px 6px; border-radius: 999px; font-weight: 700; line-height: 1; }\n            .module-card .mc-text p { font-size: 0.63rem; color: var(--gray-400); line-height: 1.3; margin: 0; }\n            @media (max-width: 1024px) { .module-grid { grid-template-columns: repeat(2, 1fr); } }\n            @media (max-width: 480px) { .module-grid { grid-template-columns: 1fr 1fr; } }\n            </style>\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08');
INSERT INTO `frontend_components` (`id`, `name`, `code`, `content`, `type`, `category`, `status`, `created_at`, `updated_at`) VALUES
(18, 'Home Web', 'home_web', '@php\n            $berita = \\App\\Models\\Backend\\ContentArticle::with([\'translations\' => function($q) use ($lang) { $q->where(\'article_translation_language\', $lang); }])->where(\'article_category\', \'NEWS\')->where(\'article_status\', \'ACTIVE\')->orderBy(\'article_date\', \'desc\')->orderBy(\'created_at\', \'desc\')->take(5)->get();\n            $downloads = \\App\\Models\\Backend\\ContentDownload::where(\'download_language\', $lang)->where(\'download_status\', \'ACTIVE\')->orderBy(\'download_date\', \'desc\')->take(4)->get();\n            $galleries = \\App\\Models\\Backend\\ContentPhotoGallery::with([\'translations\' => function($q) use ($lang) { $q->where(\'gallery_translation_language\', $lang); }])->where(\'gallery_status\', \'ACTIVE\')->orderBy(\'gallery_date\', \'desc\')->take(4)->get();\n            $videos = \\App\\Models\\Backend\\ContentVideo::with([\'translations\' => function($q) use ($lang) { $q->where(\'video_translation_language\', $lang); }])->where(\'video_status\', \'ACTIVE\')->orderBy(\'video_date\', \'desc\')->take(3)->get();\n            $events = \\App\\Models\\Backend\\ContentCalendar::with([\'translations\' => function($q) use ($lang) { $q->where(\'calendar_translation_language\', $lang); }])->where(\'calendar_status\', \'ACTIVE\')->where(\'calendar_date_start\', \'>=\', now()->format(\'Y-m-d\'))->orderBy(\'calendar_date_start\')->take(4)->get();\n            @endphp\n            <style>\n            /* ===== NEWS TICKER ===== */\n            .ticker-section {\n                background: var(--white);\n                border-bottom: 1px solid var(--gray-200);\n            }\n            .ticker-wrap {\n                display: flex; align-items: stretch;\n                border-radius: 0;\n                overflow: hidden;\n            }\n            .ticker-label {\n                background: var(--accent);\n                color: white;\n                font-weight: 700;\n                font-size: 0.75rem;\n                padding: 10px 20px;\n                display: flex; align-items: center;\n                gap: 8px;\n                text-transform: uppercase;\n                letter-spacing: 1px;\n                flex-shrink: 0;\n            }\n            .ticker-label i { font-size: 0.8rem; }\n            .ticker-content {\n                flex: 1;\n                padding: 10px 20px;\n                overflow: hidden;\n                display: flex; align-items: center;\n            }\n            .ticker-content p {\n                font-size: 0.82rem;\n                color: var(--gray-500);\n                overflow: hidden;\n                white-space: nowrap;\n                text-overflow: ellipsis;\n            }\n            \n            /* ===== FEATURE CARDS ===== */\n            .feature-cards {\n                padding: 40px 0;\n                background: var(--gray-50);\n            }\n            .feature-cards .container {\n                display: grid;\n                grid-template-columns: repeat(3, 1fr);\n                gap: 20px;\n            }\n            .feature-card {\n                position: relative;\n                height: 190px;\n                border-radius: var(--radius-lg);\n                overflow: hidden;\n                box-shadow: var(--shadow-md);\n                cursor: pointer;\n                display: flex; align-items: flex-end;\n                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            }\n            .feature-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-xl); }\n            .feature-card::before {\n                content: \'\';\n                position: absolute; inset: 0;\n                background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.1) 60%, transparent 100%);\n                z-index: 1;\n                transition: opacity 0.3s;\n            }\n            .feature-card:hover::before { opacity: 0.85; }\n            .feature-card .fc-content {\n                position: relative; z-index: 2;\n                padding: 24px;\n                color: white;\n                width: 100%;\n            }\n            .feature-card .fc-content h3 {\n                font-size: 1.2rem; font-weight: 700;\n                margin-bottom: 4px;\n                letter-spacing: -0.02em;\n            }\n            .feature-card .fc-content p {\n                font-size: 0.78rem; opacity: 0.8;\n                font-weight: 400;\n            }\n            .feature-card .fc-content .fc-icon {\n                font-size: 1.6rem;\n                margin-bottom: 8px;\n                opacity: 0.9;\n            }\n            \n            /* ===== SECTION ===== */\n            .section { padding: 56px 0; }\n            .section-alt { background: var(--gray-50); }\n            .section-title { text-align: center; margin-bottom: 40px; }\n            .section-title h2 {\n                font-size: 1.5rem; font-weight: 800;\n                color: var(--gray-800);\n                letter-spacing: -0.03em;\n            }\n            .section-title h2 span { color: var(--accent); }\n            .section-title .title-line {\n                width: 48px; height: 4px;\n                background: linear-gradient(90deg, var(--accent), var(--primary));\n                margin: 10px auto 0;\n                border-radius: 4px;\n            }\n            .section-title p {\n                color: var(--gray-400);\n                font-size: 0.88rem;\n                margin-top: 8px;\n                max-width: 500px;\n                margin-left: auto; margin-right: auto;\n            }\n            \n            /* ===== NEWS GRID ===== */\n            .news-grid {\n                display: grid;\n                grid-template-columns: 2fr 1fr;\n                gap: 24px;\n            }\n            .featured-news {\n                position: relative;\n                border-radius: var(--radius-lg);\n                overflow: hidden;\n                min-height: 380px;\n                display: flex; align-items: flex-end;\n                cursor: pointer;\n            }\n            .featured-news-bg {\n                position: absolute; inset: 0;\n                background: linear-gradient(135deg, #1c294c, #2a1a3a);\n                transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n            }\n            .featured-news:hover .featured-news-bg { transform: scale(1.06); }\n            .featured-news::after {\n                content: \'\';\n                position: absolute; inset: 0;\n                background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.05) 60%, transparent 100%);\n            }\n            .featured-news .fc-badge {\n                position: absolute;\n                top: 20px; left: 20px;\n                z-index: 3;\n                background: var(--accent);\n                color: white;\n                font-size: 0.65rem; font-weight: 700;\n                padding: 4px 14px;\n                border-radius: 100px;\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n            }\n            .featured-news-content {\n                position: relative; z-index: 2;\n                padding: 28px;\n                color: white;\n                width: 100%;\n            }\n            .featured-news-content h3 {\n                font-size: 1.3rem; font-weight: 700;\n                margin-bottom: 8px; line-height: 1.3;\n            }\n            .featured-news-content p {\n                font-size: 0.82rem;\n                color: rgba(255,255,255,0.65);\n                margin-bottom: 12px;\n            }\n            .featured-news-content .news-date {\n                font-size: 0.75rem;\n                color: rgba(255,255,255,0.45);\n                display: flex; align-items: center; gap: 6px;\n            }\n            .news-sidebar { display: flex; flex-direction: column; gap: 14px; }\n            .news-item {\n                display: flex; gap: 14px;\n                padding: 14px;\n                background: var(--white);\n                border-radius: var(--radius);\n                border: 1px solid var(--gray-100);\n                transition: all 0.25s;\n            }\n            .news-item:hover {\n                box-shadow: var(--shadow-md);\n                border-color: var(--gray-200);\n                transform: translateX(3px);\n            }\n            .news-item-thumb {\n                width: 64px; height: 64px;\n                border-radius: 8px; flex-shrink: 0;\n                background: var(--gray-100);\n                display: flex; align-items: center; justify-content: center;\n                color: var(--gray-300);\n            }\n            .news-item-text { flex: 1; min-width: 0; }\n            .news-item-text h4 {\n                font-size: 0.82rem; font-weight: 600;\n                color: var(--gray-800);\n                margin-bottom: 4px;\n                line-height: 1.35;\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n            }\n            .news-item-text .news-date-sm {\n                font-size: 0.7rem;\n                color: var(--gray-400);\n                display: flex; align-items: center; gap: 4px;\n            }\n            \n            /* ===== DOKUMEN POPULAR ===== */\n            .docs-section { padding: 56px 0; background: var(--white); }\n            .docs-section .section-title { text-align: center; margin-bottom: 36px; }\n            .docs-section .section-title h2 { font-size: 1.5rem; font-weight: 800; color: var(--gray-800); margin: 0 0 6px; }\n            .docs-section .section-title h2 span { color: var(--accent); }\n            .docs-section .section-title p { color: var(--gray-400); font-size: 0.88rem; margin: 0 auto; max-width: 500px; }\n            .docs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }\n            .doc-card { display: flex; align-items: center; gap: 12px; padding: 16px; background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); text-decoration: none; transition: all 0.2s; }\n            .doc-card:hover { background: var(--white); border-color: var(--accent); box-shadow: var(--shadow-md); transform: translateY(-2px); }\n            .doc-icon { width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--accent-light); color: var(--accent); border-radius: 10px; font-size: 1.1rem; }\n            .doc-text { min-width: 0; }\n            .doc-text h4 { font-size: 0.85rem; font-weight: 600; color: var(--gray-800); margin: 0 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n            .doc-text p { font-size: 0.7rem; color: var(--gray-400); margin: 0; }\n            \n            /* ===== GALERI TERPILIH ===== */\n            .gallery-section { padding: 56px 0; background: var(--gray-50); }\n            .gallery-section .section-title { text-align: center; margin-bottom: 36px; }\n            .gallery-section .section-title h2 { font-size: 1.5rem; font-weight: 800; color: var(--gray-800); margin: 0 0 6px; }\n            .gallery-section .section-title h2 span { color: var(--accent); }\n            .gallery-section .section-title p { color: var(--gray-400); font-size: 0.88rem; margin: 0 auto; max-width: 500px; }\n            .gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }\n            .gallery-card { position: relative; border-radius: var(--radius-lg); overflow: hidden; aspect-ratio: 4/3; text-decoration: none; display: block; box-shadow: var(--shadow-md); }\n            .gallery-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s; }\n            .gallery-card:hover img { transform: scale(1.08); }\n            .gallery-card::after { content: \'\'; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, transparent 60%); }\n            .gallery-card-title { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px; color: white; font-size: 0.85rem; font-weight: 600; z-index: 2; margin: 0; }\n            \n            /* ===== VIDEO TERKINI ===== */\n            .videos-section { padding: 56px 0; background: var(--white); }\n            .videos-section .section-title { text-align: center; margin-bottom: 36px; }\n            .videos-section .section-title h2 { font-size: 1.5rem; font-weight: 800; color: var(--gray-800); margin: 0 0 6px; }\n            .videos-section .section-title h2 span { color: var(--accent); }\n            .videos-section .section-title p { color: var(--gray-400); font-size: 0.88rem; margin: 0 auto; max-width: 500px; }\n            .videos-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n            .video-card { display: block; border-radius: var(--radius-lg); overflow: hidden; background: var(--gray-50); border: 1px solid var(--gray-200); text-decoration: none; transition: all 0.2s; }\n            .video-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-3px); }\n            .video-thumb { position: relative; aspect-ratio: 16/9; overflow: hidden; }\n            .video-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }\n            .video-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.25); transition: background 0.2s; }\n            .video-card:hover .video-play { background: rgba(0,0,0,0.4); }\n            .video-play i { width: 46px; height: 46px; background: var(--accent); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; padding-left: 3px; }\n            .video-info { padding: 14px; }\n            .video-info h4 { font-size: 0.88rem; font-weight: 600; color: var(--gray-800); margin: 0 0 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }\n            .video-info span { font-size: 0.7rem; color: var(--gray-400); }\n            \n            /* ===== ACARA AKAN DATANG ===== */\n            .events-section { padding: 56px 0; background: linear-gradient(135deg, var(--primary) 0%, #1c294c 100%); color: white; position: relative; overflow: hidden; }\n            .events-section::before { content: \'\'; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(ellipse at 30% 50%, rgba(255,255,255,0.06) 0%, transparent 50%), radial-gradient(ellipse at 70% 20%, rgba(192,72,73,0.1) 0%, transparent 50%); z-index: 0; }\n            .events-section .container { position: relative; z-index: 1; }\n            .events-section .section-title { text-align: center; margin-bottom: 36px; }\n            .events-section .section-title h2 { font-size: 1.5rem; font-weight: 800; color: var(--white); margin: 0 0 6px; }\n            .events-section .section-title h2 span { color: var(--gold); }\n            .events-section .section-title p { color: rgba(255,255,255,0.65); font-size: 0.88rem; margin: 0 auto; max-width: 500px; }\n            .events-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }\n            .event-card { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius-lg); padding: 20px; text-decoration: none; color: white; transition: all 0.2s; }\n            .event-card:hover { background: rgba(255,255,255,0.14); transform: translateY(-2px); }\n            .event-date { display: flex; align-items: baseline; gap: 6px; margin-bottom: 10px; }\n            .event-date .day { font-size: 1.6rem; font-weight: 800; color: var(--gold); line-height: 1; }\n            .event-date .month { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.5px; color: rgba(255,255,255,0.65); }\n            .event-card h4 { font-size: 0.9rem; font-weight: 600; margin: 0 0 6px; line-height: 1.35; }\n            .event-card p { font-size: 0.75rem; color: rgba(255,255,255,0.7); margin: 0; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }\n            \n            /* ===== RESPONSIVE ===== */\n            @media (max-width: 1024px) {\n                .news-grid { grid-template-columns: 1fr; }\n                .feature-cards .container { grid-template-columns: repeat(2, 1fr); }\n                .module-grid { grid-template-columns: repeat(2, 1fr); }\n                .docs-grid { grid-template-columns: repeat(2, 1fr); }\n                .gallery-grid { grid-template-columns: repeat(2, 1fr); }\n                .videos-grid { grid-template-columns: repeat(2, 1fr); }\n                .events-grid { grid-template-columns: repeat(2, 1fr); }\n            }\n            @media (max-width: 768px) {\n                .ticker-label { padding: 10px 14px; font-size: 0.68rem; }\n                .ticker-label i { display: none; }\n                .feature-cards .container { grid-template-columns: 1fr; }\n                .module-grid { grid-template-columns: 1fr 1fr; }\n                .feature-card { height: 150px; }\n                .docs-grid { grid-template-columns: 1fr; }\n                .gallery-grid { grid-template-columns: 1fr; }\n                .videos-grid { grid-template-columns: 1fr; }\n                .events-grid { grid-template-columns: 1fr; }\n            }\n            </style>\n                <!-- ===== FEATURE CARDS ===== -->\n                <section class=\"feature-cards\">\n                    <div class=\"container\">\n                        <a href=\"#\" class=\"feature-card\" style=\"background: linear-gradient(135deg, #1c294c, #2a3d6b);\">\n                            <div class=\"fc-content\">\n                                <div class=\"fc-icon\"><i class=\"fas fa-newspaper\"></i></div>\n                                <h3>TERKINI</h3>\n                                <p>Berita dan Pengumuman</p>\n                            </div>\n                        </a>\n                        <a href=\"#\" class=\"feature-card\" style=\"background: linear-gradient(135deg, #0d9488, #0369a1);\">\n                            <div class=\"fc-content\">\n                                <div class=\"fc-icon\"><i class=\"fas fa-globe\"></i></div>\n                                <h3>Perkhidmatan</h3>\n                                <p>Pelbagai Perkhidmatan Dalam Talian</p>\n                            </div>\n                        </a>\n                        <a href=\"#\" class=\"feature-card\" style=\"background: linear-gradient(135deg, #c04849, #8f3536);\">\n                            <div class=\"fc-content\">\n                                <div class=\"fc-icon\"><i class=\"fas fa-headset\"></i></div>\n                                <h3>Hubungi Kami</h3>\n                                <p>Maklumat Perhubungan dan Lokasi</p>\n                            </div>\n                        </a>\n                    </div>\n                </section>\n            \n                <!-- ===== NEWS SECTION ===== -->\n                <section class=\"section section-alt\">\n                    <div class=\"container\">\n                        <div class=\"section-title\">\n                            <h2><span>Berita</span> Terkini</h2>\n                            <div class=\"title-line\"></div>\n                            <p>Ikuti perkembangan terkini dari agensi kami</p>\n                        </div>\n                        @if($berita->count())\n                        <div class=\"news-grid\">\n                            @php $featured = $berita->first(); $f = $featured->translations->first(); @endphp\n                            @if($f)\n                            <a href=\"/{{ $siteSlug }}/article-web?id={{ $featured->article_code }}\" class=\"featured-news\">\n                                <div class=\"featured-news-bg\" @if($featured->article_image) style=\"background-image:url(\'{{ image_url($featured->article_image) }}\');background-size:cover;background-position:center;\" @endif></div>\n                                <span class=\"fc-badge\">Pengumuman</span>\n                                <div class=\"featured-news-content\">\n                                    <h3>{{ $f->article_translation_title }}</h3>\n                                    <p>{{ strip_tags(Str::limit($f->article_translation_content, 160)) }}</p>\n                                    <span class=\"news-date\"><i class=\"far fa-calendar-alt\"></i> {{ \\Carbon\\Carbon::parse($featured->article_date)->format(\'d M Y\') }}</span>\n                                </div>\n                            </a>\n                            @endif\n                            <div class=\"news-sidebar\">\n                                @foreach($berita->skip(1) as $item)\n                                @php $t = $item->translations->first(); @endphp\n                                @if($t)\n                                <a href=\"/{{ $siteSlug }}/article-web?id={{ $item->article_code }}\" class=\"news-item\">\n                                    <div class=\"news-item-thumb\">\n                                        @if($item->article_image)\n                                        <img src=\"{{ image_url($item->article_image) }}\" alt=\"{{ $t->article_translation_title }}\" style=\"width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;\">\n                                        @else\n                                        <i class=\"far fa-image fa-lg\"></i>\n                                        @endif\n                                    </div>\n                                    <div class=\"news-item-text\">\n                                        <h4>{{ $t->article_translation_title }}</h4>\n                                        <span class=\"news-date-sm\"><i class=\"far fa-calendar-alt\"></i> {{ \\Carbon\\Carbon::parse($item->article_date)->format(\'d M Y\') }}</span>\n                                    </div>\n                                </a>\n                                @endif\n                                @endforeach\n                            </div>\n                        </div>\n                        @else\n                        <div style=\"text-align:center;padding:40px 0;color:var(--gray-400);\">\n                            <p>Tiada berita buat masa ini.</p>\n                        </div>\n                        @endif\n                    </div>\n                </section>\n            \n                <!-- ===== DOKUMEN POPULAR ===== -->\n                <section class=\"docs-section\">\n                    <div class=\"container\">\n                        <div class=\"section-title\">\n                            <h2><span>Dokumen</span> Popular</h2>\n                            <div class=\"title-line\"></div>\n                            <p>Muat turun dokumen dan borang yang sering digunakan</p>\n                        </div>\n                        @if($downloads->count())\n                        <div class=\"docs-grid\">\n                            @foreach($downloads as $doc)\n                            <a href=\"{{ image_url($doc->download_file) }}\" target=\"_blank\" class=\"doc-card\">\n                                <div class=\"doc-icon\"><i class=\"fas fa-file-pdf\"></i></div>\n                                <div class=\"doc-text\">\n                                    <h4>{{ $doc->download_title }}</h4>\n                                    <p>{{ \\Carbon\\Carbon::parse($doc->download_date)->format(\'d M Y\') }}</p>\n                                </div>\n                            </a>\n                            @endforeach\n                        </div>\n                        @else\n                        <div style=\"text-align:center;color:var(--gray-400);padding:20px 0;\"><p>Tiada dokumen buat masa ini.</p></div>\n                        @endif\n                    </div>\n                </section>\n            \n                <!-- ===== GALERI TERPILIH ===== -->\n                <section class=\"gallery-section\">\n                    <div class=\"container\">\n                        <div class=\"section-title\">\n                            <h2><span>Galeri</span> Terpilih</h2>\n                            <div class=\"title-line\"></div>\n                            <p>Liputan gambar aktiviti dan program terkini</p>\n                        </div>\n                        @if($galleries->count())\n                        <div class=\"gallery-grid\">\n                            @foreach($galleries as $gallery)\n                            @php $gt = $gallery->translations->first(); @endphp\n                            @if($gt)\n                            <a href=\"/{{ $siteSlug }}/gallery-web\" class=\"gallery-card\">\n                                @if($gallery->gallery_thumbnail)\n                                <img src=\"{{ image_url($gallery->gallery_thumbnail) }}\" alt=\"{{ $gt->gallery_translation_title }}\">\n                                @else\n                                <div style=\"width:100%;height:100%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--gray-400);\"><i class=\"far fa-image fa-2x\"></i></div>\n                                @endif\n                                <h4 class=\"gallery-card-title\">{{ $gt->gallery_translation_title }}</h4>\n                            </a>\n                            @endif\n                            @endforeach\n                        </div>\n                        @else\n                        <div style=\"text-align:center;color:var(--gray-400);padding:20px 0;\"><p>Tiada galeri buat masa ini.</p></div>\n                        @endif\n                    </div>\n                </section>\n            \n                <!-- ===== VIDEO TERKINI ===== -->\n                <section class=\"videos-section\">\n                    <div class=\"container\">\n                        <div class=\"section-title\">\n                            <h2><span>Video</span> Terkini</h2>\n                            <div class=\"title-line\"></div>\n                            <p>Tonton video dan siaran langsung terkini</p>\n                        </div>\n                        @if($videos->count())\n                        <div class=\"videos-grid\">\n                            @foreach($videos as $video)\n                            @php $vt = $video->translations->first(); @endphp\n                            @if($vt)\n                            <a href=\"{{ $video->video_url ?? $video->video_external ?? \'#\' }}\" target=\"_blank\" class=\"video-card\">\n                                <div class=\"video-thumb\">\n                                    @if($video->video_img)\n                                    <img src=\"{{ image_url($video->video_img) }}\" alt=\"{{ $vt->video_translation_title }}\">\n                                    @else\n                                    <div style=\"width:100%;height:100%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--gray-400);\"><i class=\"far fa-image fa-2x\"></i></div>\n                                    @endif\n                                    <div class=\"video-play\"><i class=\"fas fa-play\"></i></div>\n                                </div>\n                                <div class=\"video-info\">\n                                    <h4>{{ $vt->video_translation_title }}</h4>\n                                    <span>{{ \\Carbon\\Carbon::parse($video->video_date)->format(\'d M Y\') }}</span>\n                                </div>\n                            </a>\n                            @endif\n                            @endforeach\n                        </div>\n                        @else\n                        <div style=\"text-align:center;color:var(--gray-400);padding:20px 0;\"><p>Tiada video buat masa ini.</p></div>\n                        @endif\n                    </div>\n                </section>\n            \n                <!-- ===== ACARA AKAN DATANG ===== -->\n                <section class=\"events-section\">\n                    <div class=\"container\">\n                        <div class=\"section-title\">\n                            <h2><span>Acara</span> Akan Datang</h2>\n                            <div class=\"title-line\"></div>\n                            <p>Jangan ketinggalan program dan aktiviti akan datang</p>\n                        </div>\n                        @if($events->count())\n                        <div class=\"events-grid\">\n                            @foreach($events as $event)\n                            @php $et = $event->translations->first(); @endphp\n                            @if($et)\n                            <a href=\"/{{ $siteSlug }}/calendar-web\" class=\"event-card\">\n                                <div class=\"event-date\">\n                                    <span class=\"day\">{{ \\Carbon\\Carbon::parse($event->calendar_date_start)->format(\'d\') }}</span>\n                                    <span class=\"month\">{{ \\Carbon\\Carbon::parse($event->calendar_date_start)->format(\'M Y\') }}</span>\n                                </div>\n                                <h4>{{ $et->calendar_translation_title }}</h4>\n                                @if($et->calendar_translation_content)\n                                <p>{{ strip_tags(Str::limit($et->calendar_translation_content, 80)) }}</p>\n                                @endif\n                            </a>\n                            @endif\n                            @endforeach\n                        </div>\n                        @else\n                        <div style=\"text-align:center;color:rgba(255,255,255,0.5);padding:20px 0;\"><p>Tiada acara akan datang.</p></div>\n                        @endif\n                    </div>\n                </section>\n            \n                \n            \n            \n            <style>\n            .back-to-top {\n                position: fixed; bottom: 30px; right: 30px;\n                z-index: 999;\n                width: 44px; height: 44px;\n                border-radius: 50%;\n                background: var(--accent);\n                color: white;\n                border: none;\n                cursor: pointer;\n                display: flex; align-items: center; justify-content: center;\n                font-size: 1.1rem;\n                box-shadow: 0 4px 16px rgba(192,72,73,0.35);\n                opacity: 0; visibility: hidden;\n                transform: translateY(10px);\n                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            }\n            .back-to-top.visible {\n                opacity: 1; visibility: visible;\n                transform: translateY(0);\n            }\n            .back-to-top:hover {\n                transform: translateY(-3px);\n                box-shadow: 0 8px 24px rgba(192,72,73,0.5);\n            }\n            </style>\n            <button class=\"back-to-top\" id=\"backToTop\" onclick=\"window.scrollTo({top:0,behavior:\'smooth\'})\" aria-label=\"Kembali ke atas\">\n                <i class=\"fas fa-arrow-up\"></i>\n            </button>\n            <script>\n            document.addEventListener(\'scroll\', function() {\n                document.getElementById(\'backToTop\').classList.toggle(\'visible\', window.scrollY > 400);\n            });\n            </script>\n            ', 'PHP', 'Content', 1, '2026-07-04 04:05:08', '2026-07-04 04:05:08'),
(19, 'Navbar REDD+', 'navbar_reddplus', '<style>\r\n.navbar-redd { background: #fff; }\r\n.navbar-redd .nav-link {\r\n  color: var(--green-800);\r\n  font-weight: 600;\r\n  font-size: .95rem;\r\n  margin: 0 .35rem;\r\n  border-bottom: 2px solid transparent;\r\n  padding-bottom: .4rem;\r\n}\r\n.navbar-redd .nav-link.active,\r\n.navbar-redd .nav-link:hover {\r\n  color: var(--green-900);\r\n  border-bottom-color: var(--green-800);\r\n}\r\n.navbar-redd .dropdown-item {\r\n  font-weight: 500;\r\n  font-size: .9rem;\r\n  padding: .5rem 1rem;\r\n}\r\n.navbar-redd .dropdown-item:hover,\r\n.navbar-redd .dropdown-item:focus {\r\n  background: var(--green-100);\r\n  color: var(--green-900);\r\n}\r\n.navbar-redd .dropdown-menu {\r\n  border: 0;\r\n  box-shadow: 0 8px 24px rgba(46,74,53,.12);\r\n  border-radius: .75rem;\r\n  padding: .5rem 0;\r\n  margin-top: 0;\r\n  top: calc(100% - 2px);\r\n}\r\n.navbar-redd .dropdown:hover > .dropdown-menu {\r\n  display: block;\r\n  animation: fadeIn .15s ease;\r\n}\r\n.navbar-redd .dropdown-menu::before {\r\n  content: \'\';\r\n  position: absolute;\r\n  top: -12px;\r\n  left: 0;\r\n  right: 0;\r\n  height: 12px;\r\n}\r\n@keyframes fadeIn {\r\n  from { opacity: 0; transform: translateY(4px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n.navbar-redd .dropdown-toggle::after { font-size: .75rem; margin-left: .4em; }\r\n.search-pill {\r\n  background: #fff;\r\n  border: 1px solid #e2ddd0;\r\n  border-radius: 50rem;\r\n  padding: .3rem .9rem;\r\n  max-width: 190px;\r\n}\r\n.search-pill input {\r\n  border: 0; outline: 0; background: transparent;\r\n  width: 100%; font-size: .85rem; color: var(--ink);\r\n}\r\n.w3c-badge {\r\n  width: 40px; height: 40px;\r\n  border: 1px solid #d8d2c2; border-radius: 50%;\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  font-weight: 700; color: #1a3e8c; font-size: .7rem; background: #fff;\r\n  text-decoration: none;\r\n}\r\n@media (max-width: 991.98px) {\r\n  .search-pill { max-width: 100%; }\r\n  .w3c-badge { margin-top: .5rem; }\r\n  .navbar-redd .dropdown:hover > .dropdown-menu { display: none; }\r\n  .navbar-redd .dropdown.show > .dropdown-menu { display: block; }\r\n  .navbar-redd .nav-link { border-bottom: 0; border-left: 3px solid transparent; padding-left: .5rem; }\r\n  .navbar-redd .nav-link.active,\r\n  .navbar-redd .nav-link:hover { border-bottom-color: transparent; border-left-color: var(--green-800); }\r\n}\r\n\r\n.navbar-redd .dropdown-item.active { background: var(--green-100); color: var(--green-900); font-weight: 700; }\r\n</style>\r\n\r\n<nav class=\"navbar navbar-expand-lg navbar-redd py-2 sticky-top shadow-sm\">\r\n  <div class=\"container\">\r\n    <a class=\"navbar-brand d-flex align-items-center\" href=\"/\">\r\n      <img src=\"/assets/redd-plus/logo.png\" alt=\"REDD+ Malaysia\" height=\"46\">\r\n    </a>\r\n    <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#mainNav\" aria-controls=\"mainNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n      <span class=\"navbar-toggler-icon\"></span>\r\n    </button>\r\n      <div class=\"collapse navbar-collapse\" id=\"mainNav\">\r\n      <ul class=\"navbar-nav mx-auto align-items-lg-center\">\r\n        @foreach($menuTree as $item)\r\n          @php\r\n            $hasChildren = !empty($item[\'children\']);\r\n            $itemLink = $item[\'menu_link\'] ?? \'#\';\r\n            $currentUrl = request()->fullUrl();\r\n            $isActive = $currentUrl === url($itemLink) || ($itemLink === \'/\' && request()->path() === \'\');\r\n            if ($hasChildren && !$isActive) {\r\n                foreach ($item[\'children\'] as $child) {\r\n                    $cl = $child[\'menu_link\'] ?? \'#\';\r\n                    if ($cl !== \'#\' && $currentUrl === url($cl)) { $isActive = true; break; }\r\n                }\r\n            }\r\n          @endphp\r\n          @if($hasChildren)\r\n            <li class=\"nav-item dropdown\">\r\n              <a class=\"nav-link dropdown-toggle{{ $isActive ? \' active\' : \'\' }}\" href=\"{{ $itemLink }}\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n                {{ $item[\'menu_name\'] }}\r\n              </a>\r\n              <ul class=\"dropdown-menu\">\r\n                @foreach($item[\'children\'] as $child)\r\n                  <li><a class=\"dropdown-item{{ $child[\'menu_link\'] && $currentUrl === url($child[\'menu_link\']) ? \' active\' : \'\' }}\" href=\"{{ $child[\'menu_link\'] ?? \'#\' }}\">{{ $child[\'menu_name\'] }}</a></li>\r\n                @endforeach\r\n              </ul>\r\n            </li>\r\n          @else\r\n            <li class=\"nav-item\">\r\n              <a class=\"nav-link {{ $isActive ? \'active\' : \'\' }}\" href=\"{{ $itemLink }}\">\r\n                {{ $item[\'menu_name\'] }}\r\n              </a>\r\n            </li>\r\n          @endif\r\n        @endforeach\r\n      </ul>\r\n      <form class=\"search-pill d-flex align-items-center me-lg-3 my-2 my-lg-0\" role=\"search\" method=\"GET\" action=\"/redd-plus/search\">\n        <input type=\"search\" name=\"q\" placeholder=\"Search...\" aria-label=\"Search\">\n        <i class=\"bi bi-search text-muted\"></i>\n      </form>\r\n      \r\n <div class=\"w3c-wrap\">\r\n  <a href=\"#\" class=\"w3c-badge\" id=\"w3cBtn\">W3C</a>\r\n  <div id=\"w3cPanel\" class=\"w3c-panel\">\r\n    <div class=\"w3c-head\">\r\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><circle cx=\"12\" cy=\"12\" r=\"4\"/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"6\"/><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"22\"/><line x1=\"2\" y1=\"12\" x2=\"6\" y2=\"12\"/><line x1=\"18\" y1=\"12\" x2=\"22\" y2=\"12\"/></svg>\r\n      <span>Accessibility</span>\r\n      <button id=\"w3cX\">&times;</button>\r\n    </div>\r\n    <div class=\"w3c-body\">\r\n      <div class=\"w3c-grp\">\r\n        <div class=\"w3c-lbl\">Font Size</div>\r\n        <div class=\"w3c-row\">\r\n          <button class=\"w3c-b\" data-w=\"fd\">A-</button>\r\n          <button class=\"w3c-b\" data-w=\"fr\">A</button>\r\n          <button class=\"w3c-b\" data-w=\"fi\">A+</button>\r\n        </div>\r\n      </div>\r\n      <div class=\"w3c-grp\"><button class=\"w3c-a\" data-w=\"ct\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 2a10 10 0 0 1 0 20V2z\" fill=\"currentColor\"/></svg> High Contrast</button></div>\r\n      <div class=\"w3c-grp\"><button class=\"w3c-a\" data-w=\"gy\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"currentColor\"/></svg> Grayscale</button></div>\r\n      <div class=\"w3c-grp\"><button class=\"w3c-a\" data-w=\"iv\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3a9 9 0 1 0 9 9\"/><path d=\"M12 3v18\"/></svg> Invert Colors</button></div>\r\n      <div class=\"w3c-grp\"><button class=\"w3c-a\" data-w=\"hl\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/></svg> Highlight Links</button></div>\r\n      <div class=\"w3c-grp\"><button class=\"w3c-r\" data-w=\"rs\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"1 4 1 10 7 10\"/><path d=\"M3.51 15a9 9 0 1 0 2.13-9.36L1 10\"/></svg> Reset</button></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<style>\r\n.w3c-wrap{position:relative;display:inline-block;vertical-align:middle}\r\n.w3c-panel{display:none;position:absolute;top:100%;right:0;z-index:99999;width:230px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,0.12);margin-top:8px;font-family:Inter,system-ui,sans-serif}\r\n.w3c-panel.on{display:block}\r\n.w3c-head{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#1c294c;color:#fff;border-radius:10px 10px 0 0;font-weight:600;font-size:13px}\r\n.w3c-head svg{flex-shrink:0}\r\n.w3c-head span{flex:1}\r\n.w3c-head button{margin-left:auto;background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0 2px;line-height:1}\r\n.w3c-body{padding:10px 14px 14px}\r\n.w3c-grp{margin-bottom:7px}\r\n.w3c-lbl{font-size:10px;font-weight:600;color:#64748b;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}\r\n.w3c-row{display:flex;gap:3px}\r\n.w3c-row .w3c-b{flex:1;padding:5px 0;border:1px solid #e2e8f0;border-radius:5px;background:#fff;color:#334155;font-size:11px;font-weight:600;cursor:pointer}\r\n.w3c-row .w3c-b.on{background:#1c294c;color:#fff;border-color:#1c294c}\r\n.w3c-a{width:100%;display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #e2e8f0;border-radius:5px;background:#fff;color:#334155;font-size:11px;font-weight:500;cursor:pointer;text-align:left}\r\n.w3c-a svg{flex-shrink:0;width:14px;height:14px;color:#1c294c}\r\n.w3c-a.on{background:#1c294c;color:#fff;border-color:#1c294c}\r\n.w3c-a.on svg{color:#fff}\r\n.w3c-r{width:100%;display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #e2e8f0;border-radius:5px;background:#fef2f2;color:#c04849;font-size:11px;font-weight:500;cursor:pointer;text-align:left}\r\n.w3c-r svg{flex-shrink:0;color:#c04849}\r\nhtml.access-font-sm{zoom:.85}html.access-font-lg{zoom:1.25}html.access-contrast,html.access-contrast body{background:#000!important;color:#fff!important}html.access-contrast a{color:#ff0!important}html.access-grayscale{filter:grayscale(1)}html.access-invert{filter:invert(1) hue-rotate(180deg)}html.access-highlight-links a{text-decoration:underline!important;background:#ff0!important;color:#000!important}\r\n</style>\r\n<script>\r\n(function(){\r\n  var K=\"accessibility_settings\";\r\n  function g(){try{return JSON.parse(localStorage.getItem(K))||{}}catch(e){return{}}}\r\n  function s(v){localStorage.setItem(K,JSON.stringify(v))}\r\n  function ap(v){\r\n    var h=document.documentElement;\r\n    h.classList.remove(\"access-font-sm\",\"access-font-lg\",\"access-contrast\",\"access-grayscale\",\"access-invert\",\"access-highlight-links\");\r\n    if(v.fontSize===\"sm\")h.classList.add(\"access-font-sm\");\r\n    if(v.fontSize===\"lg\")h.classList.add(\"access-font-lg\");\r\n    if(v.contrast)h.classList.add(\"access-contrast\");\r\n    if(v.grayscale)h.classList.add(\"access-grayscale\");\r\n    if(v.invert)h.classList.add(\"access-invert\");\r\n    if(v.highlightLinks)h.classList.add(\"access-highlight-links\");\r\n  }\r\n  function ui(v){\r\n    var p=document.querySelector(\".w3c-body\");if(!p)return;\r\n    p.querySelectorAll(\".w3c-b\").forEach(function(b){b.classList.remove(\"on\")});\r\n    var m=v.fontSize||\"md\";\r\n    if(m===\"sm\"){var e=p.querySelector(\"[data-w=fd]\");if(e)e.classList.add(\"on\")}\r\n    else if(m===\"lg\"){var e=p.querySelector(\"[data-w=fi]\");if(e)e.classList.add(\"on\")}\r\n    else{var e=p.querySelector(\"[data-w=fr]\");if(e)e.classList.add(\"on\")}\r\n    p.querySelectorAll(\".w3c-a\").forEach(function(b){b.classList.remove(\"on\")});\r\n    if(v.contrast){var e=p.querySelector(\"[data-w=ct]\");if(e)e.classList.add(\"on\")}\r\n    if(v.grayscale){var e=p.querySelector(\"[data-w=gy]\");if(e)e.classList.add(\"on\")}\r\n    if(v.invert){var e=p.querySelector(\"[data-w=iv]\");if(e)e.classList.add(\"on\")}\r\n    if(v.highlightLinks){var e=p.querySelector(\"[data-w=hl]\");if(e)e.classList.add(\"on\")}\r\n  }\r\n  function hdl(a){\r\n    var v=g();\r\n    switch(a){\r\n      case\"fd\":v.fontSize=v.fontSize===\"sm\"?\"md\":\"sm\";break;\r\n      case\"fi\":v.fontSize=v.fontSize===\"lg\"?\"md\":\"lg\";break;\r\n      case\"fr\":v.fontSize=\"md\";break;\r\n      case\"ct\":v.contrast=!v.contrast;break;\r\n      case\"gy\":v.grayscale=!v.grayscale;break;\r\n      case\"iv\":v.invert=!v.invert;break;\r\n      case\"hl\":v.highlightLinks=!v.highlightLinks;break;\r\n      case\"rs\":localStorage.removeItem(K);v={};ap(v);ui(v);return;\r\n    }ap(v);s(v);ui(v);\r\n  }\r\n  function tog(s){\r\n    var p=document.getElementById(\"w3cPanel\");\r\n    if(s===undefined)s=!p.classList.contains(\"on\");\r\n    p.classList.toggle(\"on\",s);\r\n  }\r\n  var v=g();ap(v);ui(v);\r\n  document.getElementById(\"w3cBtn\").addEventListener(\"click\",function(e){e.preventDefault();tog()});\r\n  document.getElementById(\"w3cX\").addEventListener(\"click\",function(){tog(false)});\r\n  document.querySelectorAll(\".w3c-body [data-w]\").forEach(function(b){b.addEventListener(\"click\",function(e){e.stopPropagation();hdl(this.dataset.w)})});\r\n  document.addEventListener(\"keydown\",function(e){if(e.key===\"Escape\")tog(false)});\r\n  document.addEventListener(\"click\",function(e){\r\n    var w=document.querySelector(\".w3c-wrap\");\r\n    if(w&&!w.contains(e.target))tog(false);\r\n  });\r\n})();\r\n</script>\r\n  </div>\r\n</nav>', 'PHP', 'Header', 1, '2026-07-23 01:29:43', '2026-07-29 07:33:58');
