{"id":794,"date":"2026-05-12T08:39:32","date_gmt":"2026-05-12T08:39:32","guid":{"rendered":"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=794"},"modified":"2026-07-25T04:42:02","modified_gmt":"2026-07-25T04:42:02","slug":"exhibitors-list","status":"publish","type":"page","link":"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=794","title":{"rendered":"Exhibitor List &#8211; \u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23 World HAPEX 2026"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"794\" class=\"elementor elementor-794\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bc366ec e-con-full e-flex e-con e-parent\" data-id=\"4bc366ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99d1bb7 elementor-widget elementor-widget-html\" data-id=\"99d1bb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* --- CSS \u0e40\u0e14\u0e34\u0e21\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e21\u0e35\u0e2d\u0e22\u0e39\u0e48 --- *\/\r\n    .hero-image-header {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 400px;\r\n        background-image: url('wp-content\/uploads\/2026\/04\/ex-e1775805301713.png?attachment_id=1109'); \r\n        background-size: cover;\r\n        background-position: center center;\r\n        background-repeat: no-repeat;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        color: white;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .hero-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        z-index: 1;\r\n    }\r\n\r\n    .hero-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        padding: 0 20px;\r\n        max-width: 900px;\r\n    }\r\n\r\n    .hero-content h1 {\r\n        font-family: 'kanit', sans-serif;\r\n        font-size: 4rem;\r\n        font-weight: 500;\r\n        color: white;\r\n        margin: 0 0 10px 0;\r\n        text-transform: uppercase;\r\n        text-shadow: 2px 2px 10px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .hero-content p {\r\n        font-family: 'Sarabun', sans-serif;\r\n        font-size: 1.5rem;\r\n        color: #f8f9fa;\r\n        margin: 0 0 40px 0;\r\n        font-weight: 400;\r\n        text-shadow: 1px 1px 5px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    \/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e23\u0e27\u0e21\u0e1b\u0e38\u0e48\u0e21\u0e43\u0e2b\u0e49\u0e08\u0e31\u0e14\u0e27\u0e32\u0e07\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21 *\/\r\n    .hero-button-group {\r\n        display: flex;\r\n        gap: 15px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* \u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c\u0e1b\u0e38\u0e48\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 *\/\r\n    .btn-hero {\r\n        display: inline-block;\r\n        padding: 15px 35px;\r\n        border-radius: 50px;\r\n        font-family: 'kanit', sans-serif;\r\n        font-size: 1.2rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        border: 2px solid transparent;\r\n    }\r\n\r\n    \/* \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19 (\u0e2a\u0e35\u0e41\u0e14\u0e07\/\u0e0a\u0e21\u0e1e\u0e39) *\/\r\n    .btn-register-hero {\r\n        background: linear-gradient(135deg, #e40046, #b81f40); \r\n        color: white !important;\r\n        box-shadow: 0 4px 15px rgba(228, 0, 70, 0.4);\r\n    }\r\n\r\n    .btn-register-hero:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 25px rgba(228, 0, 70, 0.6);\r\n        background: linear-gradient(135deg, #b81f40, #901732);\r\n    }\r\n\r\n    \/* \u0e1b\u0e38\u0e48\u0e21\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c (\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\/\u0e40\u0e02\u0e35\u0e22\u0e27 \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e35\u0e17\u0e35\u0e48\u0e15\u0e31\u0e14\u0e01\u0e31\u0e19) *\/\r\n    \/* \u0e43\u0e19\u0e17\u0e35\u0e48\u0e19\u0e35\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u0e2a\u0e35\u0e42\u0e17\u0e19\u0e2a\u0e27\u0e48\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07 *\/\r\n    .btn-confirm-hero {\r\n        background: linear-gradient(135deg, #28a745, #1e7e34); \/* \u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e41\u0e2a\u0e14\u0e07\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19 *\/\r\n        color: white !important;\r\n        box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4);\r\n    }\r\n\r\n    .btn-confirm-hero:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 25px rgba(40, 167, 69, 0.6);\r\n        background: linear-gradient(135deg, #218838, #19692c);\r\n    }\r\n\r\n    \/* \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\r\n    @media (max-width: 768px) {\r\n        .hero-image-header { height: auto; padding: 60px 0; }\r\n        .hero-content h1 { font-size: 2.5rem; }\r\n        .hero-content p { font-size: 1.2rem; margin-bottom: 30px; }\r\n        .btn-hero { padding: 12px 25px; font-size: 1.1rem; width: 100%; max-width: 280px; }\r\n    }\r\n<\/style>\r\n\r\n<header class=\"hero-image-header\">\r\n    <div class=\"hero-overlay\"><\/div>\r\n    \r\n    <div class=\"hero-content\">\r\n        <h1>\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2e\u0e32\u0e25\u0e32\u0e25<\/h1>\r\n        <p>HALAL PRODUCTS EXHIBITION<\/p>\r\n        \r\n        <div class=\"hero-button-group\">\r\n            <!-- \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19 -->\r\n            <a href=\"https:\/\/airtable.com\/appVcyEhGVFeddtQX\/shrHUxhBuq2iHxRkZ\" class=\"btn-hero btn-register-hero\">\r\n                <i class=\"fas fa-edit\" style=\"margin-right: 8px;\"><\/i> \u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\r\n            <\/a>\r\n\r\n            <!-- \u0e1b\u0e38\u0e48\u0e21\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c (\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e21\u0e48) -->\r\n            <a href=\"https:\/\/halalinst.psu.ac.th\/hapex\/?page_id=297\" class=\"btn-hero btn-confirm-hero\">\r\n                <i class=\"fas fa-check-circle\" style=\"margin-right: 8px;\"><\/i> \u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/header>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39f4af7 e-con-full e-flex e-con e-child\" data-id=\"39f4af7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbab0d8 elementor-widget elementor-widget-html\" data-id=\"fbab0d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"exhibitor-container\" class=\"max-w-7xl mx-auto p-5\" style=\"font-family: 'Prompt', 'Kanit', Arial, sans-serif;\">\r\n    <!-- \u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d -->\r\n    <div class=\"text-center mb-12 mt-4\">\r\n        <h2 class=\"text-3xl md:text-4xl font-semibold text-gray-900 mb-2 leading-tight\">Exhibitor List<\/h2>\r\n        <p class=\"text-xl text-gray-600 font-medium m-0\">\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23<\/p>\r\n    <\/div>\r\n\r\n    <!-- \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 (\u0e08\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01 Sheets) -->\r\n    <div id=\"exhibitor-content\">\r\n        <div class=\"text-center py-12 text-gray-500 text-lg flex flex-col items-center justify-center\">\r\n            <svg class=\"animate-spin h-8 w-8 text-gray-400 mb-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\r\n                <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\r\n                <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\r\n            <\/svg>\r\n            \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32...\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- \u0e42\u0e2b\u0e25\u0e14\u0e44\u0e25\u0e1a\u0e23\u0e32\u0e23\u0e35 PapaParse \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e14\u0e36\u0e07\u0e44\u0e1f\u0e25\u0e4c CSV -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/PapaParse\/5.4.1\/papaparse.min.js\"><\/script>\r\n<!-- \u0e42\u0e2b\u0e25\u0e14 Tailwind CSS (\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e1b\u0e34\u0e14 Preflight \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e1e\u0e31\u0e07\u0e1a\u0e19 Theme) -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n    tailwind.config = { corePlugins: { preflight: false } }\r\n<\/script>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@400;500;600&display=swap');\r\n    #exhibitor-container { font-family: 'Prompt', sans-serif; }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    function initExhibitors() {\r\n        const container = document.getElementById('exhibitor-content');\r\n        if (!container) return;\r\n\r\n        \/\/ \u0e25\u0e34\u0e07\u0e01\u0e4c Google Sheets \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\r\n        const sheetId = '1M9uUZkaV6yzejVT-VxKnYTYaVtTjr2N825oSNiKafTo';\r\n        const csvUrl = `https:\/\/docs.google.com\/spreadsheets\/d\/${sheetId}\/export?format=csv`;\r\n\r\n        \/\/ =====================================================================\r\n        \/\/ \ud83c\udfa8 \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e2a\u0e35\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 (\u0e1b\u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a\u0e2a\u0e35 HEX \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e23\u0e30\u0e1a\u0e32\u0e22\u0e44\u0e27\u0e49\u0e43\u0e19 Google Sheets)\r\n        \/\/ bg = \u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07, text = \u0e2a\u0e35\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d, border = \u0e2a\u0e35\u0e40\u0e2a\u0e49\u0e19\u0e02\u0e2d\u0e1a\r\n        \/\/ =====================================================================\r\n        const zoneColors = {\r\n            'A': { bg: '#fff2cc', text: '#000000', border: 'rgba(0,0,0,0.1)' }, \/\/ A-FRESHLY COOKING FOODS\r\n            'B': { bg: '#ea9999', text: '#000000', border: 'rgba(0,0,0,0.1)' }, \/\/ B-MUSLIM FASHIONS\r\n            'C': { bg: '#d2b868', text: '#000000', border: 'rgba(0,0,0,0.1)' }, \/\/ C-BUSINESS SERVICES\r\n            'D': { bg: '#b6d7a8', text: '#000000', border: 'rgba(0,0,0,0.1)' }, \/\/ D-FOODS & BEVERAGES\r\n            'E': { bg: '#cfe2f3', text: '#000000', border: 'rgba(0,0,0,0.1)' }, \/\/ E-Wellness & Innovation\r\n            'S': { bg: '#efefef', text: '#000000', border: 'rgba(0,0,0,0.1)' }, \/\/ S-Silver\r\n            'G': { bg: '#f1c232', text: '#000000', border: 'rgba(0,0,0,0.1)' }, \/\/ G-Golden\r\n            'SP': { bg: '#d9d2e9', text: '#000000', border: 'rgba(0,0,0,0.1)' }, \/\/ SP - Sponsor\r\n            'H': { bg: '#d5a6bd', text: '#000000', border: 'rgba(0,0,0,0.1)' }, \/\/ H-Organization\r\n            'DEFAULT': { bg: '#f3f4f6', text: '#000000', border: 'rgba(0,0,0,0.1)' } \/\/ \u0e2a\u0e35\u0e2a\u0e33\u0e23\u0e2d\u0e07\r\n        };\r\n\r\n        \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e0a\u0e37\u0e48\u0e2d\u0e42\u0e0b\u0e19\u0e01\u0e31\u0e1a\u0e2a\u0e35\r\n        function getZoneStyle(zoneName) {\r\n            const name = (zoneName || '').trim().toUpperCase();\r\n            \r\n            \/\/ \u0e41\u0e01\u0e49\u0e44\u0e02\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e43\u0e2b\u0e49\u0e40\u0e0a\u0e47\u0e04\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23\u0e15\u0e31\u0e27\u0e41\u0e23\u0e01 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e0b\u0e49\u0e33\u0e0b\u0e49\u0e2d\u0e19 (\u0e40\u0e0a\u0e48\u0e19 C-BUSINESS \u0e44\u0e1b\u0e15\u0e34\u0e14 -B)\r\n            if (name.startsWith('SP')) return zoneColors['SP'];\r\n            if (name.startsWith('S') && !name.startsWith('SP')) return zoneColors['S'];\r\n            if (name.startsWith('A')) return zoneColors['A'];\r\n            if (name.startsWith('B')) return zoneColors['B'];\r\n            if (name.startsWith('C')) return zoneColors['C'];\r\n            if (name.startsWith('D')) return zoneColors['D'];\r\n            if (name.startsWith('E')) return zoneColors['E'];\r\n            if (name.startsWith('G')) return zoneColors['G'];\r\n            if (name.startsWith('H')) return zoneColors['H'];\r\n            \r\n            return zoneColors['DEFAULT'];\r\n        }\r\n\r\n        \/\/ \u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e48\u0e32\u0e19 PapaParse\r\n        if (typeof Papa !== 'undefined') {\r\n            Papa.parse(csvUrl, {\r\n                download: true,\r\n                header: false,\r\n                skipEmptyLines: true,\r\n                complete: function(results) {\r\n                    processData(results.data, container, getZoneStyle);\r\n                },\r\n                error: function(err) {\r\n                    container.innerHTML = '<div class=\"text-red-600 text-center p-8 bg-red-100 rounded-lg\">\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e14\u0e49 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e27\u0e48\u0e32\u0e44\u0e1f\u0e25\u0e4c Google Sheets \u0e44\u0e14\u0e49\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19 \"Anyone with the link\" \u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48<\/div>';\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    function processData(rows, container, getZoneStyle) {\r\n        const groupedData = {};\r\n        const zoneOrder = []; \r\n\r\n        \/\/ \u0e40\u0e23\u0e34\u0e48\u0e21\u0e25\u0e39\u0e1b\u0e17\u0e35\u0e48 1 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e49\u0e32\u0e21\u0e2b\u0e31\u0e27\u0e15\u0e32\u0e23\u0e32\u0e07 (\u0e41\u0e16\u0e27 0)\r\n        for (let i = 1; i < rows.length; i++) {\r\n            const row = rows[i];\r\n            if (row.length >= 3) {\r\n                const zone = row[0] ? row[0].trim() : '';\r\n                const booth = row[1] ? row[1].trim() : '';\r\n                const name = row[2] ? row[2].trim() : '';\r\n\r\n                if (!zone || !name) continue;\r\n\r\n                if (!groupedData[zone]) {\r\n                    groupedData[zone] = [];\r\n                    zoneOrder.push(zone); \r\n                }\r\n                groupedData[zone].push({ booth, name });\r\n            }\r\n        }\r\n\r\n        if (zoneOrder.length === 0) {\r\n            container.innerHTML = '<div class=\"text-center p-8 text-gray-500 bg-gray-100 rounded-lg\">\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19\u0e0a\u0e35\u0e15<\/div>';\r\n            return;\r\n        }\r\n\r\n        let html = '';\r\n        \r\n        zoneOrder.forEach(zone => {\r\n            const style = getZoneStyle(zone);\r\n            const items = groupedData[zone];\r\n            \r\n            \/\/ \u0e41\u0e16\u0e1a\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e42\u0e0b\u0e19 (\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e15\u0e32\u0e21\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32)\r\n            html += `<div class=\"mb-14\">\r\n                <div class=\"inline-flex items-center px-6 py-2.5 rounded-full font-semibold text-lg mb-6 shadow-sm\" \r\n                     style=\"background-color: ${style.bg}; color: ${style.text};\">\r\n                    ${zone}\r\n                <\/div>\r\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\">`;\r\n                \r\n            items.forEach(item => {\r\n                \/\/ \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32 \u0e41\u0e25\u0e30\u0e01\u0e23\u0e2d\u0e1a\u0e40\u0e25\u0e02\u0e1a\u0e39\u0e18 (\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e15\u0e32\u0e21\u0e42\u0e0b\u0e19\u0e40\u0e1b\u0e4a\u0e30\u0e46)\r\n                html += `\r\n                    <div class=\"border border-gray-100 rounded-xl p-6 bg-white shadow-sm hover:shadow-md hover:-translate-y-1 transition-all duration-300 flex flex-col hover:border-gray-200\">\r\n                        <div class=\"inline-flex px-3 py-1 rounded-md text-sm font-medium mb-4 self-start tracking-wide\" \r\n                             style=\"background-color: ${style.bg}; color: ${style.text}; border: 1px solid ${style.border};\">\r\n                            Booth: ${item.booth}\r\n                        <\/div>\r\n                        <div class=\"text-[1.1rem] font-semibold text-gray-900 leading-snug\">\r\n                            ${item.name}\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n            });\r\n            \r\n            html += `<\/div><\/div>`;\r\n        });\r\n        \r\n        container.innerHTML = html;\r\n    }\r\n\r\n    \/\/ \u0e40\u0e0a\u0e47\u0e04\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a Elementor \u0e17\u0e38\u0e01\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\r\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n        setTimeout(initExhibitors, 1);\r\n    } else {\r\n        document.addEventListener(\"DOMContentLoaded\", initExhibitors);\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2e\u0e32\u0e25\u0e32\u0e25 HALAL PRODUCTS EXHIBITION \u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23 \u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c Exhibitor List \u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","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":"","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-794","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"marosee.l","author_link":"https:\/\/halalinst.psu.ac.th\/hapex\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\u0e07\u0e32\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2e\u0e32\u0e25\u0e32\u0e25 HALAL PRODUCTS EXHIBITION \u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23 \u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c Exhibitor List \u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32&#8230;","_links":{"self":[{"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/pages\/794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=794"}],"version-history":[{"count":48,"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/pages\/794\/revisions"}],"predecessor-version":[{"id":1651,"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=\/wp\/v2\/pages\/794\/revisions\/1651"}],"wp:attachment":[{"href":"https:\/\/halalinst.psu.ac.th\/hapex\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}