{"id":744,"date":"2023-03-14T11:12:10","date_gmt":"2023-03-14T04:12:10","guid":{"rendered":"https:\/\/www.nongkhaimaibab.com\/?page_id=744"},"modified":"2024-02-17T21:43:01","modified_gmt":"2024-02-17T14:43:01","slug":"%e0%b8%aa%e0%b8%b4%e0%b8%99%e0%b8%84%e0%b9%89%e0%b8%b2-%e0%b9%80%e0%b8%8a%e0%b9%88%e0%b8%b2","status":"publish","type":"page","link":"https:\/\/www.nongkhaimaibab.com\/en\/%e0%b8%aa%e0%b8%b4%e0%b8%99%e0%b8%84%e0%b9%89%e0%b8%b2-%e0%b9%80%e0%b8%8a%e0%b9%88%e0%b8%b2\/","title":{"rendered":"\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u0e40\u0e0a\u0e48\u0e32"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"744\" class=\"elementor elementor-744\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dbc14b4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dbc14b4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fb129aa\" data-id=\"fb129aa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fd287a1 elementor-widget elementor-widget-shortcode\" data-id=\"fd287a1\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<article class=\"hide-on-mobile\">\n    <section class=\"packed-detail\">\n            <div class=\"w-80-center\">\n                <p class=\"font-24px font-w-500 text-blue text-uppercase\">\n                    \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\n                <\/p>\n                <ul class=\"m-d expand-list\">\n                    <li data-md-content=\"150\" class=\"bg-none-catagory\" id=\"id_\">\n                        <label name=\"tab\" for=\"112\" tabindex=\"-1\"\n                            class=\"tab_lab font-20px text-dark font-w-300 text-capitalize\"\n                            role=\"tab\" id=\"cLabel\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\n                        <\/label>\n                            <input type=\"checkbox\" class=\"tab\" id=\"tab2\" tabindex=\"0\" \/>\n                                    <span class=\"open-close-icon\"><i class=\"fas fa-plus\"><\/i>\n                                    <i class=\"fas fa-minus\"><\/i>\n                                <\/span>\n                            <div id=\"categoriesList\" class=\"content\">\n\n\n                            <\/div>\n                    <\/li>\n                <\/ul>                \n            <\/div>\n        <\/section>\n    <section class=\"w-80-center\">\n        <section class=\"product\">\n            <div class=\"product-bg-article\">\n                <div class=\"\">\n                    <h4 class=\"font-24px font-w-500 text-dark text-uppercase\" id=\"sLabel\">\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 <\/h4>\n                    <br>\n                    <br><br>\n                <\/div>\n                <div class=\"swiper-img\">\n                    <div class=\"service-img\">\n                        <div class=\"\" dir=\"ltr\">\n                            <div class=\"d-grid c4col\" id=\"productList\">\n                              \n                            <\/div>\n                            <div class=\"promotion-pageination pt-1 d-flex justify-content-center align-items-center mb-5\">\n                                <center>\n                                    <nav aria-label=\"Page navigation example\">\n                                        <ul class=\"pagination pagination-number justify-content-center\" id=\"paginateList\">\n                                        \n                                        <\/ul>\n                                    <\/nav>\n                                <\/center>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/section>\n<\/article>\n\n\n\n\n\n\n\n<article class=\"hide-on-pc\">\n    <section class=\"packed-detail\">\n            <div class=\"w-80-center\">\n                <p class=\"font-24px font-w-500 text-blue text-uppercase\">\n                    \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\n                <\/p>\n                <ul class=\"m-d expand-list\">\n                    <li data-md-content=\"150\" class=\"bg-none-catagory\" id=\"id_1\">\n                        <label name=\"tab\" for=\"112\" tabindex=\"-1\"\n                            class=\"tab_lab font-20px text-dark font-w-300 text-capitalize\"\n                            role=\"tab\" id=\"cLabel_m\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/label>\n                            <input type=\"checkbox\" class=\"tab\" id=\"tab2\" tabindex=\"0\" \/>\n                                    <span class=\"open-close-icon\"><i class=\"fas fa-plus\"><\/i><i\n                                            class=\"fas fa-minus\"><\/i><\/span>\n                        \n                        <div id=\"categoriesList_m\" class=\"content\">\n                        <\/div>\n\n                    <\/li>\n                <\/ul>                \n            <\/div>\n        <\/section>\n    <section class=\"w-80-center\">\n        <section class=\"product\">\n            <div class=\"product-bg-article\">\n                <div class=\"\">\n                    <h4 class=\"font-24px font-w-500 text-dark text-uppercase\" id=\"sLabel_m\"><\/h4>\n                    <br>\n                    <br><br>\n                <\/div>\n                <div class=\"swiper-img\">\n                    <div class=\"service-img\">\n                        <div class=\"\" dir=\"ltr\">\n                            <div class=\"d-grid c4col\" id=\"productList_m\">\n\n                            <\/div>\n                            <div class=\"promotion-pageination pt-1 d-flex justify-content-center align-items-center mb-5\">\n                                <center>\n                                    <nav aria-label=\"Page navigation example\">\n                                        <ul class=\"pagination pagination-number justify-content-center\" id=\"paginateList_m\">\n\n                                        <\/ul>\n                                    <\/nav>\n                                <\/center>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/section>\n<\/article>\n\n\n<script>\nfunction clickToProductDetail(id) {\n    localStorage.setItem('product_id', id);\n    window.location.href = `https:\/\/www.nongkhaimaibab.com\/product_detail\/`;\n};\n\nfunction addToCart(pid) {\n    \/\/ console.log(item)\n    jQuery(document).ready(function($) {\n        $.ajax({\n            url: `https:\/\/api.nongkhaimaibab.com\/api\/wordpress\/product\/${pid}`,\n            type: 'GET',\n            headers: { \n                'ngrok-skip-browser-warning': 'true',\n            },\n            success: function(response) {\n                \/\/ Handle the response here\n                console.log('API response:', response);\n                let data = response;\n\n                \n                \/\/ !!!--not same pid\n                \/\/ let carts = JSON.parse(localStorage.getItem('carts')) || [];\n\n                \/\/ let check = carts.find(item => item.id == pid);\n\n                \/\/ if(!check){\n                \/\/     carts.push(data);\n    \n                \/\/     localStorage.setItem('cart_counting', carts.length);\n    \n                \/\/     localStorage.setItem('carts', JSON.stringify(carts));\n    \n                \/\/     console.log(JSON.parse(localStorage.getItem('carts')))\n                \/\/ }\n\n                let carts = JSON.parse(localStorage.getItem('carts')) || [];\n\n                carts.push(data);\n\n                localStorage.setItem('cart_counting', carts.length);\n\n                localStorage.setItem('carts', JSON.stringify(carts));\n\n                console.log(JSON.parse(localStorage.getItem('carts')))\n\n                \/\/ You can manipulate DOM or process the data here\n            },\n            error: function(xhr, status, error) {\n                \/\/ Handle errors\n                console.error('AJAX Error:', status, error);\n            }\n        });\n    });\n\n    \/\/ let carts = JSON.parse(localStorage.getItem('carts')) || [];\n    \/\/ carts.push(item);\n    \/\/ localStorage.setItem('carts', JSON.stringify(carts));\n\/\/ \n    \/\/ console.log(JSON.parse(localStorage.getItem('carts')))\n}\n\nfunction callProductList(cid,page = 1,cdata = null) {\n    jQuery(document).ready(function($) {\n        \/\/ AJAX request\n        $.ajax({\n            url: `https:\/\/api.nongkhaimaibab.com\/api\/wordpress\/product?limit=12&type=hire&page=${page}${cid !== null ? `&category_id=${cid}` : ''}`,\n            type: 'GET',\n        headers: { \n            'ngrok-skip-browser-warning': 'true',\n        },\n            success: function(response) {\n                \/\/ Handle the response here\n                console.log('API response:', response.data);\n\n                var totalPage = response.data.last_page;\n                var paginateList = document.getElementById('paginateList');\n                var paginateList_m = document.getElementById('paginateList_m');\n\n                var loopDiv = document.getElementById('productList');\n                var cLabel = document.getElementById('cLabel');\n                var sLabel = document.getElementById('sLabel');\n                var loopDiv_m = document.getElementById('productList_m');\n                var cLabel_m = document.getElementById('cLabel_m');\n                var sLabel_m = document.getElementById('sLabel_m');\n\n                loopDiv.innerHTML = '';\n                loopDiv_m.innerHTML = '';\n\n                cLabel.innerHTML = cdata !== null ? `\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \"${cdata}\"` : '\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32'\n                sLabel.innerHTML = cdata !== null ? `\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 <span class=\"text-org\">\"${cdata}\"<\/span> \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14` : '\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14'\n                cLabel_m.innerHTML = cdata !== null ? `\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \"${cdata}\"` : '\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32'\n                sLabel_m.innerHTML = cdata !== null ? `\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 <span class=\"text-org\">\"${cdata}\"<\/span> \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14` : '\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14'\n\n                var elementInstance = '';\n                response.data.data.map((item) => {\n                    let htmlText = `\n                        <div class=\"card-product \">\n                            <div class=\"d-grid tag-4col\">\n                                            <div class=\"tag-bt tag-${item.quantity < 1 ? 'out' : item.sale_type == 'hire' ? 'rent' : 'sell'}\">${item.quantity < 1 ? '\u0e2b\u0e21\u0e14' : item.sale_type == 'hire' ? '\u0e40\u0e0a\u0e48\u0e32' : '\u0e02\u0e32\u0e22'}<\/div>\n                                <div><\/div>\n                            <\/div>\n                            <a href=\"#\" class=\"overlay-swiper\">\n                                <img decoding=\"async\" src=\"${item.base_images.length > 0 ? item.base_images[0] : 'https:\/\/dummyimage.com\/1280x720\/000\/fff'}\" alt=\"\" class=\"img-fluid\">\n                                <div class=\"overlay-title\">\n                                    <br>\n                                    <p class=\"font-20px font-w-400  text-center text-dark\">${item.name}<\/p>\n                                    <a onclick=\"clickToProductDetail(${item.id})\"\n                                        class=\"font-16px font-w-300  text-left text-dark truncate\">${item.description}<\/a>\n                                <\/div>\n                                <br>\n                            <\/a>\n                            <div class=\"d-grid d-grid-c2col\">\n                                <div class=\"d-flex bt justify-content-center\">\n                                    <div onclick=\"clickToProductDetail(${item.id})\" class=\"font-w-200 text-white scale-up cursir_p\">\n                                        <div class=\"main-bt padding-main-bt more-bt cursir_p\">\n                                            \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"d-flex bt justify-content-center \">\n                                    <div class=\"font-w-200 text-org cursir_p\">\n                                        <div class=\"main-bt padding-main-bt cart-bt scale-up\" onClick=\"addToCart(${item.id})\">\n                                            \u0e43\u0e2a\u0e48\u0e15\u0e23\u0e30\u0e01\u0e23\u0e49\u0e32\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                        <\/div>\n                    `;\n\n                    elementInstance += htmlText\n\n\n                });\n\n                loopDiv.innerHTML = elementInstance;\n                loopDiv_m.innerHTML = elementInstance;\n\n                var paginateInstance = '';\n                var paginateInstance_m = '';\n\t\t\t\t\n\t\t\t\tpaginateList.innerHTML = '';\n                paginateList_m.innerHTML = '';\n\n                if(page > 1){\n                    paginateInstance += `\n                        <li class=\"pagenate_li\" onclick=\"callProductList(${cid !== null ? cid : null},${page - 1},${ cdata !== null ? `'${cdata}'` : null})\">\n                            <div class=\"paginate\">${'<'}<\/div>\n                        <\/li>\n                    `;\n                    paginateInstance_m += `\n                        <li class=\"pagenate_li\" onclick=\"callProductList(${cid !== null ? cid : null},${page - 1},${ cdata !== null ? `'${cdata}'` : null})\">\n                            <div class=\"paginate\">${'<'}<\/div>\n                        <\/li>\n                    `;\n                }\n\n                if(totalPage > 3){\n                    for (let i = page; i <= page + 2; i++){\n                        if(i <= totalPage){\n                            paginateInstance += `\n                                <li class=\"pagenate_li ${page == i ? 'active' : ''}\"  onclick=\"callProductList(${cid !== null ? cid : null},${i},${ cdata !== null ? `'${cdata}'` : null})\">\n                                    <div class=\"paginate\">${i}<\/div>\n                                <\/li>\n                            `;\n                            paginateInstance_m += `\n                                <li class=\"pagenate_li ${page == i ? 'active' : ''}\"  onclick=\"callProductList(${cid !== null ? cid : null},${i},${ cdata !== null ? `'${cdata}'` : null})\">\n                                    <div class=\"paginate\">${i}<\/div>\n                                <\/li>\n                            `;\n                        }\n                    }\n\n                    paginateInstance += `\n                            <li class=\"pagenate_li\">\n                                <div   class=\"paginate\">...<\/div>\n                            <\/li>\n                        `;\n                    paginateInstance_m += `\n                        <li class=\"pagenate_li\">\n                            <div\" class=\"paginate\">...<\/div>\n                        <\/li>\n                    `;\n                }else{\n                    for (let i = 1; i <= totalPage; i++){\n                        paginateInstance += `\n                            <li class=\"pagenate_li ${page == i ? 'active' : ''}\"  onclick=\"callProductList(${cid !== null ? cid : null},${i},${ cdata !== null ? `'${cdata}'` : null})\">\n                                <div class=\"paginate\">${i}<\/div>\n                            <\/li>\n                        `;\n                        paginateInstance_m += `\n                            <li class=\"pagenate_li ${page == i ? 'active' : ''}\"  onclick=\"callProductList(${cid !== null ? cid : null},${i},${ cdata !== null ? `'${cdata}'` : null})\">\n                                <div class=\"paginate\">${i}<\/div>\n                            <\/li>\n                        `;\n                    }\n                }\n                \n\n                if(page < totalPage){\n                    paginateInstance += `\n                        <li class=\"pagenate_li\"  onclick=\"callProductList(${cid !== null ? cid : null},${page + 1},${ cdata !== null ? `'${cdata}'` : null})\">\n                            <div class=\"paginate\">${'>'}<\/div>\n                        <\/li>\n                    `;\n                    paginateInstance_m += `\n                        <li class=\"pagenate_li\"  onclick=\"callProductList(${cid !== null ? cid : null},${page + 1},${ cdata !== null ? `'${cdata}'` : null})\">\n                            <div class=\"paginate\">${'>'}<\/div>\n                        <\/li>\n                    `;\n                }\n\n                paginateList.innerHTML = paginateInstance;\n                paginateList_m.innerHTML = paginateInstance_m;\n\n                \n                \/\/ You can manipulate DOM or process the data here\n            },\n            error: function(xhr, status, error) {\n                \/\/ Handle errors\n                console.error('AJAX Error:', status, error);\n            }\n        });\n    });\n};\njQuery(document).ready(function($) {\n    \/\/ AJAX request\n    $.ajax({\n        url: 'https:\/\/api.nongkhaimaibab.com\/api\/product-category',\n        type: 'GET',\n        headers: { \n            'ngrok-skip-browser-warning': 'true',\n        },\n        success: function(response) {\n            \/\/ Handle the response here\n            console.log('API response:', response.data.data);\n\n            var loopDiv = document.getElementById('categoriesList');\n            var loopDiv_m = document.getElementById('categoriesList_m');\n            var elementInstance = '';\n            response.data.data.map((item) => {\n                \n                let htmlText = `\n                    <a href=\"#\" onclick=\"callProductList(${item.id},1,'${item.name}')\" class=\"d-block\">\n                        <p class=\"font-22px text-org font-w-400\">${item.name}<\/p>\n                    <\/a>\n                `;\n\n                elementInstance += htmlText\n\n\n            });\n\n            loopDiv.innerHTML = elementInstance;\n            loopDiv_m.innerHTML = elementInstance;\n\n\n\n            \n            \/\/ You can manipulate DOM or process the data here\n        },\n        error: function(xhr, status, error) {\n            \/\/ Handle errors\n            console.error('AJAX Error:', status, error);\n        }\n    });\n\n    callProductList(null,1,null);\n});\n<\/script>\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-744","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.nongkhaimaibab.com\/en\/wp-json\/wp\/v2\/pages\/744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nongkhaimaibab.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nongkhaimaibab.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nongkhaimaibab.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nongkhaimaibab.com\/en\/wp-json\/wp\/v2\/comments?post=744"}],"version-history":[{"count":10,"href":"https:\/\/www.nongkhaimaibab.com\/en\/wp-json\/wp\/v2\/pages\/744\/revisions"}],"predecessor-version":[{"id":1504,"href":"https:\/\/www.nongkhaimaibab.com\/en\/wp-json\/wp\/v2\/pages\/744\/revisions\/1504"}],"wp:attachment":[{"href":"https:\/\/www.nongkhaimaibab.com\/en\/wp-json\/wp\/v2\/media?parent=744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}