{"id":22,"date":"2025-10-23T05:41:32","date_gmt":"2025-10-23T05:41:32","guid":{"rendered":"https:\/\/price.ho-shi.com\/?page_id=22"},"modified":"2026-04-17T22:10:37","modified_gmt":"2026-04-17T22:10:37","slug":"price-for-screen-printing-only","status":"publish","type":"page","link":"https:\/\/price.ho-shi.com\/?page_id=22","title":{"rendered":"\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e19\u0e33\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e21\u0e32\u0e2a\u0e01\u0e23\u0e35\u0e19"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text css=&#8221;&#8221;]<\/p>\n<p style=\"text-align: center;\">    <style>\n:root{\n  --bg:#07110c;\n  --bg-soft:#eef7f1;\n  --card:#ffffff;\n  --ink:#0b1a12;\n  --ink-soft:#466255;\n  --line:#0f2d1f;\n  --line-soft:#b8d1c2;\n  --accent:#16a34a;\n  --accent-dark:#0f7a37;\n  --accent-soft:#dcfce7;\n  --shadow:0 16px 40px rgba(0,0,0,.18);\n  --radius:20px;\n}\n*{box-sizing:border-box}\n.cpv5f-host{\n  font-family:Arial,sans-serif;\n  background:linear-gradient(180deg,#050b08 0%,#0b1f16 18%,#f4fbf6 18%,#eef7f1 100%);\n  margin:0;\n  padding:24px;\n  color:var(--ink);\n}\n.cpv5f-wrap{max-width:1120px;margin:0 auto;padding:20px}\n.cpv5f-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}\n    .cpv5f-size-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}\n    .cpv5f-size-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}\n@media (max-width:860px){.cpv5f-grid{grid-template-columns:1fr}}\n.cpv5f-card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}\n.cpv5f-title{font-size:20px;font-weight:800;margin:0 0 14px;letter-spacing:.2px;border-bottom:2px solid var(--accent);padding-bottom:10px;color:#0b1a12}\n.cpv5f-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0;min-width:0}\n.cpv5f-row span{font-weight:700;min-width:42px;color:#0d2218;white-space:nowrap;flex:0 0 auto}\n.cpv5f-row input[type=number]{\n      width:100%;\n      min-width:0;\n      min-height:48px;\n      padding:12px 12px;\n      border:1.5px solid #98b9a7;\n      border-radius:12px;\n      background:#fcfffd !important;\n      color:var(--ink) !important;\n      -webkit-text-fill-color:var(--ink) !important;\n      caret-color:var(--ink) !important;\n      text-align:center;\n      opacity:1 !important;\n      font-size:16px;\n      font-weight:700;\n      line-height:1.2;\n      appearance:textfield;\n      -webkit-appearance:none;\n      transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;\n    }\n    .cpv5f-row input[type=number]::placeholder{\n      color:#6b8a79 !important;\n      opacity:1;\n    }\n    .cpv5f-row input[type=number]::-webkit-outer-spin-button,\n    .cpv5f-row input[type=number]::-webkit-inner-spin-button{\n      -webkit-appearance:none;\n      margin:0;\n    }\n    .cpv5f-row input[type=number]:-webkit-autofill,\n    .cpv5f-row input[type=number]:-webkit-autofill:hover,\n    .cpv5f-row input[type=number]:-webkit-autofill:focus{\n      -webkit-text-fill-color:var(--ink) !important;\n      -webkit-box-shadow:0 0 0px 1000px #fcfffd inset !important;\n      transition:background-color 9999s ease-in-out 0s;\n    }\n    .cpv5f-row input[type=number]:focus{\n      outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(22,163,74,.16);transform:translateY(-1px);\n    }\n.cpv5f-muted{color:var(--ink-soft);font-size:12px;line-height:1.6}\n.cpv5f-print-lines,.cpv5f-shirt-lines{display:grid;gap:6px}\n.cpv5f-print-line,.cpv5f-shirt-line{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:#f6fbf8;border:1px solid var(--line-soft);border-radius:12px}\n.cpv5f-print-line strong,.cpv5f-shirt-line strong{color:var(--ink)}\n.cpv5f-print-empty,.cpv5f-shirt-empty{font-style:italic}\n.cpv5f-kv{display:flex;justify-content:space-between;align-items:center;margin:8px 0;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line-soft)}\n.cpv5f-kv:last-of-type{border-bottom:none}\n.cpv5f-total-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}\n.cpv5f-total-box{padding:16px 18px;border-radius:18px;color:#ffffff;background:linear-gradient(135deg,#08110c 0%,#0f2b1d 55%,#16a34a 100%);box-shadow:0 12px 28px rgba(15,122,55,.22);border:1px solid rgba(255,255,255,.08);min-height:106px;display:flex;flex-direction:column;justify-content:center}\n.cpv5f-total-box small{font-size:13px;font-weight:700;opacity:.9;margin-bottom:8px;letter-spacing:.2px}\n.cpv5f-total-value{font-size:31px;line-height:1.15;font-weight:900;letter-spacing:.2px}\n.cpv5f-total-box.avg{background:linear-gradient(135deg,#0e1712 0%,#13231a 55%,#1d4d35 100%)}\n@media (max-width:680px){.cpv5f-total-grid{grid-template-columns:1fr}.cpv5f-total-value{font-size:27px}}\n.cpv5f-pre{white-space:pre-wrap;background:linear-gradient(180deg,#07110c 0%,#0d2017 100%);color:#eefcf2;padding:16px;border-radius:16px;min-height:140px;overflow:auto;line-height:1.7;font-size:13px;border:1px solid #1c5b38;margin-top:12px}\n.cpv5f-heading{font-size:30px;font-weight:900;margin:0 0 18px;letter-spacing:.3px;background:linear-gradient(135deg,#050b08 0%,#0c1f16 45%,#16a34a 100%);color:#ffffff;padding:18px 22px;border-radius:20px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}\n.cpv5f-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px;background:#fff;border-radius:16px;overflow:hidden}\n.cpv5f-table th,.cpv5f-table td{border:1px solid var(--line-soft);padding:10px 12px;text-align:center;vertical-align:middle}\n.cpv5f-table th{background:#0b1f16;color:#ffffff;font-weight:800}\n.cpv5f-table tbody tr:nth-child(even) td{background:var(--bg-soft)}\n.cpv5f-table td:first-child,.cpv5f-table th:first-child{text-align:left;font-weight:700}\n.cpv5f-table tbody tr:hover td{background:var(--accent-soft)}\n.cpv5f-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.cpv5f-service-box{padding:14px;background:#f7faf8;border:1px solid var(--line-soft);border-radius:16px}\n.cpv5f-service-box label{display:block;font-weight:800;font-size:14px;margin-bottom:8px;color:#0d2218}\n.cpv5f-service-box input{width:100%;padding:12px;border:1.5px solid #98b9a7;border-radius:12px;background:#fcfffd;color:var(--ink);font-size:16px;font-weight:800}\n.cpv5f-service-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(22,163,74,.16)}\n@media (max-width:640px){\n      .cpv5f-wrap{padding:8px}\n      .cpv5f-card{padding:14px}\n      .cpv5f-heading{font-size:24px;padding:16px}\n      .cpv5f-title{font-size:18px}\n      .cpv5f-table{font-size:12px}\n      .cpv5f-table th,.cpv5f-table td{padding:8px 7px}\n      .cpv5f-size-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}\n      .cpv5f-size-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}\n      .cpv5f-row{\n        gap:8px;\n        padding:8px 10px;\n        background:#f7faf8;\n        border:1px solid var(--line-soft);\n        border-radius:14px;\n      }\n      .cpv5f-row span{\n        min-width:44px;\n        font-size:15px;\n      }\n      .cpv5f-row input[type=number]{\n        min-height:52px;\n        padding:12px 12px;\n        font-size:16px;\n      }\n    }.cpv5f-wrap{padding:6px}.cpv5f-card{padding:16px}.cpv5f-heading{font-size:24px;padding:16px}.cpv5f-title{font-size:18px}.cpv5f-table{font-size:12px}.cpv5f-table th,.cpv5f-table td{padding:8px 7px}.cpv5f-service-grid{grid-template-columns:1fr}}\n    <\/style>\n    <div class=\"cpv5f-host\">\n<div class=\"cpv5f-wrap\" data-cpv5f>\n  <div class=\"cpv5f-heading\">HOSHI CUSTOMER SHIRT SERVICE CALCULATOR<\/div>\n  <div class=\"cpv5f-grid\">\n    <div class=\"cpv5f-card\">\n      <div class=\"cpv5f-title\">\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e2a\u0e37\u0e49\u0e2d (\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e19\u0e33\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e21\u0e32\u0e40\u0e2d\u0e07)<\/div>\n      <div class=\"cpv5f-service-grid\">\n        <div class=\"cpv5f-service-box\">\n          <label for=\"v5f-service-price\">\u0e23\u0e32\u0e04\u0e32\/\u0e15\u0e31\u0e27 (\u0e1a\u0e32\u0e17)<\/label>\n          <input id=\"v5f-service-price\" class=\"v5f-service-price\" type=\"number\" step=\"1\" min=\"0\" value=\"0\">\n        <\/div>\n        <div class=\"cpv5f-service-box\">\n          <label for=\"v5f-service-qty\">\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e2a\u0e37\u0e49\u0e2d (Q)<\/label>\n          <input id=\"v5f-service-qty\" class=\"v5f-service-qty\" type=\"number\" step=\"1\" min=\"0\" value=\"0\">\n        <\/div>\n      <\/div>\n      <div class=\"cpv5f-muted\" style=\"margin-top:10px\">\u0e01\u0e23\u0e13\u0e35\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e19\u0e33\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e21\u0e32\u0e40\u0e2d\u0e07 \u0e23\u0e49\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e01\u0e23\u0e2d\u0e01 <strong>\u0e23\u0e32\u0e04\u0e32\/\u0e15\u0e31\u0e27<\/strong> \u0e41\u0e25\u0e30 <strong>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e2a\u0e37\u0e49\u0e2d<\/strong> \u0e40\u0e2d\u0e07\u0e44\u0e14\u0e49 \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e04\u0e33\u0e19\u0e27\u0e13\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e27\u0e21\u0e43\u0e2b\u0e49\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/div>\n    <\/div>\n\n    <div class=\"cpv5f-card\">\n      <div class=\"cpv5f-title\">\u0e08\u0e33\u0e19\u0e27\u0e19\u0e08\u0e38\u0e14\u0e2a\u0e01\u0e23\u0e35\u0e19 \/ \u0e15\u0e31\u0e27<\/div>\n      <div class=\"cpv5f-size-grid-4\">\n        <label class=\"cpv5f-row\"><span>A7<\/span><input class=\"v5f-pos\" data-print=\"A7\" type=\"number\" step=\"1\" min=\"0\" value=\"0\"><\/label>\n        <label class=\"cpv5f-row\"><span>A6<\/span><input class=\"v5f-pos\" data-print=\"A6\" type=\"number\" step=\"1\" min=\"0\" value=\"0\"><\/label>\n        <label class=\"cpv5f-row\"><span>A5<\/span><input class=\"v5f-pos\" data-print=\"A5\" type=\"number\" step=\"1\" min=\"0\" value=\"0\"><\/label>\n        <label class=\"cpv5f-row\"><span>A4<\/span><input class=\"v5f-pos\" data-print=\"A4\" type=\"number\" step=\"1\" min=\"0\" value=\"0\"><\/label>\n        <label class=\"cpv5f-row\"><span>A4+<\/span><input class=\"v5f-pos\" data-print=\"A4+\" type=\"number\" step=\"1\" min=\"0\" value=\"0\"><\/label>\n        <label class=\"cpv5f-row\"><span>A3<\/span><input class=\"v5f-pos\" data-print=\"A3\" type=\"number\" step=\"1\" min=\"0\" value=\"0\"><\/label>\n        <label class=\"cpv5f-row\"><span>A3+<\/span><input class=\"v5f-pos\" data-print=\"A3+\" type=\"number\" step=\"1\" min=\"0\" value=\"0\"><\/label>\n        <label class=\"cpv5f-row\"><span>A2<\/span><input class=\"v5f-pos\" data-print=\"A2\" type=\"number\" step=\"1\" min=\"0\" value=\"0\"><\/label>\n      <\/div>\n      <div class=\"cpv5f-muted\" style=\"margin-top:8px\"><strong>\u0e40\u0e23\u0e17\u0e23\u0e32\u0e04\u0e32\u0e2a\u0e01\u0e23\u0e35\u0e19 (\u0e15\u0e32\u0e21\u0e08\u0e33\u0e19\u0e27\u0e19\u0e2a\u0e31\u0e48\u0e07\u0e23\u0e27\u0e21 Q)<\/strong><\/div>\n      <table class=\"cpv5f-table\" aria-label=\"\u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e23\u0e17\u0e23\u0e32\u0e04\u0e32\u0e2a\u0e01\u0e23\u0e35\u0e19\">\n        <thead>\n          <tr><th>\u0e08\u0e33\u0e19\u0e27\u0e19<\/th><th>A7<\/th><th>A6<\/th><th>A5<\/th><th>A4<\/th><th>A4+<\/th><th>A3<\/th><th>A3+<\/th><th>A2<\/th><\/tr>\n        <\/thead>\n        <tbody>\n          <tr><td>1\u20133<\/td><td>50<\/td><td>65<\/td><td>85<\/td><td>139<\/td><td>155<\/td><td>180<\/td><td>220<\/td><td>280<\/td><\/tr>\n          <tr><td>4\u20139<\/td><td>40<\/td><td>55<\/td><td>75<\/td><td>99<\/td><td>120<\/td><td>145<\/td><td>170<\/td><td>230<\/td><\/tr>\n          <tr><td>10\u201324<\/td><td>35<\/td><td>45<\/td><td>65<\/td><td>75<\/td><td>95<\/td><td>120<\/td><td>145<\/td><td>210<\/td><\/tr>\n          <tr><td>25\u201350<\/td><td>28<\/td><td>38<\/td><td>50<\/td><td>65<\/td><td>80<\/td><td>105<\/td><td>125<\/td><td>180<\/td><\/tr>\n          <tr><td>51\u2013100<\/td><td>25<\/td><td>35<\/td><td>45<\/td><td>55<\/td><td>70<\/td><td>95<\/td><td>110<\/td><td>150<\/td><\/tr>\n          <tr><td>101\u2013300<\/td><td>23<\/td><td>33<\/td><td>38<\/td><td>52<\/td><td>65<\/td><td>90<\/td><td>100<\/td><td>135<\/td><\/tr>\n          <tr><td>301\u2013500<\/td><td>20<\/td><td>30<\/td><td>35<\/td><td>50<\/td><td>60<\/td><td>85<\/td><td>97<\/td><td>120<\/td><\/tr>\n          <tr><td>501\u20131000<\/td><td>18<\/td><td>25<\/td><td>30<\/td><td>48<\/td><td>58<\/td><td>80<\/td><td>94<\/td><td>110<\/td><\/tr>\n          <tr><td>1000+<\/td><td>10<\/td><td>20<\/td><td>25<\/td><td>40<\/td><td>50<\/td><td>65<\/td><td>85<\/td><td>95<\/td><\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n    <div class=\"cpv5f-card\">\n      <div class=\"cpv5f-title\">\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32 (\u0e2a\u0e23\u0e38\u0e1b\u0e22\u0e2d\u0e14) \u0e23\u0e49\u0e32\u0e19 HOSHI KAIZEN<\/div>\n      <div class=\"cpv5f-kv\"><span>Q (\u0e08\u0e33\u0e19\u0e27\u0e19)<\/span><span class=\"v5f-summary-qty\">0<\/span><\/div>\n      <div class=\"cpv5f-kv\"><span>\u0e23\u0e32\u0e04\u0e32\/\u0e15\u0e31\u0e27<\/span><span class=\"v5f-summary-tier\">\u0e3f0 \/ \u0e15\u0e31\u0e27<\/span><\/div>\n      <div class=\"cpv5f-kv\"><span>\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32<\/span><span class=\"v5f-summary-shirt\">\u0e3f0<\/span><\/div>\n      <div class=\"cpv5f-muted v5f-summary-shirt-detail\" style=\"margin-top:-2px;margin-bottom:10px\"><\/div>\n      <div class=\"cpv5f-kv\"><span>\u0e04\u0e48\u0e32\u0e2a\u0e01\u0e23\u0e35\u0e19\u0e23\u0e27\u0e21<\/span><span class=\"v5f-summary-print\">\u0e3f0<\/span><\/div>\n      <div class=\"cpv5f-muted v5f-summary-print-detail\" style=\"margin-top:-2px;margin-bottom:10px\"><\/div>\n      <div class=\"cpv5f-total-grid\">\n        <div class=\"cpv5f-total-box\">\n          <small>\u0e22\u0e2d\u0e14\u0e2a\u0e38\u0e17\u0e18\u0e34<\/small>\n          <div class=\"cpv5f-total-value v5f-summary-total\">\u0e3f0<\/div>\n        <\/div>\n        <div class=\"cpv5f-total-box avg\">\n          <small>\u0e23\u0e32\u0e04\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22<\/small>\n          <div class=\"cpv5f-total-value v5f-summary-avg\">-<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"cpv5f-card\">\n      <div class=\"cpv5f-title\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e04\u0e33\u0e19\u0e27\u0e13<\/div>\n      <div class=\"cpv5f-pre v5f-breakdown\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n    <script>\n    (function(){\n      function money(n){\n        n = Number(n || 0);\n        return n.toLocaleString('th-TH');\n      }\n      function screenRate(Qp, code){\n        if(Qp<=0) return 0;\n        const t13={A7:50,A6:65,A5:85,A4:139,'A4+':155,A3:180,'A3+':220,A2:280};\n        const t49={A7:40,A6:55,A5:75,A4:99,'A4+':120,A3:145,'A3+':170,A2:230};\n        const t1024={A7:35,A6:45,A5:65,A4:75,'A4+':95,A3:120,'A3+':145,A2:210};\n        const t2550={A7:28,A6:38,A5:50,A4:65,'A4+':80,A3:105,'A3+':125,A2:180};\n        const t51100={A7:25,A6:35,A5:45,A4:55,'A4+':70,A3:95,'A3+':110,A2:150};\n        const t101300={A7:23,A6:33,A5:38,A4:52,'A4+':65,A3:90,'A3+':100,A2:135};\n        const t301500={A7:20,A6:30,A5:35,A4:50,'A4+':60,A3:85,'A3+':97,A2:120};\n        const t5011000={A7:18,A6:25,A5:30,A4:48,'A4+':58,A3:80,'A3+':94,A2:110};\n        const t1000={A7:10,A6:20,A5:25,A4:40,'A4+':50,A3:65,'A3+':85,A2:95};\n        if(Qp<=3) return t13[code]||0;\n        if(Qp<=9) return t49[code]||0;\n        if(Qp<=24) return t1024[code]||0;\n        if(Qp<=50) return t2550[code]||0;\n        if(Qp<=100) return t51100[code]||0;\n        if(Qp<=300) return t101300[code]||0;\n        if(Qp<=500) return t301500[code]||0;\n        if(Qp<=1000) return t5011000[code]||0;\n        return t1000[code]||0;\n      }\n      function val(n){ n=parseInt(n,10); return isNaN(n)?0:n; }\n      function compute(wrap){\n        const servicePrice = val(wrap.querySelector('.v5f-service-price').value);\n        const Q = val(wrap.querySelector('.v5f-service-qty').value);\n        const shirtTotal = servicePrice * Q;\n        const Qprint = Q;\n        const pos = {\n          A7:val(wrap.querySelector('.v5f-pos[data-print=\"A7\"]').value),\n          A6:val(wrap.querySelector('.v5f-pos[data-print=\"A6\"]').value),\n          A5:val(wrap.querySelector('.v5f-pos[data-print=\"A5\"]').value),\n          A4:val(wrap.querySelector('.v5f-pos[data-print=\"A4\"]').value),\n          'A4+':val(wrap.querySelector('.v5f-pos[data-print=\"A4+\"]').value),\n          A3:val(wrap.querySelector('.v5f-pos[data-print=\"A3\"]').value),\n          'A3+':val(wrap.querySelector('.v5f-pos[data-print=\"A3+\"]').value),\n          A2:val(wrap.querySelector('.v5f-pos[data-print=\"A2\"]').value)\n        };\n        const rates = {\n          A7:screenRate(Qprint,'A7'), A6:screenRate(Qprint,'A6'), A5:screenRate(Qprint,'A5'), A4:screenRate(Qprint,'A4'),\n          'A4+':screenRate(Qprint,'A4+'), A3:screenRate(Qprint,'A3'), 'A3+':screenRate(Qprint,'A3+'), A2:screenRate(Qprint,'A2')\n        };\n        const printCodes = ['A7','A6','A5','A4','A4+','A3','A3+','A2'];\n        const printDetails = printCodes.filter(code => (pos[code]||0) > 0).map(code => ({\n          code:code,\n          points:pos[code]||0,\n          rate:rates[code]||0,\n          subtotal:Qprint*(pos[code]||0)*(rates[code]||0)\n        }));\n        const printTotal = printDetails.reduce((sum,item)=>sum+item.subtotal,0);\n        const orderTotal = shirtTotal + printTotal;\n        const avg = Q>0 ? '\u0e3f'+money(Math.round(orderTotal\/Q))+' \/ \u0e15\u0e31\u0e27' : '-';\n\n        wrap.querySelector('.v5f-summary-qty').textContent = Q;\n        wrap.querySelector('.v5f-summary-tier').textContent = '\u0e3f'+money(servicePrice)+' \/ \u0e15\u0e31\u0e27';\n        wrap.querySelector('.v5f-summary-shirt').textContent = '\u0e3f'+money(shirtTotal);\n        const shirtDetailEl = wrap.querySelector('.v5f-summary-shirt-detail');\n        if(shirtDetailEl){\n          if(Q>0 || servicePrice>0){\n            shirtDetailEl.innerHTML = '<div class=\"cpv5f-shirt-lines\">'\n              + '<div class=\"cpv5f-shirt-line\"><strong>\u0e23\u0e32\u0e04\u0e32\/\u0e15\u0e31\u0e27<\/strong><span>'+money(servicePrice)+'<\/span><\/div>'\n              + '<div class=\"cpv5f-shirt-line\"><strong>Q (\u0e08\u0e33\u0e19\u0e27\u0e19)<\/strong><span>'+money(Q)+'<\/span><\/div>'\n              + '<div class=\"cpv5f-shirt-line\"><strong>\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e27\u0e21<\/strong><span>\u0e3f'+money(shirtTotal)+'<\/span><\/div>'\n              + '<\/div>';\n          } else {\n            shirtDetailEl.innerHTML = '<span class=\"cpv5f-shirt-empty\">\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e04\u0e32\/\u0e15\u0e31\u0e27 \u0e41\u0e25\u0e30\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e2a\u0e37\u0e49\u0e2d<\/span>';\n          }\n        }\n        wrap.querySelector('.v5f-summary-print').textContent = '\u0e3f'+money(printTotal);\n        const detailEl = wrap.querySelector('.v5f-summary-print-detail');\n        if(detailEl){\n          if(printDetails.length){\n            detailEl.innerHTML = '<div class=\"cpv5f-print-lines\">' + printDetails.map(item =>\n              '<div class=\"cpv5f-print-line\"><strong>'+item.code+' \u00d7 '+item.points+' \u0e08\u0e38\u0e14<\/strong><span>'+money(item.rate)+' \u00d7 '+Qprint+' \u0e15\u0e31\u0e27 = \u0e3f'+money(item.subtotal)+'<\/span><\/div>'\n            ).join('') + '<\/div>';\n          } else {\n            detailEl.innerHTML = '<span class=\"cpv5f-print-empty\">\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e23\u0e30\u0e1a\u0e38\u0e02\u0e19\u0e32\u0e14\u0e2a\u0e01\u0e23\u0e35\u0e19<\/span>';\n          }\n        }\n        wrap.querySelector('.v5f-summary-total').textContent = '\u0e3f'+money(orderTotal);\n        wrap.querySelector('.v5f-summary-avg').textContent = avg;\n\n        const lines = [];\n        lines.push('Q (\u0e08\u0e33\u0e19\u0e27\u0e19) = '+Q);\n        lines.push('\u0e23\u0e32\u0e04\u0e32\/\u0e15\u0e31\u0e27 = '+servicePrice);\n        lines.push('\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 = '+shirtTotal);\n        lines.push('Qprint (\u0e08\u0e33\u0e19\u0e27\u0e19\u0e15\u0e31\u0e27\u0e17\u0e35\u0e48\u0e2a\u0e01\u0e23\u0e35\u0e19) = '+Qprint);\n        lines.push('\u0e23\u0e32\u0e04\u0e32\u0e2a\u0e01\u0e23\u0e35\u0e19\/\u0e08\u0e38\u0e14 (\u0e15\u0e32\u0e21 Qprint): A7='+rates.A7+', A6='+rates.A6+', A5='+rates.A5+', A4='+rates.A4+', A4+='+rates['A4+']+', A3='+rates.A3+', A3+='+rates['A3+']+', A2='+rates.A2);\n        if(printDetails.length) lines.push('\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e04\u0e48\u0e32\u0e2a\u0e01\u0e23\u0e35\u0e19: '+printDetails.map(item => item.code+' '+item.points+' \u0e08\u0e38\u0e14 \u00d7 '+item.rate+' \u00d7 '+Qprint+' = '+item.subtotal).join(' | '));\n        lines.push('\u0e04\u0e48\u0e32\u0e2a\u0e01\u0e23\u0e35\u0e19\u0e23\u0e27\u0e21 = '+printTotal);\n        lines.push('\u0e22\u0e2d\u0e14\u0e2a\u0e38\u0e17\u0e18\u0e34 = '+orderTotal);\n        lines.push('\u0e23\u0e32\u0e04\u0e32\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 = '+avg);\n        wrap.querySelector('.v5f-breakdown').textContent = lines.join('\\n');\n      }\n      \n  function forceVisibleInputs(wrap){\n    wrap.querySelectorAll('input[type=\"number\"]').forEach(function(el){\n      el.style.color = '#0b1a12';\n      el.style.webkitTextFillColor = '#0b1a12';\n      el.style.caretColor = '#0b1a12';\n      el.addEventListener('focus', function(){\n        this.style.color = '#0b1a12';\n        this.style.webkitTextFillColor = '#0b1a12';\n      });\n      el.addEventListener('input', function(){\n        this.style.color = '#0b1a12';\n        this.style.webkitTextFillColor = '#0b1a12';\n      });\n      el.addEventListener('change', function(){\n        this.style.color = '#0b1a12';\n        this.style.webkitTextFillColor = '#0b1a12';\n      });\n    });\n  }\n\n  function bind(wrap){\n        if(wrap.__bound) return; forceVisibleInputs(wrap);\n        wrap.addEventListener('input', function(e){\n          if(e.target && (e.target.matches('.v5f-service-price') || e.target.matches('.v5f-service-qty') || e.target.matches('.v5f-pos'))) compute(wrap);\n        });\n        compute(wrap);\n        wrap.__bound = true;\n      }\n      function init(){ document.querySelectorAll('.cpv5f-wrap[data-cpv5f]').forEach(bind); }\n      if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded', init); } else { init(); }\n    })();\n    <\/script>\n    <\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text css=&#8221;&#8221;] [\/vc_column_text][\/vc_column][\/vc_row]<\/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-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/price.ho-shi.com\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/price.ho-shi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/price.ho-shi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/price.ho-shi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/price.ho-shi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":2,"href":"https:\/\/price.ho-shi.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/price.ho-shi.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/price.ho-shi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}