RR Copper Pipe Enquiry<\/title>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n\r\n<style>\r\n\r\nbody{\r\nfont-family:Segoe UI;\r\nbackground:linear-gradient(135deg,#f8fafc,#eef2f7);\r\nmargin:0;\r\npadding:0;\r\n}\r\n\r\n.box{\r\nmax-width:760px;\r\nmargin:40px auto;\r\nbackground:#fff;\r\npadding:35px;\r\nborder-radius:18px;\r\nborder:2px solid #eee;\r\nbox-shadow:0 20px 60px rgba(0,0,0,.08);\r\ntransition:.3s;\r\n}\r\n\r\n.box:hover{\r\nborder-color:#ef4444;\r\ntransform:translateY(-4px);\r\n}\r\n\r\n.brand{\r\ntext-align:center;\r\nfont-size:30px;\r\nfont-weight:800;\r\ncolor:#dc2626;\r\n}\r\n\r\n.title{\r\ntext-align:center;\r\nfont-size:18px;\r\n}\r\n\r\n.rate{\r\ntext-align:center;\r\nfont-weight:bold;\r\nmargin:10px 0 25px;\r\ncolor:#374151;\r\n}\r\n\r\nlabel{\r\nfont-weight:600;\r\ndisplay:block;\r\nmargin-top:16px;\r\n}\r\n\r\ninput,select,textarea{\r\nwidth:100%;\r\npadding:12px;\r\nmargin-top:6px;\r\nborder-radius:8px;\r\nborder:2px solid #e5e7eb;\r\nfont-size:14px;\r\n}\r\n\r\ninput:focus,select:focus,textarea:focus{\r\noutline:none;\r\nborder-color:#ef4444;\r\nbox-shadow:0 0 0 3px rgba(239,68,68,.15);\r\n}\r\n\r\n\/* SIZE BOX *\/\r\n\r\n.size-box{\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\ngap:10px;\r\nmargin-top:10px;\r\n}\r\n\r\n.size-box label{\r\nbackground:#f1f5f9;\r\npadding:8px 12px;\r\nborder-radius:8px;\r\ncursor:pointer;\r\nborder:2px solid transparent;\r\ntransition:.25s;\r\n}\r\n\r\n.size-box label:hover{\r\nbackground:#fee2e2;\r\nborder-color:#ef4444;\r\n}\r\n\r\n\/* TABLE MOBILE FIX *\/\r\n\r\n.table-wrap{\r\nwidth:100%;\r\noverflow-x:auto;\r\nmargin-top:25px;\r\n}\r\n\r\ntable{\r\nmin-width:650px;\r\nborder-collapse:collapse;\r\n}\r\n\r\nth,td{\r\nborder:1px solid #ddd;\r\npadding:10px;\r\ntext-align:center;\r\nfont-size:14px;\r\n}\r\n\r\nth{\r\nbackground:#ef4444;\r\ncolor:white;\r\n}\r\n\r\n\/* BUTTON *\/\r\n\r\nbutton{\r\nmargin-top:25px;\r\nwidth:100%;\r\npadding:14px;\r\nborder:none;\r\nborder-radius:10px;\r\nfont-size:16px;\r\nfont-weight:600;\r\ncursor:pointer;\r\nbackground:linear-gradient(135deg,#ef4444,#b91c1c);\r\ncolor:white;\r\ntransition:.3s;\r\n}\r\n\r\nbutton:hover{\r\ntransform:translateY(-2px);\r\n}\r\n\r\n\/* POPUP *\/\r\n\r\n.popup{\r\nposition:fixed;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:100%;\r\ndisplay:none;\r\nalign-items:center;\r\njustify-content:center;\r\nbackground:rgba(0,0,0,.5);\r\n}\r\n\r\n.popup-box{\r\nbackground:#dc2626;\r\ncolor:white;\r\npadding:30px;\r\nborder-radius:16px;\r\ntext-align:center;\r\nmax-width:350px;\r\n}\r\n\r\n.popup-box button{\r\nbackground:white;\r\ncolor:#dc2626;\r\nmargin-top:15px;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"box\">\r\n\r\n<div class=\"brand\">RR<\/div>\r\n<div class=\"title\">Copper Pipe Enquiry<\/div>\r\n<div class=\"rate\">Today Expected Price : 1380 \u2013 1420<\/div>\r\n\r\n<label>Name<\/label>\r\n<input type=\"text\" id=\"name\">\r\n\r\n<label>Category<\/label>\r\n<select id=\"category\">\r\n<option value=\"\">Select Category<\/option>\r\n<option value=\"excel\">Excel<\/option>\r\n<option value=\"prime\">Prime<\/option>\r\n<option value=\"vrv\">VRV<\/option>\r\n<\/select>\r\n\r\n<label>Select Sizes<\/label>\r\n<div id=\"sizes\" class=\"size-box\"><\/div>\r\n\r\n<div class=\"table-wrap\">\r\n\r\n<table id=\"specTable\" style=\"display:none\">\r\n\r\n<thead>\r\n<tr>\r\n<th>Size<\/th>\r\n<th>MM<\/th>\r\n<th>Thickness<\/th>\r\n<th>Coil Weight<\/th>\r\n<th>Coils\/Box<\/th>\r\n<th>Box Weight<\/th>\r\n<\/tr>\r\n<\/thead>\r\n\r\n<tbody><\/tbody>\r\n\r\n<\/table>\r\n\r\n<\/div>\r\n\r\n<label>Phone<\/label>\r\n<input type=\"tel\" id=\"phone\">\r\n\r\n<label>Email<\/label>\r\n<input type=\"email\" id=\"email\">\r\n\r\n<label>Message<\/label>\r\n<textarea rows=\"3\" id=\"message\"><\/textarea>\r\n\r\n<button onclick=\"submitForm()\">Submit Enquiry<\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<div id=\"popup\" class=\"popup\">\r\n\r\n<div class=\"popup-box\">\r\n\r\n<h2>Thank You \u2764\ufe0f<\/h2>\r\n<p>Our team will contact you shortly.<\/p>\r\n\r\n<button onclick=\"closePopup()\">Close<\/button>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nconst data={\r\n\r\nexcel:{\r\n\"03\/16\":{mm:\"4.76\",thk:\"0.50\",coil:\"0.90\",box:\"22\",boxwt:\"19.80\"},\r\n\"1\/4\":{mm:\"6.35\",thk:\"0.61\",coil:\"1.50\",box:\"22\",boxwt:\"33.00\"},\r\n\"5\/16\":{mm:\"7.94\",thk:\"0.57\",coil:\"1.80\",box:\"15\",boxwt:\"27.00\"},\r\n\"3\/8\":{mm:\"9.52\",thk:\"0.66\",coil:\"2.50\",box:\"15\",boxwt:\"37.50\"},\r\n\"1\/2\":{mm:\"12.70\",thk:\"0.68\",coil:\"3.50\",box:\"10\",boxwt:\"35.00\"},\r\n\"5\/8\":{mm:\"15.88\",thk:\"0.69\",coil:\"4.50\",box:\"8\",boxwt:\"36.00\"},\r\n\"3\/4\":{mm:\"19.05\",thk:\"0.74\",coil:\"5.80\",box:\"6\",boxwt:\"34.80\"},\r\n\"7\/8\":{mm:\"22.22\",thk:\"0.90\",coil:\"8.20\",box:\"4\",boxwt:\"32.80\"}\r\n},\r\n\r\nprime:{\r\n\"1\/4\":{mm:\"6.35\",thk:\"0.54\",coil:\"1.35\",box:\"22\",boxwt:\"29.70\"},\r\n\"3\/8\":{mm:\"9.52\",thk:\"0.58\",coil:\"2.20\",box:\"15\",boxwt:\"33.00\"},\r\n\"1\/2\":{mm:\"12.70\",thk:\"0.62\",coil:\"3.20\",box:\"10\",boxwt:\"32.00\"},\r\n\"5\/8\":{mm:\"15.88\",thk:\"0.65\",coil:\"4.20\",box:\"8\",boxwt:\"33.60\"}\r\n},\r\n\r\nvrv:{\r\n\"1\/4\":{mm:\"6.35\",thk:\"0.80\",coil:\"1.90\",box:\"15\",boxwt:\"28.50\"},\r\n\"3\/8\":{mm:\"9.52\",thk:\"0.80\",coil:\"3.00\",box:\"10\",boxwt:\"30.00\"},\r\n\"1\/2\":{mm:\"12.70\",thk:\"0.80\",coil:\"4.00\",box:\"8\",boxwt:\"32.00\"},\r\n\"5\/8\":{mm:\"15.88\",thk:\"1.00\",coil:\"6.30\",box:\"5\",boxwt:\"31.50\"},\r\n\"3\/4\":{mm:\"19.05\",thk:\"1.00\",coil:\"7.70\",box:\"4\",boxwt:\"30.80\"},\r\n\"7\/8\":{mm:\"22.22\",thk:\"1.00\",coil:\"9.00\",box:\"4\",boxwt:\"36.00\"}\r\n}\r\n\r\n}\r\n\r\nconst category=document.getElementById(\"category\")\r\nconst sizes=document.getElementById(\"sizes\")\r\nconst table=document.getElementById(\"specTable\")\r\nconst tbody=table.querySelector(\"tbody\")\r\n\r\ncategory.addEventListener(\"change\",()=>{\r\n\r\nsizes.innerHTML=\"\"\r\ntbody.innerHTML=\"\"\r\ntable.style.display=\"none\"\r\n\r\nlet cat=data[category.value]\r\n\r\nfor(let size in cat){\r\n\r\nlet label=document.createElement(\"label\")\r\nlabel.innerHTML=`<input type=\"checkbox\" value=\"${size}\"> ${size}`\r\nsizes.appendChild(label)\r\n\r\n}\r\n\r\n})\r\n\r\nsizes.addEventListener(\"change\",(e)=>{\r\n\r\nif(e.target.type===\"checkbox\"){\r\n\r\nlet size=e.target.value\r\nlet cat=data[category.value]\r\nlet d=cat[size]\r\n\r\nif(e.target.checked){\r\n\r\ntable.style.display=\"table\"\r\n\r\nlet row=document.createElement(\"tr\")\r\n\r\nrow.innerHTML=`\r\n<td>${size}<\/td>\r\n<td>${d.mm}<\/td>\r\n<td>${d.thk}<\/td>\r\n<td>${d.coil}<\/td>\r\n<td>${d.box}<\/td>\r\n<td>${d.boxwt}<\/td>\r\n`\r\n\r\ntbody.appendChild(row)\r\n\r\n}else{\r\n\r\n[...tbody.rows].forEach(r=>{\r\nif(r.cells[0].innerText===size) r.remove()\r\n})\r\n\r\n}\r\n\r\n}\r\n\r\n})\r\n\r\nfunction submitForm(){\r\n\r\nlet name=document.getElementById(\"name\").value\r\nlet phone=document.getElementById(\"phone\").value\r\n\r\nif(name==\"\" || phone==\"\"){\r\nalert(\"Please fill Name and Phone\")\r\nreturn\r\n}\r\n\r\nlet sizesSelected=[]\r\n\r\ndocument.querySelectorAll('#sizes input:checked').forEach(el=>{\r\nsizesSelected.push(el.value)\r\n})\r\n\r\nlet dataSend=new URLSearchParams()\r\n\r\ndataSend.append(\"name\",name)\r\ndataSend.append(\"category\",category.value)\r\ndataSend.append(\"sizes\",sizesSelected.join(\", \"))\r\ndataSend.append(\"phone\",phone)\r\ndataSend.append(\"email\",email.value)\r\ndataSend.append(\"message\",message.value)\r\n\r\nfetch(\"https:\/\/script.google.com\/macros\/s\/AKfycbw-S0kueJW5RrDLPnLYO6F4GKF962n-CEoqK4JzStLOZ0tZwpoaGCEX4EUvNKtCSse5fw\/exec\",{\r\nmethod:\"POST\",\r\nbody:dataSend\r\n})\r\n\r\ndocument.getElementById(\"popup\").style.display=\"flex\"\r\n\r\nconfetti({particleCount:150,spread:120,origin:{y:0.6}})\r\n\r\n}\r\n\r\nfunction closePopup(){\r\ndocument.getElementById(\"popup\").style.display=\"none\"\r\n}\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>RR Copper Pipe Enquiry RR Copper Pipe Enquiry Today Expected Price : 1380 \u2013 1420 Name Category Select CategoryExcelPrimeVRV Select Sizes Size MM Thickness Coil Weight Coils\/Box Box Weight Phone Email Message Submit Enquiry Thank You \u2764\ufe0f Our team will contact you shortly. Close<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1294","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mycosting.com\/index.php?rest_route=\/wp\/v2\/pages\/1294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mycosting.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mycosting.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mycosting.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mycosting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1294"}],"version-history":[{"count":34,"href":"https:\/\/mycosting.com\/index.php?rest_route=\/wp\/v2\/pages\/1294\/revisions"}],"predecessor-version":[{"id":1338,"href":"https:\/\/mycosting.com\/index.php?rest_route=\/wp\/v2\/pages\/1294\/revisions\/1338"}],"wp:attachment":[{"href":"https:\/\/mycosting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\nRR Copper Pipe Enquiry<\/title>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n\r\n<style>\r\n\r\nbody{\r\nfont-family:Segoe UI;\r\nbackground:linear-gradient(135deg,#f8fafc,#eef2f7);\r\nmargin:0;\r\npadding:0;\r\n}\r\n\r\n.box{\r\nmax-width:760px;\r\nmargin:40px auto;\r\nbackground:#fff;\r\npadding:35px;\r\nborder-radius:18px;\r\nborder:2px solid #eee;\r\nbox-shadow:0 20px 60px rgba(0,0,0,.08);\r\ntransition:.3s;\r\n}\r\n\r\n.box:hover{\r\nborder-color:#ef4444;\r\ntransform:translateY(-4px);\r\n}\r\n\r\n.brand{\r\ntext-align:center;\r\nfont-size:30px;\r\nfont-weight:800;\r\ncolor:#dc2626;\r\n}\r\n\r\n.title{\r\ntext-align:center;\r\nfont-size:18px;\r\n}\r\n\r\n.rate{\r\ntext-align:center;\r\nfont-weight:bold;\r\nmargin:10px 0 25px;\r\ncolor:#374151;\r\n}\r\n\r\nlabel{\r\nfont-weight:600;\r\ndisplay:block;\r\nmargin-top:16px;\r\n}\r\n\r\ninput,select,textarea{\r\nwidth:100%;\r\npadding:12px;\r\nmargin-top:6px;\r\nborder-radius:8px;\r\nborder:2px solid #e5e7eb;\r\nfont-size:14px;\r\n}\r\n\r\ninput:focus,select:focus,textarea:focus{\r\noutline:none;\r\nborder-color:#ef4444;\r\nbox-shadow:0 0 0 3px rgba(239,68,68,.15);\r\n}\r\n\r\n\/* SIZE BOX *\/\r\n\r\n.size-box{\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\ngap:10px;\r\nmargin-top:10px;\r\n}\r\n\r\n.size-box label{\r\nbackground:#f1f5f9;\r\npadding:8px 12px;\r\nborder-radius:8px;\r\ncursor:pointer;\r\nborder:2px solid transparent;\r\ntransition:.25s;\r\n}\r\n\r\n.size-box label:hover{\r\nbackground:#fee2e2;\r\nborder-color:#ef4444;\r\n}\r\n\r\n\/* TABLE MOBILE FIX *\/\r\n\r\n.table-wrap{\r\nwidth:100%;\r\noverflow-x:auto;\r\nmargin-top:25px;\r\n}\r\n\r\ntable{\r\nmin-width:650px;\r\nborder-collapse:collapse;\r\n}\r\n\r\nth,td{\r\nborder:1px solid #ddd;\r\npadding:10px;\r\ntext-align:center;\r\nfont-size:14px;\r\n}\r\n\r\nth{\r\nbackground:#ef4444;\r\ncolor:white;\r\n}\r\n\r\n\/* BUTTON *\/\r\n\r\nbutton{\r\nmargin-top:25px;\r\nwidth:100%;\r\npadding:14px;\r\nborder:none;\r\nborder-radius:10px;\r\nfont-size:16px;\r\nfont-weight:600;\r\ncursor:pointer;\r\nbackground:linear-gradient(135deg,#ef4444,#b91c1c);\r\ncolor:white;\r\ntransition:.3s;\r\n}\r\n\r\nbutton:hover{\r\ntransform:translateY(-2px);\r\n}\r\n\r\n\/* POPUP *\/\r\n\r\n.popup{\r\nposition:fixed;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:100%;\r\ndisplay:none;\r\nalign-items:center;\r\njustify-content:center;\r\nbackground:rgba(0,0,0,.5);\r\n}\r\n\r\n.popup-box{\r\nbackground:#dc2626;\r\ncolor:white;\r\npadding:30px;\r\nborder-radius:16px;\r\ntext-align:center;\r\nmax-width:350px;\r\n}\r\n\r\n.popup-box button{\r\nbackground:white;\r\ncolor:#dc2626;\r\nmargin-top:15px;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"box\">\r\n\r\n<div class=\"brand\">RR<\/div>\r\n<div class=\"title\">Copper Pipe Enquiry<\/div>\r\n<div class=\"rate\">Today Expected Price : 1380 \u2013 1420<\/div>\r\n\r\n<label>Name<\/label>\r\n<input type=\"text\" id=\"name\">\r\n\r\n<label>Category<\/label>\r\n<select id=\"category\">\r\n<option value=\"\">Select Category<\/option>\r\n<option value=\"excel\">Excel<\/option>\r\n<option value=\"prime\">Prime<\/option>\r\n<option value=\"vrv\">VRV<\/option>\r\n<\/select>\r\n\r\n<label>Select Sizes<\/label>\r\n<div id=\"sizes\" class=\"size-box\"><\/div>\r\n\r\n<div class=\"table-wrap\">\r\n\r\n<table id=\"specTable\" style=\"display:none\">\r\n\r\n<thead>\r\n<tr>\r\n<th>Size<\/th>\r\n<th>MM<\/th>\r\n<th>Thickness<\/th>\r\n<th>Coil Weight<\/th>\r\n<th>Coils\/Box<\/th>\r\n<th>Box Weight<\/th>\r\n<\/tr>\r\n<\/thead>\r\n\r\n<tbody><\/tbody>\r\n\r\n<\/table>\r\n\r\n<\/div>\r\n\r\n<label>Phone<\/label>\r\n<input type=\"tel\" id=\"phone\">\r\n\r\n<label>Email<\/label>\r\n<input type=\"email\" id=\"email\">\r\n\r\n<label>Message<\/label>\r\n<textarea rows=\"3\" id=\"message\"><\/textarea>\r\n\r\n<button onclick=\"submitForm()\">Submit Enquiry<\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<div id=\"popup\" class=\"popup\">\r\n\r\n<div class=\"popup-box\">\r\n\r\n<h2>Thank You \u2764\ufe0f<\/h2>\r\n<p>Our team will contact you shortly.<\/p>\r\n\r\n<button onclick=\"closePopup()\">Close<\/button>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nconst data={\r\n\r\nexcel:{\r\n\"03\/16\":{mm:\"4.76\",thk:\"0.50\",coil:\"0.90\",box:\"22\",boxwt:\"19.80\"},\r\n\"1\/4\":{mm:\"6.35\",thk:\"0.61\",coil:\"1.50\",box:\"22\",boxwt:\"33.00\"},\r\n\"5\/16\":{mm:\"7.94\",thk:\"0.57\",coil:\"1.80\",box:\"15\",boxwt:\"27.00\"},\r\n\"3\/8\":{mm:\"9.52\",thk:\"0.66\",coil:\"2.50\",box:\"15\",boxwt:\"37.50\"},\r\n\"1\/2\":{mm:\"12.70\",thk:\"0.68\",coil:\"3.50\",box:\"10\",boxwt:\"35.00\"},\r\n\"5\/8\":{mm:\"15.88\",thk:\"0.69\",coil:\"4.50\",box:\"8\",boxwt:\"36.00\"},\r\n\"3\/4\":{mm:\"19.05\",thk:\"0.74\",coil:\"5.80\",box:\"6\",boxwt:\"34.80\"},\r\n\"7\/8\":{mm:\"22.22\",thk:\"0.90\",coil:\"8.20\",box:\"4\",boxwt:\"32.80\"}\r\n},\r\n\r\nprime:{\r\n\"1\/4\":{mm:\"6.35\",thk:\"0.54\",coil:\"1.35\",box:\"22\",boxwt:\"29.70\"},\r\n\"3\/8\":{mm:\"9.52\",thk:\"0.58\",coil:\"2.20\",box:\"15\",boxwt:\"33.00\"},\r\n\"1\/2\":{mm:\"12.70\",thk:\"0.62\",coil:\"3.20\",box:\"10\",boxwt:\"32.00\"},\r\n\"5\/8\":{mm:\"15.88\",thk:\"0.65\",coil:\"4.20\",box:\"8\",boxwt:\"33.60\"}\r\n},\r\n\r\nvrv:{\r\n\"1\/4\":{mm:\"6.35\",thk:\"0.80\",coil:\"1.90\",box:\"15\",boxwt:\"28.50\"},\r\n\"3\/8\":{mm:\"9.52\",thk:\"0.80\",coil:\"3.00\",box:\"10\",boxwt:\"30.00\"},\r\n\"1\/2\":{mm:\"12.70\",thk:\"0.80\",coil:\"4.00\",box:\"8\",boxwt:\"32.00\"},\r\n\"5\/8\":{mm:\"15.88\",thk:\"1.00\",coil:\"6.30\",box:\"5\",boxwt:\"31.50\"},\r\n\"3\/4\":{mm:\"19.05\",thk:\"1.00\",coil:\"7.70\",box:\"4\",boxwt:\"30.80\"},\r\n\"7\/8\":{mm:\"22.22\",thk:\"1.00\",coil:\"9.00\",box:\"4\",boxwt:\"36.00\"}\r\n}\r\n\r\n}\r\n\r\nconst category=document.getElementById(\"category\")\r\nconst sizes=document.getElementById(\"sizes\")\r\nconst table=document.getElementById(\"specTable\")\r\nconst tbody=table.querySelector(\"tbody\")\r\n\r\ncategory.addEventListener(\"change\",()=>{\r\n\r\nsizes.innerHTML=\"\"\r\ntbody.innerHTML=\"\"\r\ntable.style.display=\"none\"\r\n\r\nlet cat=data[category.value]\r\n\r\nfor(let size in cat){\r\n\r\nlet label=document.createElement(\"label\")\r\nlabel.innerHTML=`<input type=\"checkbox\" value=\"${size}\"> ${size}`\r\nsizes.appendChild(label)\r\n\r\n}\r\n\r\n})\r\n\r\nsizes.addEventListener(\"change\",(e)=>{\r\n\r\nif(e.target.type===\"checkbox\"){\r\n\r\nlet size=e.target.value\r\nlet cat=data[category.value]\r\nlet d=cat[size]\r\n\r\nif(e.target.checked){\r\n\r\ntable.style.display=\"table\"\r\n\r\nlet row=document.createElement(\"tr\")\r\n\r\nrow.innerHTML=`\r\n<td>${size}<\/td>\r\n<td>${d.mm}<\/td>\r\n<td>${d.thk}<\/td>\r\n<td>${d.coil}<\/td>\r\n<td>${d.box}<\/td>\r\n<td>${d.boxwt}<\/td>\r\n`\r\n\r\ntbody.appendChild(row)\r\n\r\n}else{\r\n\r\n[...tbody.rows].forEach(r=>{\r\nif(r.cells[0].innerText===size) r.remove()\r\n})\r\n\r\n}\r\n\r\n}\r\n\r\n})\r\n\r\nfunction submitForm(){\r\n\r\nlet name=document.getElementById(\"name\").value\r\nlet phone=document.getElementById(\"phone\").value\r\n\r\nif(name==\"\" || phone==\"\"){\r\nalert(\"Please fill Name and Phone\")\r\nreturn\r\n}\r\n\r\nlet sizesSelected=[]\r\n\r\ndocument.querySelectorAll('#sizes input:checked').forEach(el=>{\r\nsizesSelected.push(el.value)\r\n})\r\n\r\nlet dataSend=new URLSearchParams()\r\n\r\ndataSend.append(\"name\",name)\r\ndataSend.append(\"category\",category.value)\r\ndataSend.append(\"sizes\",sizesSelected.join(\", \"))\r\ndataSend.append(\"phone\",phone)\r\ndataSend.append(\"email\",email.value)\r\ndataSend.append(\"message\",message.value)\r\n\r\nfetch(\"https:\/\/script.google.com\/macros\/s\/AKfycbw-S0kueJW5RrDLPnLYO6F4GKF962n-CEoqK4JzStLOZ0tZwpoaGCEX4EUvNKtCSse5fw\/exec\",{\r\nmethod:\"POST\",\r\nbody:dataSend\r\n})\r\n\r\ndocument.getElementById(\"popup\").style.display=\"flex\"\r\n\r\nconfetti({particleCount:150,spread:120,origin:{y:0.6}})\r\n\r\n}\r\n\r\nfunction closePopup(){\r\ndocument.getElementById(\"popup\").style.display=\"none\"\r\n}\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>RR Copper Pipe Enquiry RR Copper Pipe Enquiry Today Expected Price : 1380 \u2013 1420 Name Category Select CategoryExcelPrimeVRV Select Sizes Size MM Thickness Coil Weight Coils\/Box Box Weight Phone Email Message Submit Enquiry Thank You \u2764\ufe0f Our team will contact you shortly. Close<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1294","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mycosting.com\/index.php?rest_route=\/wp\/v2\/pages\/1294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mycosting.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mycosting.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mycosting.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mycosting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1294"}],"version-history":[{"count":34,"href":"https:\/\/mycosting.com\/index.php?rest_route=\/wp\/v2\/pages\/1294\/revisions"}],"predecessor-version":[{"id":1338,"href":"https:\/\/mycosting.com\/index.php?rest_route=\/wp\/v2\/pages\/1294\/revisions\/1338"}],"wp:attachment":[{"href":"https:\/\/mycosting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}