1zzy.fitwear | Ultimate Checkout<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@600;800&family=Poppins:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n.review-card{\r\n background:rgba(10,10,20,.9);\r\n padding:15px;\r\n border-radius:15px;\r\n margin-bottom:15px;\r\n border:1px solid rgba(0,234,255,.2);\r\n}\r\n\r\n.review-stars{\r\n color:gold;\r\n margin:5px 0;\r\n}\r\n:root{\r\n --blue:#00eaff;\r\n --purple:#9b5cff;\r\n --dark:#050508;\r\n}\r\n\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\n\r\nbody{\r\n background:radial-gradient(circle at top,#0b0f1f,var(--dark));\r\n font-family:'Poppins',sans-serif;\r\n color:white;\r\n}\r\n\r\nnav{\r\n display:flex;\r\n justify-content:space-between;\r\n padding:20px 10%;\r\n background:rgba(0,0,0,.6);\r\n}\r\n\r\nnav h2{\r\n font-family:Orbitron;\r\n color:var(--blue);\r\n}\r\n\r\n.cart-btn{\r\n padding:10px 20px;\r\n border:none;\r\n border-radius:30px;\r\n background:linear-gradient(90deg,var(--blue),var(--purple));\r\n cursor:pointer;\r\n font-weight:600;\r\n}\r\n\r\n.products{\r\n padding:70px 10%;\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(280px,1fr));\r\n gap:40px;\r\n}\r\n\r\n.card{\r\n background:rgba(10,10,20,.9);\r\n padding:20px;\r\n border-radius:20px;\r\n border:1px solid rgba(0,234,255,.2);\r\n}\r\n\r\n.card img{\r\n width:100%;\r\n border-radius:15px;\r\n}\r\n\r\n.card h3{\r\n font-family:Orbitron;\r\n color:var(--blue);\r\n margin-top:15px;\r\n}\r\n\r\n.price{\r\n color:var(--purple);\r\n margin:10px 0;\r\n}\r\n\r\n.qty{\r\n width:60px;\r\n padding:5px;\r\n}\r\n\r\n.btn{\r\n width:100%;\r\n padding:12px;\r\n border:none;\r\n border-radius:30px;\r\n background:linear-gradient(90deg,var(--blue),var(--purple));\r\n cursor:pointer;\r\n font-weight:600;\r\n margin-top:10px;\r\n}\r\n\r\n\/* POPUP *\/\r\n.popup{\r\n position:fixed;\r\n inset:0;\r\n background:rgba(0,0,0,.95);\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n opacity:0;\r\n pointer-events:none;\r\n transition:.3s;\r\n}\r\n\r\n.popup.active{\r\n opacity:1;\r\n pointer-events:auto;\r\n}\r\n\r\n.popup-box{\r\n background:#070710;\r\n padding:30px;\r\n border-radius:20px;\r\n width:95%;\r\n max-width:600px;\r\n max-height:90vh;\r\n overflow:auto;\r\n}\r\n\r\n.cart-item{\r\n display:flex;\r\n justify-content:space-between;\r\n margin-bottom:10px;\r\n border-bottom:1px solid rgba(255,255,255,.1);\r\n padding-bottom:5px;\r\n}\r\n\r\n.total{\r\n margin-top:10px;\r\n font-weight:bold;\r\n color:var(--blue);\r\n}\r\n\r\ninput, textarea, select{\r\n width:100%;\r\n padding:10px;\r\n margin-top:8px;\r\n border-radius:10px;\r\n border:1px solid rgba(255,255,255,.2);\r\n background:rgba(255,255,255,.05);\r\n color:white;\r\n}\r\n\r\n.close{\r\n margin-top:10px;\r\n background:none;\r\n border:none;\r\n color:#aaa;\r\n cursor:pointer;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<nav>\r\n <h2>1zzy.fitwear<\/h2>\r\n <button class=\"cart-btn\" onclick=\"openCart()\">\ud83d\uded2 Cart<\/button>\r\n<\/nav>\r\n\r\n<section class=\"products\">\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1367\/5221\/files\/cbum_gymthark_new.png?v=1727981313\">\r\n <h3>Oversize Shirt<\/h3>\r\n <div class=\"price\" data-price=\"230000\">Rp230.000<\/div>\r\n <input type=\"number\" value=\"1\" min=\"1\" class=\"qty\">\r\n <button class=\"btn\" onclick=\"addToCart(this)\">Add to Cart<\/button>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/img4.dhresource.com\/webp\/m\/0x0\/f3\/albu\/km\/m\/25\/bb0f5d86-0f3c-4634-8307-64f81d903ccc.jpg\">\r\n <h3>Compression Shirt<\/h3>\r\n <div class=\"price\" data-price=\"155000\">Rp155.000<\/div>\r\n <input type=\"number\" value=\"1\" min=\"1\" class=\"qty\">\r\n <button class=\"btn\" onclick=\"addToCart(this)\">Add to Cart<\/button>\r\n <\/div>\r\n \r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/acdn-us.mitiendanube.com\/stores\/004\/019\/608\/products\/base-foto-site-6adfc491c5c81f591d17440502803944-1024-1024.webp\">\r\n <h3>Sleeveless<\/h3>\r\n <div class=\"price\" data-price=\"130000\">Rp130.000<\/div>\r\n <input type=\"number\" value=\"1\" min=\"1\" class=\"qty\">\r\n <button class=\"btn\" onclick=\"addToCart(this)\">Add to Cart<\/button>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<section style=\"padding:70px 10%;\">\r\n\r\n <h2 style=\"font-family:Orbitron;color:var(--blue);margin-bottom:30px;\">\r\n Customer Reviews\r\n <\/h2>\r\n\r\n \r\n <div class=\"card\" style=\"margin-bottom:30px;\">\r\n <h3>Tulis Testimoni<\/h3>\r\n\r\n <input type=\"text\" id=\"reviewName\" placeholder=\"Nama Anda\">\r\n\r\n <textarea id=\"reviewText\" placeholder=\"Tulis pengalaman belanja kamu...\"><\/textarea>\r\n\r\n <div id=\"starRating\" style=\"margin-top:10px;font-size:22px;cursor:pointer;\">\r\n <span onclick=\"setRating(1)\">\u2606<\/span>\r\n <span onclick=\"setRating(2)\">\u2606<\/span>\r\n <span onclick=\"setRating(3)\">\u2606<\/span>\r\n <span onclick=\"setRating(4)\">\u2606<\/span>\r\n <span onclick=\"setRating(5)\">\u2606<\/span>\r\n <\/div>\r\n\r\n <button class=\"btn\" onclick=\"addReview()\">Kirim Review<\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"reviewList\"><\/div>\r\n\r\n<\/section>\r\n\r\n<div class=\"popup\" id=\"popup\">\r\n <div class=\"popup-box\">\r\n\r\n <h2 style=\"font-family:Orbitron;color:var(--blue);\">Checkout<\/h2>\r\n\r\n <div id=\"cartItems\"><\/div>\r\n\r\n <div class=\"total\">Subtotal: Rp<span id=\"subtotal\">0<\/span><\/div>\r\n\r\n <label>Kota<\/label>\r\n <select id=\"city\" onchange=\"calculateTotal()\">\r\n <option value=\"0\">Pilih Kota<\/option>\r\n <option value=\"15000\">Jakarta - Rp15.000<\/option>\r\n <option value=\"20000\">Bandung - Rp20.000<\/option>\r\n <option value=\"25000\">Surabaya - Rp25.000<\/option>\r\n <\/select>\r\n\r\n <div class=\"total\">Ongkir: Rp<span id=\"shipping\">0<\/span><\/div>\r\n <div class=\"total\">Total: Rp<span id=\"total\">0<\/span><\/div>\r\n\r\n <hr style=\"margin:15px 0;border-color:rgba(255,255,255,.1);\">\r\n\r\n <input type=\"text\" id=\"name\" placeholder=\"Nama Lengkap\">\r\n <textarea id=\"address\" placeholder=\"Alamat Lengkap\"><\/textarea>\r\n\r\n <label>Metode Pembayaran<\/label>\r\n <select id=\"payment\">\r\n <option>Transfer Bank (ATM)<\/option>\r\n <option>DANA<\/option>\r\n <option>GoPay<\/option>\r\n <option>E-Wallet Lainnya<\/option>\r\n <option>QRIS<\/option>\r\n <option>COD<\/option>\r\n <\/select>\r\n\r\n <button class=\"btn\" onclick=\"checkout()\">Checkout via WhatsApp<\/button>\r\n <button class=\"close\" onclick=\"closeCart()\">Close<\/button>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nlet cart=[];\r\n\r\nfunction addToCart(btn){\r\n const card=btn.parentElement;\r\n const name=card.querySelector(\"h3\").innerText;\r\n const price=parseInt(card.querySelector(\".price\").dataset.price);\r\n const qty=parseInt(card.querySelector(\".qty\").value);\r\n\r\n const existing=cart.find(item=>item.name===name);\r\n if(existing){existing.qty+=qty;}\r\n else{cart.push({name,price,qty});}\r\n\r\n updateCart();\r\n}\r\n\r\nfunction updateCart(){\r\n const container=document.getElementById(\"cartItems\");\r\n container.innerHTML=\"\";\r\n let subtotal=0;\r\n\r\n cart.forEach(item=>{\r\n subtotal+=item.price*item.qty;\r\n container.innerHTML+=`\r\n <div class=\"cart-item\">\r\n <div>${item.name} (${item.qty})<\/div>\r\n <div>Rp${(item.price*item.qty).toLocaleString()}<\/div>\r\n <\/div>\r\n `;\r\n });\r\n\r\n document.getElementById(\"subtotal\").innerText=subtotal.toLocaleString();\r\n calculateTotal();\r\n}\r\n\r\nfunction calculateTotal(){\r\n const subtotal=parseInt(document.getElementById(\"subtotal\").innerText.replace(\/,\/g,\"\"))||0;\r\n const shipping=parseInt(document.getElementById(\"city\").value)||0;\r\n document.getElementById(\"shipping\").innerText=shipping.toLocaleString();\r\n document.getElementById(\"total\").innerText=(subtotal+shipping).toLocaleString();\r\n}\r\n\r\nfunction openCart(){\r\n document.getElementById(\"popup\").classList.add(\"active\");\r\n}\r\n\r\nfunction closeCart(){\r\n document.getElementById(\"popup\").classList.remove(\"active\");\r\n}\r\n\r\nfunction checkout(){\r\n const name=document.getElementById(\"name\").value;\r\n const address=document.getElementById(\"address\").value;\r\n const payment=document.getElementById(\"payment\").value;\r\n const total=document.getElementById(\"total\").innerText;\r\n\r\n if(!name||!address||cart.length===0){\r\n alert(\"Lengkapi data dan cart!\");\r\n return;\r\n }\r\n\r\n let message=`*ORDER 1zzy.fitwear*%0A%0A`;\r\n cart.forEach(item=>{\r\n message+=`${item.name} (${item.qty}) - Rp${(item.price*item.qty).toLocaleString()}%0A`;\r\n });\r\n\r\n message+=`%0ATotal: Rp${total}%0A`;\r\n message+=`%0AName: ${name}%0AAddress: ${address}%0APayment: ${payment}`;\r\n\r\n const phone=\"6288222308250\";\r\n window.open(`https:\/\/wa.me\/${phone}?text=${message}`,\"_blank\");\r\n}\r\nlet currentRating = 0;\r\n\r\nfunction setRating(rating){\r\n currentRating = rating;\r\n const stars = document.querySelectorAll(\"#starRating span\");\r\n stars.forEach((star, index)=>{\r\n star.innerText = index < rating ? \"\u2605\" : \"\u2606\";\r\n });\r\n}\r\n\r\nfunction addReview(){\r\n const name = document.getElementById(\"reviewName\").value;\r\n const text = document.getElementById(\"reviewText\").value;\r\n\r\n if(!name || !text || currentRating === 0){\r\n alert(\"Lengkapi nama, komentar, dan rating!\");\r\n return;\r\n }\r\n\r\n const reviewList = document.getElementById(\"reviewList\");\r\n\r\n let starsDisplay = \"\";\r\n for(let i=0;i<currentRating;i++){\r\n starsDisplay += \"\u2605\";\r\n }\r\n\r\n reviewList.innerHTML = `\r\n <div class=\"review-card\">\r\n <strong>${name}<\/strong>\r\n <div class=\"review-stars\">${starsDisplay}<\/div>\r\n <p>${text}<\/p>\r\n <\/div>\r\n ` + reviewList.innerHTML;\r\n\r\n document.getElementById(\"reviewName\").value=\"\";\r\n document.getElementById(\"reviewText\").value=\"\";\r\n setRating(0);\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1zzy.fitwear | Ultimate Checkout 1zzy.fitwear \ud83d\uded2 Cart Oversize Shirt Rp230.000 Add to Cart Compression Shirt Rp155.000 Add to Cart Sleeveless Rp130.000 Add to Cart Customer Reviews Tulis Testimoni \u2606 \u2606 \u2606 \u2606 \u2606 Kirim Review Checkout Subtotal: Rp0 Kota Pilih KotaJakarta – Rp15.000Bandung – Rp20.000Surabaya – Rp25.000 Ongkir: Rp0 Total: Rp0 Metode Pembayaran Transfer Bank […]<\/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-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61"}],"version-history":[{"count":5,"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

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

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

\n\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n1zzy.fitwear | Ultimate Checkout<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@600;800&family=Poppins:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n.review-card{\r\n background:rgba(10,10,20,.9);\r\n padding:15px;\r\n border-radius:15px;\r\n margin-bottom:15px;\r\n border:1px solid rgba(0,234,255,.2);\r\n}\r\n\r\n.review-stars{\r\n color:gold;\r\n margin:5px 0;\r\n}\r\n:root{\r\n --blue:#00eaff;\r\n --purple:#9b5cff;\r\n --dark:#050508;\r\n}\r\n\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\n\r\nbody{\r\n background:radial-gradient(circle at top,#0b0f1f,var(--dark));\r\n font-family:'Poppins',sans-serif;\r\n color:white;\r\n}\r\n\r\nnav{\r\n display:flex;\r\n justify-content:space-between;\r\n padding:20px 10%;\r\n background:rgba(0,0,0,.6);\r\n}\r\n\r\nnav h2{\r\n font-family:Orbitron;\r\n color:var(--blue);\r\n}\r\n\r\n.cart-btn{\r\n padding:10px 20px;\r\n border:none;\r\n border-radius:30px;\r\n background:linear-gradient(90deg,var(--blue),var(--purple));\r\n cursor:pointer;\r\n font-weight:600;\r\n}\r\n\r\n.products{\r\n padding:70px 10%;\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(280px,1fr));\r\n gap:40px;\r\n}\r\n\r\n.card{\r\n background:rgba(10,10,20,.9);\r\n padding:20px;\r\n border-radius:20px;\r\n border:1px solid rgba(0,234,255,.2);\r\n}\r\n\r\n.card img{\r\n width:100%;\r\n border-radius:15px;\r\n}\r\n\r\n.card h3{\r\n font-family:Orbitron;\r\n color:var(--blue);\r\n margin-top:15px;\r\n}\r\n\r\n.price{\r\n color:var(--purple);\r\n margin:10px 0;\r\n}\r\n\r\n.qty{\r\n width:60px;\r\n padding:5px;\r\n}\r\n\r\n.btn{\r\n width:100%;\r\n padding:12px;\r\n border:none;\r\n border-radius:30px;\r\n background:linear-gradient(90deg,var(--blue),var(--purple));\r\n cursor:pointer;\r\n font-weight:600;\r\n margin-top:10px;\r\n}\r\n\r\n\/* POPUP *\/\r\n.popup{\r\n position:fixed;\r\n inset:0;\r\n background:rgba(0,0,0,.95);\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n opacity:0;\r\n pointer-events:none;\r\n transition:.3s;\r\n}\r\n\r\n.popup.active{\r\n opacity:1;\r\n pointer-events:auto;\r\n}\r\n\r\n.popup-box{\r\n background:#070710;\r\n padding:30px;\r\n border-radius:20px;\r\n width:95%;\r\n max-width:600px;\r\n max-height:90vh;\r\n overflow:auto;\r\n}\r\n\r\n.cart-item{\r\n display:flex;\r\n justify-content:space-between;\r\n margin-bottom:10px;\r\n border-bottom:1px solid rgba(255,255,255,.1);\r\n padding-bottom:5px;\r\n}\r\n\r\n.total{\r\n margin-top:10px;\r\n font-weight:bold;\r\n color:var(--blue);\r\n}\r\n\r\ninput, textarea, select{\r\n width:100%;\r\n padding:10px;\r\n margin-top:8px;\r\n border-radius:10px;\r\n border:1px solid rgba(255,255,255,.2);\r\n background:rgba(255,255,255,.05);\r\n color:white;\r\n}\r\n\r\n.close{\r\n margin-top:10px;\r\n background:none;\r\n border:none;\r\n color:#aaa;\r\n cursor:pointer;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<nav>\r\n <h2>1zzy.fitwear<\/h2>\r\n <button class=\"cart-btn\" onclick=\"openCart()\">\ud83d\uded2 Cart<\/button>\r\n<\/nav>\r\n\r\n<section class=\"products\">\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1367\/5221\/files\/cbum_gymthark_new.png?v=1727981313\">\r\n <h3>Oversize Shirt<\/h3>\r\n <div class=\"price\" data-price=\"230000\">Rp230.000<\/div>\r\n <input type=\"number\" value=\"1\" min=\"1\" class=\"qty\">\r\n <button class=\"btn\" onclick=\"addToCart(this)\">Add to Cart<\/button>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/img4.dhresource.com\/webp\/m\/0x0\/f3\/albu\/km\/m\/25\/bb0f5d86-0f3c-4634-8307-64f81d903ccc.jpg\">\r\n <h3>Compression Shirt<\/h3>\r\n <div class=\"price\" data-price=\"155000\">Rp155.000<\/div>\r\n <input type=\"number\" value=\"1\" min=\"1\" class=\"qty\">\r\n <button class=\"btn\" onclick=\"addToCart(this)\">Add to Cart<\/button>\r\n <\/div>\r\n \r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/acdn-us.mitiendanube.com\/stores\/004\/019\/608\/products\/base-foto-site-6adfc491c5c81f591d17440502803944-1024-1024.webp\">\r\n <h3>Sleeveless<\/h3>\r\n <div class=\"price\" data-price=\"130000\">Rp130.000<\/div>\r\n <input type=\"number\" value=\"1\" min=\"1\" class=\"qty\">\r\n <button class=\"btn\" onclick=\"addToCart(this)\">Add to Cart<\/button>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<section style=\"padding:70px 10%;\">\r\n\r\n <h2 style=\"font-family:Orbitron;color:var(--blue);margin-bottom:30px;\">\r\n Customer Reviews\r\n <\/h2>\r\n\r\n \r\n <div class=\"card\" style=\"margin-bottom:30px;\">\r\n <h3>Tulis Testimoni<\/h3>\r\n\r\n <input type=\"text\" id=\"reviewName\" placeholder=\"Nama Anda\">\r\n\r\n <textarea id=\"reviewText\" placeholder=\"Tulis pengalaman belanja kamu...\"><\/textarea>\r\n\r\n <div id=\"starRating\" style=\"margin-top:10px;font-size:22px;cursor:pointer;\">\r\n <span onclick=\"setRating(1)\">\u2606<\/span>\r\n <span onclick=\"setRating(2)\">\u2606<\/span>\r\n <span onclick=\"setRating(3)\">\u2606<\/span>\r\n <span onclick=\"setRating(4)\">\u2606<\/span>\r\n <span onclick=\"setRating(5)\">\u2606<\/span>\r\n <\/div>\r\n\r\n <button class=\"btn\" onclick=\"addReview()\">Kirim Review<\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"reviewList\"><\/div>\r\n\r\n<\/section>\r\n\r\n<div class=\"popup\" id=\"popup\">\r\n <div class=\"popup-box\">\r\n\r\n <h2 style=\"font-family:Orbitron;color:var(--blue);\">Checkout<\/h2>\r\n\r\n <div id=\"cartItems\"><\/div>\r\n\r\n <div class=\"total\">Subtotal: Rp<span id=\"subtotal\">0<\/span><\/div>\r\n\r\n <label>Kota<\/label>\r\n <select id=\"city\" onchange=\"calculateTotal()\">\r\n <option value=\"0\">Pilih Kota<\/option>\r\n <option value=\"15000\">Jakarta - Rp15.000<\/option>\r\n <option value=\"20000\">Bandung - Rp20.000<\/option>\r\n <option value=\"25000\">Surabaya - Rp25.000<\/option>\r\n <\/select>\r\n\r\n <div class=\"total\">Ongkir: Rp<span id=\"shipping\">0<\/span><\/div>\r\n <div class=\"total\">Total: Rp<span id=\"total\">0<\/span><\/div>\r\n\r\n <hr style=\"margin:15px 0;border-color:rgba(255,255,255,.1);\">\r\n\r\n <input type=\"text\" id=\"name\" placeholder=\"Nama Lengkap\">\r\n <textarea id=\"address\" placeholder=\"Alamat Lengkap\"><\/textarea>\r\n\r\n <label>Metode Pembayaran<\/label>\r\n <select id=\"payment\">\r\n <option>Transfer Bank (ATM)<\/option>\r\n <option>DANA<\/option>\r\n <option>GoPay<\/option>\r\n <option>E-Wallet Lainnya<\/option>\r\n <option>QRIS<\/option>\r\n <option>COD<\/option>\r\n <\/select>\r\n\r\n <button class=\"btn\" onclick=\"checkout()\">Checkout via WhatsApp<\/button>\r\n <button class=\"close\" onclick=\"closeCart()\">Close<\/button>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nlet cart=[];\r\n\r\nfunction addToCart(btn){\r\n const card=btn.parentElement;\r\n const name=card.querySelector(\"h3\").innerText;\r\n const price=parseInt(card.querySelector(\".price\").dataset.price);\r\n const qty=parseInt(card.querySelector(\".qty\").value);\r\n\r\n const existing=cart.find(item=>item.name===name);\r\n if(existing){existing.qty+=qty;}\r\n else{cart.push({name,price,qty});}\r\n\r\n updateCart();\r\n}\r\n\r\nfunction updateCart(){\r\n const container=document.getElementById(\"cartItems\");\r\n container.innerHTML=\"\";\r\n let subtotal=0;\r\n\r\n cart.forEach(item=>{\r\n subtotal+=item.price*item.qty;\r\n container.innerHTML+=`\r\n <div class=\"cart-item\">\r\n <div>${item.name} (${item.qty})<\/div>\r\n <div>Rp${(item.price*item.qty).toLocaleString()}<\/div>\r\n <\/div>\r\n `;\r\n });\r\n\r\n document.getElementById(\"subtotal\").innerText=subtotal.toLocaleString();\r\n calculateTotal();\r\n}\r\n\r\nfunction calculateTotal(){\r\n const subtotal=parseInt(document.getElementById(\"subtotal\").innerText.replace(\/,\/g,\"\"))||0;\r\n const shipping=parseInt(document.getElementById(\"city\").value)||0;\r\n document.getElementById(\"shipping\").innerText=shipping.toLocaleString();\r\n document.getElementById(\"total\").innerText=(subtotal+shipping).toLocaleString();\r\n}\r\n\r\nfunction openCart(){\r\n document.getElementById(\"popup\").classList.add(\"active\");\r\n}\r\n\r\nfunction closeCart(){\r\n document.getElementById(\"popup\").classList.remove(\"active\");\r\n}\r\n\r\nfunction checkout(){\r\n const name=document.getElementById(\"name\").value;\r\n const address=document.getElementById(\"address\").value;\r\n const payment=document.getElementById(\"payment\").value;\r\n const total=document.getElementById(\"total\").innerText;\r\n\r\n if(!name||!address||cart.length===0){\r\n alert(\"Lengkapi data dan cart!\");\r\n return;\r\n }\r\n\r\n let message=`*ORDER 1zzy.fitwear*%0A%0A`;\r\n cart.forEach(item=>{\r\n message+=`${item.name} (${item.qty}) - Rp${(item.price*item.qty).toLocaleString()}%0A`;\r\n });\r\n\r\n message+=`%0ATotal: Rp${total}%0A`;\r\n message+=`%0AName: ${name}%0AAddress: ${address}%0APayment: ${payment}`;\r\n\r\n const phone=\"6288222308250\";\r\n window.open(`https:\/\/wa.me\/${phone}?text=${message}`,\"_blank\");\r\n}\r\nlet currentRating = 0;\r\n\r\nfunction setRating(rating){\r\n currentRating = rating;\r\n const stars = document.querySelectorAll(\"#starRating span\");\r\n stars.forEach((star, index)=>{\r\n star.innerText = index < rating ? \"\u2605\" : \"\u2606\";\r\n });\r\n}\r\n\r\nfunction addReview(){\r\n const name = document.getElementById(\"reviewName\").value;\r\n const text = document.getElementById(\"reviewText\").value;\r\n\r\n if(!name || !text || currentRating === 0){\r\n alert(\"Lengkapi nama, komentar, dan rating!\");\r\n return;\r\n }\r\n\r\n const reviewList = document.getElementById(\"reviewList\");\r\n\r\n let starsDisplay = \"\";\r\n for(let i=0;i<currentRating;i++){\r\n starsDisplay += \"\u2605\";\r\n }\r\n\r\n reviewList.innerHTML = `\r\n <div class=\"review-card\">\r\n <strong>${name}<\/strong>\r\n <div class=\"review-stars\">${starsDisplay}<\/div>\r\n <p>${text}<\/p>\r\n <\/div>\r\n ` + reviewList.innerHTML;\r\n\r\n document.getElementById(\"reviewName\").value=\"\";\r\n document.getElementById(\"reviewText\").value=\"\";\r\n setRating(0);\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1zzy.fitwear | Ultimate Checkout 1zzy.fitwear \ud83d\uded2 Cart Oversize Shirt Rp230.000 Add to Cart Compression Shirt Rp155.000 Add to Cart Sleeveless Rp130.000 Add to Cart Customer Reviews Tulis Testimoni \u2606 \u2606 \u2606 \u2606 \u2606 Kirim Review Checkout Subtotal: Rp0 Kota Pilih KotaJakarta – Rp15.000Bandung – Rp20.000Surabaya – Rp25.000 Ongkir: Rp0 Total: Rp0 Metode Pembayaran Transfer Bank […]<\/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-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61"}],"version-history":[{"count":5,"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/rahadyan.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}