{"id":167,"date":"2026-09-18T07:54:57","date_gmt":"2026-09-18T07:54:57","guid":{"rendered":"https:\/\/verify.vozdukh-healthcare.com\/?page_id=167"},"modified":"2026-09-18T07:55:07","modified_gmt":"2026-09-18T07:55:07","slug":"generate-code","status":"publish","type":"page","link":"https:\/\/verify.vozdukh-healthcare.com\/index.php\/generate-code\/","title":{"rendered":"Generate Code"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"167\" class=\"elementor elementor-167\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a844bbb e-con e-atomic-element e-flexbox-base e-0e4050c \" data-id=\"a844bbb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a844bbb\">\n    \t\t<div class=\"elementor-element elementor-element-e1956c3 elementor-widget elementor-widget-shortcode\" data-id=\"e1956c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"27\" class=\"elementor elementor-27\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1217ee1 e-con e-atomic-element e-flexbox-base e-1671a40 \" data-id=\"1217ee1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1217ee1\">\n    <div class=\"elementor-element elementor-element-095d31f e-grid e-con-boxed e-con e-parent\" data-id=\"095d31f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d6d136 elementor-widget elementor-widget-heading\" data-id=\"6d6d136\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VOZDUKH HEALTHCARE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71e41b0 elementor-widget elementor-widget-heading\" data-id=\"71e41b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">| ADMIN PORTAL<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5daaea3 hfe-nav-menu__align-right elementor-absolute hfe-submenu-icon-arrow hfe-submenu-animation-none hfe-link-redirect-child hfe-nav-menu__breakpoint-tablet elementor-widget elementor-widget-navigation-menu\" data-id=\"5daaea3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;padding_horizontal_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:9,&quot;sizes&quot;:[]},&quot;menu_space_between&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_position&quot;:&quot;absolute&quot;,&quot;padding_horizontal_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;dropdown_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;dropdown_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;dropdown_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;width_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;220&quot;,&quot;sizes&quot;:[]},&quot;width_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;width_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"navigation-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"hfe-nav-menu hfe-layout-horizontal hfe-nav-menu-layout horizontal hfe-pointer__none\" data-layout=\"horizontal\">\n\t\t\t\t<div role=\"button\" class=\"hfe-nav-menu__toggle elementor-clickable\" tabindex=\"0\" aria-label=\"Menu Toggle\">\n\t\t\t\t\t<span class=\"screen-reader-text\">Menu<\/span>\n\t\t\t\t\t<div class=\"hfe-nav-menu-icon\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\"  class=\"e-font-icon-svg e-fas-align-justify\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<nav class=\"hfe-nav-menu__layout-horizontal hfe-nav-menu__submenu-arrow\" data-toggle-icon=\"&lt;svg aria-hidden=&quot;true&quot; tabindex=&quot;0&quot; class=&quot;e-font-icon-svg e-fas-align-justify&quot; viewBox=&quot;0 0 448 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-close-icon=\"&lt;svg aria-hidden=&quot;true&quot; tabindex=&quot;0&quot; class=&quot;e-font-icon-svg e-far-window-close&quot; viewBox=&quot;0 0 512 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-full-width=\"yes\">\n\t\t\t\t\t<ul id=\"menu-1-5daaea3\" class=\"hfe-nav-menu\"><li id=\"menu-item-187\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home parent hfe-creative-menu\"><a href=\"https:\/\/verify.vozdukh-healthcare.com\/\" class = \"hfe-menu-item\">Dashboard<\/a><\/li>\n<li id=\"menu-item-118\" class=\"menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu\"><a href=\"https:\/\/verify.vozdukh-healthcare.com\/index.php\/catalog\/\" class = \"hfe-menu-item\">Products<\/a><\/li>\n<li id=\"menu-item-160\" class=\"menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu\"><a href=\"https:\/\/verify.vozdukh-healthcare.com\/index.php\/suppliers\/\" class = \"hfe-menu-item\">Suppliers<\/a><\/li>\n<li id=\"menu-item-173\" class=\"menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu\"><a href=\"https:\/\/verify.vozdukh-healthcare.com\/index.php\/generate-code\/\" class = \"hfe-menu-item\">Generate Code<\/a><\/li>\n<\/ul> \n\t\t\t\t<\/nav>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d520620 e-con e-atomic-element e-flexbox-base e-31ade6e \" data-id=\"d520620\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d520620\">\n    \t\t<div class=\"elementor-element elementor-element-ca268d9 elementor-widget elementor-widget-spacer\" data-id=\"ca268d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c29a2eb e-con e-atomic-element e-flexbox-base e-331e32f \" data-id=\"c29a2eb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c29a2eb\">\n    <div class=\"elementor-element elementor-element-cdb995e e-flex e-con-boxed e-con e-parent\" data-id=\"cdb995e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1015d30 elementor-widget elementor-widget-shortcode\" data-id=\"1015d30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t    <!-- Flatpickr CSS -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/themes\/dark.css\">\r\n    \r\n    <style>\r\n        \/* === CONTAINER === *\/\r\n        .gencode-container { \r\n            background: #000; \r\n            padding: 20px; \r\n            color: #fff; \r\n            font-family: 'Segoe UI', Arial, sans-serif;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        .gencode-box { \r\n            background: #383838B3; \r\n            padding: 25px; \r\n            margin-bottom: 20px;\r\n            border-radius: 5px;\r\n        }\r\n        \r\n        .gencode-box h3 { \r\n            color: #fff; \r\n            text-transform: uppercase; \r\n            font-size: 14px; \r\n            letter-spacing: 2px; \r\n            margin-top: 0; \r\n        }\r\n        \r\n        \/* === FORM === *\/\r\n        .form-grid { \r\n            display: grid; \r\n            grid-template-columns: 1fr 1fr; \r\n            gap: 20px; \r\n        }\r\n        \r\n        .form-field label { \r\n            display: block; \r\n            color: #9B9B9B; \r\n            font-size: 11px; \r\n            text-transform: uppercase; \r\n            letter-spacing: 1px; \r\n            margin-bottom: 8px; \r\n            font-weight: bold; \r\n        }\r\n        \r\n        .form-field input, \r\n        .form-field select { \r\n            width: 100%; \r\n            padding: 15px !important; \r\n            background: #000 !important; \r\n            border: 1px solid #e5e5e5 !important; \r\n            color: #fff !important; \r\n            font-size: 15px !important; \r\n            border-radius: 3px; \r\n            height: 50px !important;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        .form-field select { \r\n            cursor: pointer; \r\n        }\r\n        \r\n        \/* === FLATPICKR DATE INPUT (dengan icon kalendar putih) === *\/\r\n        .form-field input.flatpickr-input {\r\n            background-color: #000 !important;\r\n            color: #fff !important;\r\n            border: 1px solid #e5e5e5 !important;\r\n            cursor: pointer;\r\n            width: 100% !important;\r\n            \r\n            \/* Tambah icon kalendar putih sebagai background *\/\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C\/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C\/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C\/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C\/line%3E%3C\/svg%3E\") !important;\r\n            background-repeat: no-repeat !important;\r\n            background-position: right 15px center !important;\r\n            background-size: 22px !important;\r\n            padding-right: 50px !important;\r\n        }\r\n        \r\n        \/* === FLATPICKR CALENDAR POPUP === *\/\r\n        .flatpickr-calendar {\r\n            background: #1a1a1a !important;\r\n            border: 1px solid #444 !important;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.8) !important;\r\n        }\r\n        \r\n        .flatpickr-calendar * {\r\n            color: #fff !important;\r\n        }\r\n        \r\n        .flatpickr-day.selected {\r\n            background: #f0ad4e !important;\r\n            color: #000 !important;\r\n            border-color: #f0ad4e !important;\r\n        }\r\n        \r\n        .flatpickr-day:hover {\r\n            background: #1a2a4a !important;\r\n            border-color: #1a2a4a !important;\r\n        }\r\n        \r\n        .flatpickr-day.today {\r\n            border-color: #f0ad4e !important;\r\n        }\r\n        \r\n        .flatpickr-months .flatpickr-month {\r\n            color: #fff !important;\r\n        }\r\n        \r\n        .flatpickr-current-month .flatpickr-monthDropdown-months {\r\n            background: #1a1a1a !important;\r\n            color: #fff !important;\r\n        }\r\n        \r\n        .flatpickr-weekdays {\r\n            background: #1a1a1a !important;\r\n        }\r\n        \r\n        .flatpickr-weekday {\r\n            color: #f0ad4e !important;\r\n        }\r\n        \r\n        .flatpickr-prev-month, \r\n        .flatpickr-next-month {\r\n            color: #f0ad4e !important;\r\n            fill: #f0ad4e !important;\r\n        }\r\n        \r\n        \/* === BUTTON === *\/\r\n        .btn { \r\n            padding: 12px 25px; \r\n            border: none; \r\n            cursor: pointer; \r\n            font-weight: bold; \r\n            text-transform: uppercase; \r\n            letter-spacing: 1px; \r\n            font-size: 12px; \r\n            margin-top: 15px; \r\n        }\r\n        \r\n        .btn-save { \r\n            background: #fff; \r\n            color: #000; \r\n        }\r\n        \r\n        \/* === NOTIFICATION === *\/\r\n        .notif { \r\n            padding: 20px; \r\n            margin-bottom: 20px; \r\n            line-height: 1.8; \r\n        }\r\n        \r\n        .notif-success { \r\n            background: #1a4d2e; \r\n            color: #fff; \r\n            border-left: 4px solid #28a745; \r\n        }\r\n        \r\n        \/* === PREVIEW BOX === *\/\r\n        .preview-box { \r\n            background: #1a2a1a; \r\n            border-left: 3px solid #28a745; \r\n            padding: 20px; \r\n            margin-top: 20px; \r\n        }\r\n        \r\n        .preview-box h4 { \r\n            color: #fff; \r\n            margin-top: 0; \r\n        }\r\n        \r\n        .preview-box p { \r\n            color: #ccc; \r\n            margin: 5px 0; \r\n            font-size: 13px; \r\n        }\r\n        \r\n        \/* === TABLE === *\/\r\n        .code-table { \r\n            width: 100%; \r\n            border-collapse: collapse; \r\n            margin-top: 15px; \r\n        }\r\n        \r\n        .code-table th { \r\n            background: #fff; \r\n            color: #000; \r\n            padding: 12px; \r\n            text-align: left; \r\n            font-size: 12px; \r\n            text-transform: uppercase;\r\n            white-space: nowrap;\r\n        }\r\n        \r\n        .code-table td { \r\n            padding: 12px; \r\n            border-bottom: 1px solid #2a3a5a; \r\n            color: #fff; \r\n            font-size: 13px; \r\n        }\r\n        \r\n        .code-table tr:hover { \r\n            background: #383838B3; \r\n        }\r\n        \r\n        \/* === STATUS BADGE === *\/\r\n        .status-badge { \r\n            padding: 5px 10px; \r\n            border-radius: 3px; \r\n            font-size: 11px; \r\n            font-weight: bold; \r\n            text-transform: uppercase; \r\n        }\r\n        \r\n        .status-not-verified { \r\n            background: #444; \r\n            color: #fff; \r\n        }\r\n        \r\n        .status-verified { \r\n            background: #1a4d2e; \r\n            color: #fff; \r\n        }\r\n        \r\n        \/* === TABLE SCROLL WRAPPER (Desktop: Normal) === *\/\r\n        .table-scroll-wrapper {\r\n            width: 100%;\r\n            display: block;\r\n        }\r\n        \r\n        \/* === MOBILE RESPONSIVE === *\/\r\n        @media only screen and (max-width: 768px) {\r\n            \r\n            .gencode-container {\r\n                padding: 10px !important;\r\n            }\r\n            \r\n            .gencode-box {\r\n                padding: 15px !important;\r\n            }\r\n            \r\n            \/* Form: 1 column *\/\r\n            .form-grid {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 15px !important;\r\n            }\r\n            \r\n            \/* Table Scroll Horizontal *\/\r\n            .table-scroll-wrapper {\r\n                overflow-x: auto !important;\r\n                -webkit-overflow-scrolling: touch !important;\r\n                border: 1px solid #2a3a5a;\r\n                border-radius: 5px;\r\n                display: block !important;\r\n            }\r\n            \r\n            .table-scroll-wrapper .code-table {\r\n                min-width: 700px !important;\r\n                margin: 0 !important;\r\n            }\r\n            \r\n            .table-scroll-wrapper .code-table th,\r\n            .table-scroll-wrapper .code-table td {\r\n                white-space: nowrap !important;\r\n            }\r\n            \r\n            \/* Scrollbar Style *\/\r\n            .table-scroll-wrapper::-webkit-scrollbar {\r\n                height: 6px;\r\n            }\r\n            \r\n            .table-scroll-wrapper::-webkit-scrollbar-track {\r\n                background: #1a2a4a;\r\n            }\r\n            \r\n            .table-scroll-wrapper::-webkit-scrollbar-thumb {\r\n                background: #f0ad4e;\r\n                border-radius: 3px;\r\n            }\r\n        }\r\n    <\/style>\r\n    \r\n    <div class=\"gencode-container\">\r\n        <!-- BORANG GENERATE CODE -->\r\n        <form method=\"post\" class=\"gencode-box\">\r\n            <h3>03 \/ Menu Generate Code<\/h3>\r\n            <h2 style=\"color: #fff; font-family: 'Times New Roman', serif; font-size: 24px; margin-top: 0;\">Unique Verification Code Generator<\/h2>\r\n            \r\n            <div class=\"form-grid\">\r\n                <div class=\"form-field\">\r\n                    <label>Select Product (Dropdown) *<\/label>\r\n                    <select name=\"product_id\" required>\r\n                        <option value=\"\">-- Select Product --<\/option>\r\n                                                    <option value=\"2\">NAD+<\/option>\r\n                                            <\/select>\r\n                <\/div>\r\n                <div class=\"form-field\">\r\n                    <label>Select Manufacturer \/ Supplier *<\/label>\r\n                    <select name=\"supplier_id\" required>\r\n                        <option value=\"\">-- Select Supplier --<\/option>\r\n                                                    <option value=\"2\">Local<\/option>\r\n                                            <\/select>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"form-grid\" style=\"margin-top: 20px;\">\r\n                <div class=\"form-field\">\r\n                    <label>Manufacturing Date *<\/label>\r\n                    <input type=\"text\" name=\"manufacturing_date\" id=\"manufacturing_date\" placeholder=\"dd\/mm\/yyyy\" required>\r\n                <\/div>\r\n                <div class=\"form-field\">\r\n                    <label>Expiry Date *<\/label>\r\n                    <input type=\"text\" name=\"expiry_date\" id=\"expiry_date\" placeholder=\"dd\/mm\/yyyy\" required>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"form-grid\" style=\"margin-top: 20px;\">\r\n                <div class=\"form-field\">\r\n                    <label>Batch Number *<\/label>\r\n                    <input type=\"text\" name=\"batch_number\" required placeholder=\"e.g. BATCH-001\">\r\n                <\/div>\r\n                <div class=\"form-field\">\r\n                    <label>Quantity (Number of Pcs) *<\/label>\r\n                    <input type=\"number\" name=\"quantity\" required min=\"1\" placeholder=\"e.g. 100\">\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"preview-box\">\r\n                <h4>\ud83d\udccb System Preview:<\/h4>\r\n                <p><strong>1 Batch = 1 Unique Code<\/strong><\/p>\r\n                <p>Quantity is only to <strong>record how many pcs<\/strong> are in that batch.<\/p>\r\n            <\/div>\r\n            \r\n            <button type=\"submit\" name=\"generate_codes\" class=\"btn btn-save\">Generate Unique Code<\/button>\r\n        <\/form>\r\n        \r\n        <!-- SENARAI KOD YANG DIJANA (HARI INI) -->\r\n        <div class=\"gencode-box\">\r\n            <h3>Generated Codes List (Today)<\/h3>\r\n            \r\n            <!-- TABLE DENGAN SCROLL WRAPPER -->\r\n            <div class=\"table-scroll-wrapper\">\r\n                <table class=\"code-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Unique Code<\/th>\r\n                            <th>Product<\/th>\r\n                            <th>Manufacturer<\/th>\r\n                            <th>Batch Number<\/th>\r\n                            <th>Quantity<\/th>\r\n                            <th>Status<\/th>\r\n                            <th>Generated At<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr><td colspan=\"7\" style=\"text-align: center; color: #888;\">No codes generated today.<\/td><\/tr>                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n            <!-- TAMAT TABLE WRAPPER -->\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Flatpickr JS -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\"><\/script>\r\n    \r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \/\/ === SETUP FLATPICKR UNTUK MANUFACTURING DATE ===\r\n        flatpickr(\"#manufacturing_date\", {\r\n            dateFormat: \"d\/m\/Y\",\r\n            allowInput: false,\r\n            disableMobile: true,\r\n            theme: \"dark\",\r\n        });\r\n        \r\n        \/\/ === SETUP FLATPICKR UNTUK EXPIRY DATE ===\r\n        flatpickr(\"#expiry_date\", {\r\n            dateFormat: \"d\/m\/Y\",\r\n            allowInput: false,\r\n            disableMobile: true,\r\n            theme: \"dark\",\r\n        });\r\n    });\r\n    <\/script>\r\n    \t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-167","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/verify.vozdukh-healthcare.com\/index.php\/wp-json\/wp\/v2\/pages\/167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/verify.vozdukh-healthcare.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/verify.vozdukh-healthcare.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/verify.vozdukh-healthcare.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/verify.vozdukh-healthcare.com\/index.php\/wp-json\/wp\/v2\/comments?post=167"}],"version-history":[{"count":4,"href":"https:\/\/verify.vozdukh-healthcare.com\/index.php\/wp-json\/wp\/v2\/pages\/167\/revisions"}],"predecessor-version":[{"id":171,"href":"https:\/\/verify.vozdukh-healthcare.com\/index.php\/wp-json\/wp\/v2\/pages\/167\/revisions\/171"}],"wp:attachment":[{"href":"https:\/\/verify.vozdukh-healthcare.com\/index.php\/wp-json\/wp\/v2\/media?parent=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}