{"id":11521,"date":"2025-09-11T03:03:53","date_gmt":"2025-09-11T03:03:53","guid":{"rendered":"https:\/\/droneth.or.th\/?page_id=11521"},"modified":"2025-09-11T03:03:53","modified_gmt":"2025-09-11T03:03:53","slug":"reward","status":"publish","type":"page","link":"https:\/\/droneth.or.th\/ja\/reward\/","title":{"rendered":"Reward"},"content":{"rendered":"<!-- Rewards Exchange Container -->\n        <div class=\"dam-rewards-container\">\n            <!-- Back to Main Page Button -->\n            <div class=\"dam-back-button-container\" style=\"margin-bottom: 20px;\">\n                <button onclick=\"window.location.href='https:\/\/droneth.or.th\/local-leader\/?_=1791844471'\" class=\"dam-back-btn\" style=\"background: linear-gradient(135deg, #6c5ce7, #a29bfe); color: white; border: none; padding: 12px 24px; border-radius: 25px; font-size: 0.9rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(108, 92, 231, 0.3); display: inline-flex; align-items: center; gap: 8px;\" onmouseover=\"this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 20px rgba(108, 92, 231, 0.4)'\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(108, 92, 231, 0.3)'\">\n                    \u2190 \u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01\n                <\/button>\n            <\/div>\n            \n            <!-- Contact Information -->\n                            <h2 class=\"dam-rewards-title\" style=\"text-align: center; margin-bottom: 25px; color: #1e293b; font-size: 1.6rem; font-weight: 700;\">\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e25\u0e01\u0e02\u0e2d\u0e07\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01<\/h2>\n                \n                <!-- User Balance Display - Compact Design -->\n                <div class=\"dam-user-balance-container\" style=\"margin-bottom: 30px;\">\n                    <div class=\"dam-balance-display\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px; max-width: 650px; margin: 0 auto;\">\n                        \n                        <!-- Membership Badge - Compact -->\n                                                \n                        <!-- Coins Balance - Compact -->\n                        <div class=\"dam-balance-card\" style=\"background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); padding: 18px 20px; border-radius: 16px; box-shadow: 0 6px 20px rgba(245, 158, 11, 0.35); position: relative; overflow: hidden; transition: all 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 25px rgba(245, 158, 11, 0.45)'\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 6px 20px rgba(245, 158, 11, 0.35)'\">\n                            <!-- Background Pattern -->\n                            <div style=\"position: absolute; top: -15px; right: -15px; font-size: 5rem; opacity: 0.12; transform: rotate(-15deg);\">\ud83e\ude99<\/div>\n                            \n                            <div style=\"position: relative; z-index: 1;\">\n                                <div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 8px;\">\n                                    <div style=\"font-size: 2rem; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.2));\">\ud83e\ude99<\/div>\n                                    <div style=\"color: rgba(255,255,255,0.95); font-size: 0.85rem; font-weight: 600; letter-spacing: 0.3px;\">\u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/div>\n                                <\/div>\n                                <div style=\"display: flex; align-items: baseline; gap: 6px;\">\n                                    <div style=\"color: white; font-size: 1.8rem; font-weight: 800; text-shadow: 0 2px 6px rgba(0,0,0,0.2); line-height: 1;\">\n                                        0                                    <\/div>\n                                    <div style=\"color: rgba(255,255,255,0.9); font-size: 1rem; font-weight: 600;\">\u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Responsive Style for Mobile -->\n                    <style>\n                        @media (max-width: 768px) {\n                            .dam-balance-display {\n                                grid-template-columns: 1fr !important;\n                                gap: 12px !important;\n                            }\n                            .dam-membership-badge-card,\n                            .dam-balance-card {\n                                padding: 16px 18px !important;\n                            }\n                        }\n                    <\/style>\n                <\/div>\n                <\/div>\n                        \n            <!-- Rewards Grid -->\n            <div class=\"dam-rewards-grid\">\n                                                        <div class=\"dam-reward-card dam-insufficient-points\">\n                        <div class=\"dam-reward-image\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/09\/sticker.png\" alt=\"\u0e2a\u0e15\u0e34\u0e01\u0e40\u0e01\u0e2d\u0e23\u0e4c\u0e0a\u0e38\u0e14\">\n                            <div class=\"dam-reward-category\">\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01<\/div>\n                                                    <\/div>\n                        \n                        <div class=\"dam-reward-content\">\n                            <h3 class=\"dam-reward-name\">\u0e2a\u0e15\u0e34\u0e01\u0e40\u0e01\u0e2d\u0e23\u0e4c\u0e0a\u0e38\u0e14<\/h3>\n                            <p class=\"dam-reward-description\">\u0e2a\u0e15\u0e34\u0e01\u0e40\u0e01\u0e2d\u0e23\u0e4c\u0e42\u0e14\u0e23\u0e19\u0e41\u0e25\u0e30\u0e42\u0e25\u0e42\u0e01\u0e49\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01<\/p>\n                            \n                            <div class=\"dam-reward-details\">\n                                <div class=\"dam-reward-points\">\n                                    <span class=\"dam-points-required\">10<\/span>\n                                    <span class=\"dam-points-text\">\ud83e\ude99<\/span>\n                                <\/div>\n                                <div class=\"dam-reward-stock\">\n                                    <span class=\"dam-stock-icon\">\ud83d\udce6<\/span>\n                                    <span class=\"dam-stock-count\">\u0e40\u0e2b\u0e25\u0e37\u0e2d 104 \u0e0a\u0e34\u0e49\u0e19<\/span>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"dam-reward-actions\">\n                                                                    <button class=\"dam-exchange-btn dam-btn-disabled\" disabled>\n                                        \u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e44\u0e21\u0e48\u0e1e\u0e2d (\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e35\u0e01 10 \u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d)\n                                    <\/button>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"dam-reward-card dam-insufficient-points\">\n                        <div class=\"dam-reward-image\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/09\/tringet.png\" alt=\"\u0e1e\u0e27\u0e07\u0e01\u0e38\u0e0d\u0e41\u0e08 Drone\">\n                            <div class=\"dam-reward-category\">\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01<\/div>\n                                                    <\/div>\n                        \n                        <div class=\"dam-reward-content\">\n                            <h3 class=\"dam-reward-name\">\u0e1e\u0e27\u0e07\u0e01\u0e38\u0e0d\u0e41\u0e08 Drone<\/h3>\n                            <p class=\"dam-reward-description\">\u0e1e\u0e27\u0e07\u0e01\u0e38\u0e0d\u0e41\u0e08\u0e23\u0e39\u0e1b\u0e42\u0e14\u0e23\u0e19 \u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01<\/p>\n                            \n                            <div class=\"dam-reward-details\">\n                                <div class=\"dam-reward-points\">\n                                    <span class=\"dam-points-required\">50<\/span>\n                                    <span class=\"dam-points-text\">\ud83e\ude99<\/span>\n                                <\/div>\n                                <div class=\"dam-reward-stock\">\n                                    <span class=\"dam-stock-icon\">\ud83d\udce6<\/span>\n                                    <span class=\"dam-stock-count\">\u0e40\u0e2b\u0e25\u0e37\u0e2d 51 \u0e0a\u0e34\u0e49\u0e19<\/span>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"dam-reward-actions\">\n                                                                    <button class=\"dam-exchange-btn dam-btn-disabled\" disabled>\n                                        \u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e44\u0e21\u0e48\u0e1e\u0e2d (\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e35\u0e01 50 \u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d)\n                                    <\/button>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"dam-reward-card dam-insufficient-points\">\n                        <div class=\"dam-reward-image\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/09\/brooch.png\" alt=\"\u0e40\u0e02\u0e47\u0e21\u0e01\u0e25\u0e31\u0e14\u0e2a\u0e34\u0e1a\u0e15\u0e23\u0e35\">\n                            <div class=\"dam-reward-category\">\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01<\/div>\n                                                    <\/div>\n                        \n                        <div class=\"dam-reward-content\">\n                            <h3 class=\"dam-reward-name\">\u0e40\u0e02\u0e47\u0e21\u0e01\u0e25\u0e31\u0e14\u0e2a\u0e34\u0e1a\u0e15\u0e23\u0e35<\/h3>\n                            <p class=\"dam-reward-description\">\u0e40\u0e02\u0e47\u0e21\u0e01\u0e25\u0e31\u0e14\u0e2a\u0e34\u0e1a\u0e15\u0e23\u0e35<\/p>\n                            \n                            <div class=\"dam-reward-details\">\n                                <div class=\"dam-reward-points\">\n                                    <span class=\"dam-points-required\">200<\/span>\n                                    <span class=\"dam-points-text\">\ud83e\ude99<\/span>\n                                <\/div>\n                                <div class=\"dam-reward-stock\">\n                                    <span class=\"dam-stock-icon\">\ud83d\udce6<\/span>\n                                    <span class=\"dam-stock-count\">\u0e40\u0e2b\u0e25\u0e37\u0e2d 19 \u0e0a\u0e34\u0e49\u0e19<\/span>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"dam-reward-actions\">\n                                                                    <button class=\"dam-exchange-btn dam-btn-disabled\" disabled>\n                                        \u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e44\u0e21\u0e48\u0e1e\u0e2d (\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e35\u0e01 200 \u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d)\n                                    <\/button>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"dam-reward-card dam-insufficient-points\">\n                        <div class=\"dam-reward-image\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/09\/cup.png\" alt=\"\u0e41\u0e01\u0e49\u0e27\u0e19\u0e49\u0e33 Drone Association\">\n                            <div class=\"dam-reward-category\">\u0e02\u0e2d\u0e07\u0e43\u0e0a\u0e49<\/div>\n                                                    <\/div>\n                        \n                        <div class=\"dam-reward-content\">\n                            <h3 class=\"dam-reward-name\">\u0e41\u0e01\u0e49\u0e27\u0e19\u0e49\u0e33 Drone Association<\/h3>\n                            <p class=\"dam-reward-description\">\u0e41\u0e01\u0e49\u0e27\u0e19\u0e49\u0e33\u0e2a\u0e41\u0e15\u0e19\u0e40\u0e25\u0e2a \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e42\u0e25\u0e42\u0e01\u0e49<\/p>\n                            \n                            <div class=\"dam-reward-details\">\n                                <div class=\"dam-reward-points\">\n                                    <span class=\"dam-points-required\">30<\/span>\n                                    <span class=\"dam-points-text\">\ud83e\ude99<\/span>\n                                <\/div>\n                                <div class=\"dam-reward-stock\">\n                                    <span class=\"dam-stock-icon\">\ud83d\udce6<\/span>\n                                    <span class=\"dam-stock-count\">\u0e40\u0e2b\u0e25\u0e37\u0e2d 28 \u0e0a\u0e34\u0e49\u0e19<\/span>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"dam-reward-actions\">\n                                                                    <button class=\"dam-exchange-btn dam-btn-disabled\" disabled>\n                                        \u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e44\u0e21\u0e48\u0e1e\u0e2d (\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e35\u0e01 30 \u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d)\n                                    <\/button>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"dam-reward-card dam-insufficient-points\">\n                        <div class=\"dam-reward-image\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/09\/cap.png\" alt=\"\u0e2b\u0e21\u0e27\u0e01 Drone Association\">\n                            <div class=\"dam-reward-category\">\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e1c\u0e49\u0e32<\/div>\n                                                    <\/div>\n                        \n                        <div class=\"dam-reward-content\">\n                            <h3 class=\"dam-reward-name\">\u0e2b\u0e21\u0e27\u0e01 Drone Association<\/h3>\n                            <p class=\"dam-reward-description\">\u0e2b\u0e21\u0e27\u0e01\u0e1c\u0e49\u0e32\u0e43\u0e1a \u0e1b\u0e31\u0e01\u0e42\u0e25\u0e42\u0e01\u0e49\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01<\/p>\n                            \n                            <div class=\"dam-reward-details\">\n                                <div class=\"dam-reward-points\">\n                                    <span class=\"dam-points-required\">45<\/span>\n                                    <span class=\"dam-points-text\">\ud83e\ude99<\/span>\n                                <\/div>\n                                <div class=\"dam-reward-stock\">\n                                    <span class=\"dam-stock-icon\">\ud83d\udce6<\/span>\n                                    <span class=\"dam-stock-count\">\u0e40\u0e2b\u0e25\u0e37\u0e2d 15 \u0e0a\u0e34\u0e49\u0e19<\/span>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"dam-reward-actions\">\n                                                                    <button class=\"dam-exchange-btn dam-btn-disabled\" disabled>\n                                        \u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e44\u0e21\u0e48\u0e1e\u0e2d (\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e35\u0e01 45 \u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d)\n                                    <\/button>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"dam-reward-card dam-insufficient-points\">\n                        <div class=\"dam-reward-image\">\n                            <img decoding=\"async\" src=\"https:\/\/droneth.or.th\/wp-content\/uploads\/2025\/09\/shirt.png\" alt=\"\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e22\u0e37\u0e14 Drone Association\">\n                            <div class=\"dam-reward-category\">\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e1c\u0e49\u0e32<\/div>\n                                                    <\/div>\n                        \n                        <div class=\"dam-reward-content\">\n                            <h3 class=\"dam-reward-name\">\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e22\u0e37\u0e14 Drone Association<\/h3>\n                            <p class=\"dam-reward-description\">\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e22\u0e37\u0e14\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e14\u0e35 \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e42\u0e25\u0e42\u0e01\u0e49\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01<\/p>\n                            \n                            <div class=\"dam-reward-details\">\n                                <div class=\"dam-reward-points\">\n                                    <span class=\"dam-points-required\">100<\/span>\n                                    <span class=\"dam-points-text\">\ud83e\ude99<\/span>\n                                <\/div>\n                                <div class=\"dam-reward-stock\">\n                                    <span class=\"dam-stock-icon\">\ud83d\udce6<\/span>\n                                    <span class=\"dam-stock-count\">\u0e40\u0e2b\u0e25\u0e37\u0e2d 25 \u0e0a\u0e34\u0e49\u0e19<\/span>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"dam-reward-actions\">\n                                                                    <button class=\"dam-exchange-btn dam-btn-disabled\" disabled>\n                                        \u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e44\u0e21\u0e48\u0e1e\u0e2d (\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e35\u0e01 100 \u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d)\n                                    <\/button>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                <\/div>\n        <\/div>\n        \n        <!-- JavaScript Initialization -->\n        <script type=\"text\/javascript\">\n        jQuery(document).ready(function($) {\n            damInitializeRewardsExchange();\n        });\n        <\/script>\n        \n        \n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","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":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-11521","page","type-page","status-publish","hentry"],"acf":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Teerachai Lertpanikul","author_link":"https:\/\/droneth.or.th\/ja\/author\/adminnu\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":null,"_links":{"self":[{"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/pages\/11521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/comments?post=11521"}],"version-history":[{"count":2,"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/pages\/11521\/revisions"}],"predecessor-version":[{"id":17473,"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/pages\/11521\/revisions\/17473"}],"wp:attachment":[{"href":"https:\/\/droneth.or.th\/ja\/wp-json\/wp\/v2\/media?parent=11521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}