Terrapack \u2014 Request a Quote<\/title>\n <meta name=\"description\" content=\"Request a quote for custom corrugated packaging from Terrapack in Erbil, Iraq. Choose kind, flute type, colors, category and enter exact dimensions in millimeters.\" \/>\n <style>\n :root{\n --brand:#7ac943; \/* Terrapack green *\/\n --brand-dark:#4ea11d;\n --text:#1b1d1f;\n --muted:#6b7280;\n --bg:#f7f8f9;\n --card:#ffffff;\n --ring:rgba(122,201,67,.4);\n --danger:#d42c2c;\n --ok:#0a7c3a;\n }\n *{box-sizing:border-box}\n html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,\"Noto Sans\",sans-serif;color:var(--text);background:var(--bg)}\n .wrap{max-width:960px;margin:40px auto;padding:24px}\n .card{background:var(--card);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06)}\n header{padding:24px 24px 8px}\n header h1{margin:0;font-size:28px;line-height:1.2}\n header p{margin:6px 0 0;color:var(--muted)}\n form{padding:24px;display:grid;gap:22px}\n .grid{display:grid;gap:16px}\n .grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}\n .grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}\n @media (max-width: 760px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}\n label{display:block;font-weight:600;margin-bottom:8px}\n .hint{font-size:12px;color:var(--muted)}\n select,input,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;outline:none;transition:box-shadow .2s,border-color .2s}\n select:focus,input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}\n .unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:12px}\n .field{position:relative}\n .row{display:flex;gap:16px;align-items:center}\n .btns{display:flex;gap:12px;flex-wrap:wrap}\n .btn{appearance:none;border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}\n .btn.primary{background:var(--brand);color:#fff}\n .btn.primary:hover{background:var(--brand-dark)}\n .btn.secondary{background:#eef6ea;color:#194311}\n .bad{color:var(--danger);font-size:13px}\n .ok{color:var(--ok);font-size:13px}\n .divider{height:1px;background:#eef0f2;margin:8px 0 0}\n details>summary{cursor:pointer;font-weight:600}\n .summary{white-space:pre-wrap;background:#0b1;}\n .notice{background:#f0fdf4;border:1px dashed #86efac;color:#14532d;border-radius:12px;padding:12px 14px;font-size:13px}\n <\/style>\n<\/head>\n<body>\n <div class=\"wrap\">\n <div class=\"card\">\n <header>\n <h1>Request a Quote<\/h1>\n <p>Tell us what you need \u2014 we\u2019ll prepare a fast, accurate quotation. Dimensions in <strong>millimeters (mm)<\/strong>.<\/p>\n <\/header>\n <div class=\"divider\"><\/div>\n <form id=\"rfqForm\" novalidate action=\"\">\n \n <section class=\"grid cols-3\">\n <div>\n <label for=\"kind\">Kind <span class=\"hint\">(Box \u00b7 Tray \u00b7 Sheet)<\/span><\/label>\n <select id=\"kind\" name=\"kind\" required>\n <option value=\"\" selected disabled>Choose an option<\/option>\n <option>Box<\/option>\n <option>Tray<\/option>\n <option>Sheet<\/option>\n <\/select>\n <div class=\"bad\" data-err-for=\"kind\"><\/div>\n <\/div>\n <div>\n <label for=\"flute\">Flute Type<\/label>\n <select id=\"flute\" name=\"flute\" required>\n <option value=\"\" selected disabled>Choose an option<\/option>\n <option>E flute<\/option>\n <option>B flute<\/option>\n <option>C flute<\/option>\n <option>BE flute<\/option>\n <option>BC flute<\/option>\n <\/select>\n <div class=\"bad\" data-err-for=\"flute\"><\/div>\n <\/div>\n <div>\n <label for=\"color\">Outer & Inner Color<\/label>\n <select id=\"color\" name=\"color\" required>\n <option value=\"\" selected disabled>Choose an option<\/option>\n <option>White Outer \/ Brown Inner<\/option>\n <option>Brown Outer \/ Brown Inner<\/option>\n <\/select>\n <div class=\"bad\" data-err-for=\"color\"><\/div>\n <\/div>\n <\/section>\n\n \n <section>\n <label>Size <span class=\"hint\">Auto-adjusts based on kind<\/span><\/label>\n <div class=\"grid cols-3\" id=\"sizeBoxTray\">\n <div class=\"field\"><input type=\"number\" min=\"1\" id=\"L\" name=\"length\" placeholder=\"Length\" inputmode=\"decimal\" \/><span class=\"unit\">mm<\/span><\/div>\n <div class=\"field\"><input type=\"number\" min=\"1\" id=\"W\" name=\"width\" placeholder=\"Width\" inputmode=\"decimal\" \/><span class=\"unit\">mm<\/span><\/div>\n <div class=\"field\" id=\"Hwrap\"><input type=\"number\" min=\"1\" id=\"H\" name=\"height\" placeholder=\"Height\" inputmode=\"decimal\" \/><span class=\"unit\">mm<\/span><\/div>\n <\/div>\n <div class=\"bad\" data-err-for=\"size\"><\/div>\n <\/section>\n\n \n <section>\n <label for=\"category\">Category<\/label>\n <select id=\"category\" name=\"category\" required>\n <option value=\"\" selected disabled>Choose an option<\/option>\n <option>Frozen (\u221218 \u00b0C)<\/option>\n <option>Refrigerated (0 \u00b0C)<\/option>\n <option>Chips & Snacks<\/option>\n <option>Glass<\/option>\n <option>Tools<\/option>\n <option>Water<\/option>\n <option>Bakery<\/option>\n <option>Food<\/option>\n <option>Plastics<\/option>\n <option>Detergents<\/option>\n <option>Wipes<\/option>\n <option>Stains<\/option>\n <option>Dairy<\/option>\n <\/select>\n <div class=\"bad\" data-err-for=\"category\"><\/div>\n <\/section>\n\n \n <section class=\"grid cols-2\">\n <div>\n <label for=\"name\">Your Name<\/label>\n <input id=\"name\" name=\"name\" autocomplete=\"name\" required \/>\n <div class=\"bad\" data-err-for=\"name\"><\/div>\n <\/div>\n <div>\n <label for=\"company\">Company<\/label>\n <input id=\"company\" name=\"company\" autocomplete=\"organization\" required \/>\n <div class=\"bad\" data-err-for=\"company\"><\/div>\n <\/div>\n <div>\n <label for=\"email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a *<\/label>\n <input id=\"email\" name=\"email\" type=\"email\" autocomplete=\"email\" required \/>\n <div class=\"bad\" data-err-for=\"email\"><\/div>\n <\/div>\n <div>\n <label for=\"phone\">Phone<\/label>\n <input id=\"phone\" name=\"phone\" type=\"tel\" autocomplete=\"tel\" \/>\n <\/div>\n <\/section>\n <section>\n <label for=\"notes\">Additional Notes (optional)<\/label>\n <textarea id=\"notes\" name=\"notes\" rows=\"4\" placeholder=\"Quantity, printing colors, die-cut details, delivery timeline, etc.\"><\/textarea>\n <\/section>\n\n <div class=\"notice\">\n Tip: Enter internal dimensions (L \u00d7 W \u00d7 H) in mm. If you choose <strong>Sheet<\/strong>, the Height field will be hidden.\n <\/div>\n\n <div class=\"btns\">\n <button class=\"btn primary\" type=\"submit\">Submit & Email Terrapack<\/button>\n <button class=\"btn secondary\" type=\"button\" id=\"copyBtn\" title=\"Copy a plain-text summary to clipboard\">Copy Summary<\/button>\n <span id=\"status\" aria-live=\"polite\"><\/span>\n <\/div>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n <\/div>\n\n <details style=\"margin-top:18px\" class=\"card\">\n <summary style=\"padding:16px 18px\">What do the flute types mean?<\/summary>\n <div style=\"padding:0 18px 18px;color:var(--muted);line-height:1.7\">\n <p><strong>E<\/strong> (thin, great printability) \u00b7 <strong>B<\/strong> (retail cartons) \u00b7 <strong>C<\/strong> (standard shipping) \u00b7 <strong>BE\/BC<\/strong> (double-wall for extra strength).<\/p>\n <\/div>\n <\/details>\n <\/div>\n\n <script>\n (function(){\n const $ = s => document.querySelector(s);\n const kind = $('#kind');\n const Hwrap = $('#Hwrap');\n const L = $('#L'), W = $('#W'), H = $('#H');\n const form = $('#rfqForm');\n const status = $('#status');\n const copyBtn = $('#copyBtn');\n\n function updateSizeFields(){\n const k = kind.value;\n if(k === 'Sheet'){\n Hwrap.style.display = 'none';\n H.removeAttribute('required');\n H.value = '';\n L.placeholder = 'Length (sheet)';\n W.placeholder = 'Width (sheet)';\n } else {\n Hwrap.style.display = '';\n H.setAttribute('required','');\n L.placeholder = 'Length';\n W.placeholder = 'Width';\n }\n }\n kind.addEventListener('change', updateSizeFields);\n\n function val(id, message){\n const el = typeof id === 'string' ? $('#'+id) : id;\n const err = document.querySelector(`[data-err-for=\"${el.id}\"]`) || document.querySelector('[data-err-for=\"size\"]');\n if(el.hasAttribute('required') && !el.value){ err.textContent = message || 'This field is required'; return false; }\n if(err) err.textContent = '';\n return true;\n }\n\n function getPayload(){\n const payload = {\n kind: kind.value,\n size: { L: L.value || null, W: W.value || null, H: H.value || null },\n flute: $('#flute').value,\n color: $('#color').value,\n category: $('#category').value,\n contact: {\n name: $('#name').value,\n company: $('#company').value,\n email: $('#email').value,\n phone: $('#phone').value\n },\n notes: $('#notes').value\n };\n return payload;\n }\n\n function toSummary(p){\n let s = [];\n s.push('TERRAPACK \u2014 RFQ\\n');\n s.push(`Kind: ${p.kind}`);\n s.push(`Size (mm): L=${p.size.L || '-'} W=${p.size.W || '-'}${p.kind==='Sheet'?'':' H='+(p.size.H||'-')}`);\n s.push(`Flute: ${p.flute}`);\n s.push(`Outer\/Inner: ${p.color}`);\n s.push(`Category: ${p.category}`);\n s.push('');\n s.push(`Name: ${p.contact.name}`);\n s.push(`Company: ${p.contact.company}`);\n s.push(`Email: ${p.contact.email}`);\n if(p.contact.phone) s.push(`Phone: ${p.contact.phone}`);\n if(p.notes) { s.push('\\nNotes:'); s.push(p.notes); }\n return s.join('\\n');\n }\n\n form.addEventListener('submit', (e)=>{\n e.preventDefault();\n status.textContent = '';\n\n \/\/ simple validation\n let ok = true;\n ['kind','flute','color','category','name','company','email'].forEach(id=>{ ok = val(id) && ok; });\n val(L,'Please enter length'); ok = (L.value>0) && ok;\n val(W,'Please enter width'); ok = (W.value>0) && ok;\n if(kind.value !== 'Sheet'){ val(H,'Please enter height'); ok = (H.value>0) && ok; }\n if(!ok){ status.textContent = ''; return; }\n\n const payload = getPayload();\n const summary = toSummary(payload);\n\n \/\/ Build a mailto link to Terrapack\n const mail = 'info@terrapack.net';\n const subject = encodeURIComponent('RFQ \u2014 Terrapack');\n const body = encodeURIComponent(summary);\n const href = `mailto:${mail}?subject=${subject}&body=${body}`;\n window.location.href = href; \/\/ open email client\n status.innerHTML = '<span class=\"ok\">Summary opened in your email client. If it did not open, click \"Copy Summary\" and paste into an email.<\/span>';\n });\n\n copyBtn.addEventListener('click', ()=>{\n const txt = toSummary(getPayload());\n navigator.clipboard.writeText(txt).then(()=>{\n status.innerHTML = '<span class=\"ok\">Summary copied to clipboard.<\/span>';\n }).catch(()=>{\n status.innerHTML = '<span class=\"bad\">Could not copy. Select and copy manually.<\/span>';\n });\n });\n\n \/\/ initialize\n updateSizeFields();\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Terrapack \u2014 Request a Quote Request a Quote Tell us what you need \u2014 we\u2019ll prepare a fast, accurate quotation. Dimensions in millimeters (mm). Kind (Box…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4723","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/pages\/4723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/comments?post=4723"}],"version-history":[{"count":7,"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/pages\/4723\/revisions"}],"predecessor-version":[{"id":6469,"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/pages\/4723\/revisions\/6469"}],"wp:attachment":[{"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/media?parent=4723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4723,"date":"2024-09-20T08:15:21","date_gmt":"2024-09-20T08:15:21","guid":{"rendered":"https:\/\/lab.webtags.net\/Test\/terrapack\/en\/?page_id=4723"},"modified":"2025-10-20T23:36:00","modified_gmt":"2025-10-20T23:36:00","slug":"request-quote","status":"publish","type":"page","link":"https:\/\/terrapack.net\/ar\/request-quote\/","title":{"rendered":"\u0637\u0644\u0628 \u062a\u0633\u0639\u064a\u0631\u0629"},"content":{"rendered":"\n\n\n \n \n Terrapack \u2014 Request a Quote<\/title>\n <meta name=\"description\" content=\"Request a quote for custom corrugated packaging from Terrapack in Erbil, Iraq. Choose kind, flute type, colors, category and enter exact dimensions in millimeters.\" \/>\n <style>\n :root{\n --brand:#7ac943; \/* Terrapack green *\/\n --brand-dark:#4ea11d;\n --text:#1b1d1f;\n --muted:#6b7280;\n --bg:#f7f8f9;\n --card:#ffffff;\n --ring:rgba(122,201,67,.4);\n --danger:#d42c2c;\n --ok:#0a7c3a;\n }\n *{box-sizing:border-box}\n html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,\"Noto Sans\",sans-serif;color:var(--text);background:var(--bg)}\n .wrap{max-width:960px;margin:40px auto;padding:24px}\n .card{background:var(--card);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06)}\n header{padding:24px 24px 8px}\n header h1{margin:0;font-size:28px;line-height:1.2}\n header p{margin:6px 0 0;color:var(--muted)}\n form{padding:24px;display:grid;gap:22px}\n .grid{display:grid;gap:16px}\n .grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}\n .grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}\n @media (max-width: 760px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}\n label{display:block;font-weight:600;margin-bottom:8px}\n .hint{font-size:12px;color:var(--muted)}\n select,input,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;outline:none;transition:box-shadow .2s,border-color .2s}\n select:focus,input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}\n .unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:12px}\n .field{position:relative}\n .row{display:flex;gap:16px;align-items:center}\n .btns{display:flex;gap:12px;flex-wrap:wrap}\n .btn{appearance:none;border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}\n .btn.primary{background:var(--brand);color:#fff}\n .btn.primary:hover{background:var(--brand-dark)}\n .btn.secondary{background:#eef6ea;color:#194311}\n .bad{color:var(--danger);font-size:13px}\n .ok{color:var(--ok);font-size:13px}\n .divider{height:1px;background:#eef0f2;margin:8px 0 0}\n details>summary{cursor:pointer;font-weight:600}\n .summary{white-space:pre-wrap;background:#0b1;}\n .notice{background:#f0fdf4;border:1px dashed #86efac;color:#14532d;border-radius:12px;padding:12px 14px;font-size:13px}\n <\/style>\n<\/head>\n<body>\n <div class=\"wrap\">\n <div class=\"card\">\n <header>\n <h1>Request a Quote<\/h1>\n <p>Tell us what you need \u2014 we\u2019ll prepare a fast, accurate quotation. Dimensions in <strong>millimeters (mm)<\/strong>.<\/p>\n <\/header>\n <div class=\"divider\"><\/div>\n <form id=\"rfqForm\" novalidate action=\"\">\n \n <section class=\"grid cols-3\">\n <div>\n <label for=\"kind\">Kind <span class=\"hint\">(Box \u00b7 Tray \u00b7 Sheet)<\/span><\/label>\n <select id=\"kind\" name=\"kind\" required>\n <option value=\"\" selected disabled>Choose an option<\/option>\n <option>Box<\/option>\n <option>Tray<\/option>\n <option>Sheet<\/option>\n <\/select>\n <div class=\"bad\" data-err-for=\"kind\"><\/div>\n <\/div>\n <div>\n <label for=\"flute\">Flute Type<\/label>\n <select id=\"flute\" name=\"flute\" required>\n <option value=\"\" selected disabled>Choose an option<\/option>\n <option>E flute<\/option>\n <option>B flute<\/option>\n <option>C flute<\/option>\n <option>BE flute<\/option>\n <option>BC flute<\/option>\n <\/select>\n <div class=\"bad\" data-err-for=\"flute\"><\/div>\n <\/div>\n <div>\n <label for=\"color\">Outer & Inner Color<\/label>\n <select id=\"color\" name=\"color\" required>\n <option value=\"\" selected disabled>Choose an option<\/option>\n <option>White Outer \/ Brown Inner<\/option>\n <option>Brown Outer \/ Brown Inner<\/option>\n <\/select>\n <div class=\"bad\" data-err-for=\"color\"><\/div>\n <\/div>\n <\/section>\n\n \n <section>\n <label>Size <span class=\"hint\">Auto-adjusts based on kind<\/span><\/label>\n <div class=\"grid cols-3\" id=\"sizeBoxTray\">\n <div class=\"field\"><input type=\"number\" min=\"1\" id=\"L\" name=\"length\" placeholder=\"Length\" inputmode=\"decimal\" \/><span class=\"unit\">mm<\/span><\/div>\n <div class=\"field\"><input type=\"number\" min=\"1\" id=\"W\" name=\"width\" placeholder=\"Width\" inputmode=\"decimal\" \/><span class=\"unit\">mm<\/span><\/div>\n <div class=\"field\" id=\"Hwrap\"><input type=\"number\" min=\"1\" id=\"H\" name=\"height\" placeholder=\"Height\" inputmode=\"decimal\" \/><span class=\"unit\">mm<\/span><\/div>\n <\/div>\n <div class=\"bad\" data-err-for=\"size\"><\/div>\n <\/section>\n\n \n <section>\n <label for=\"category\">Category<\/label>\n <select id=\"category\" name=\"category\" required>\n <option value=\"\" selected disabled>Choose an option<\/option>\n <option>Frozen (\u221218 \u00b0C)<\/option>\n <option>Refrigerated (0 \u00b0C)<\/option>\n <option>Chips & Snacks<\/option>\n <option>Glass<\/option>\n <option>Tools<\/option>\n <option>Water<\/option>\n <option>Bakery<\/option>\n <option>Food<\/option>\n <option>Plastics<\/option>\n <option>Detergents<\/option>\n <option>Wipes<\/option>\n <option>Stains<\/option>\n <option>Dairy<\/option>\n <\/select>\n <div class=\"bad\" data-err-for=\"category\"><\/div>\n <\/section>\n\n \n <section class=\"grid cols-2\">\n <div>\n <label for=\"name\">Your Name<\/label>\n <input id=\"name\" name=\"name\" autocomplete=\"name\" required \/>\n <div class=\"bad\" data-err-for=\"name\"><\/div>\n <\/div>\n <div>\n <label for=\"company\">Company<\/label>\n <input id=\"company\" name=\"company\" autocomplete=\"organization\" required \/>\n <div class=\"bad\" data-err-for=\"company\"><\/div>\n <\/div>\n <div>\n <label for=\"email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a *<\/label>\n <input id=\"email\" name=\"email\" type=\"email\" autocomplete=\"email\" required \/>\n <div class=\"bad\" data-err-for=\"email\"><\/div>\n <\/div>\n <div>\n <label for=\"phone\">Phone<\/label>\n <input id=\"phone\" name=\"phone\" type=\"tel\" autocomplete=\"tel\" \/>\n <\/div>\n <\/section>\n <section>\n <label for=\"notes\">Additional Notes (optional)<\/label>\n <textarea id=\"notes\" name=\"notes\" rows=\"4\" placeholder=\"Quantity, printing colors, die-cut details, delivery timeline, etc.\"><\/textarea>\n <\/section>\n\n <div class=\"notice\">\n Tip: Enter internal dimensions (L \u00d7 W \u00d7 H) in mm. If you choose <strong>Sheet<\/strong>, the Height field will be hidden.\n <\/div>\n\n <div class=\"btns\">\n <button class=\"btn primary\" type=\"submit\">Submit & Email Terrapack<\/button>\n <button class=\"btn secondary\" type=\"button\" id=\"copyBtn\" title=\"Copy a plain-text summary to clipboard\">Copy Summary<\/button>\n <span id=\"status\" aria-live=\"polite\"><\/span>\n <\/div>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n <\/div>\n\n <details style=\"margin-top:18px\" class=\"card\">\n <summary style=\"padding:16px 18px\">What do the flute types mean?<\/summary>\n <div style=\"padding:0 18px 18px;color:var(--muted);line-height:1.7\">\n <p><strong>E<\/strong> (thin, great printability) \u00b7 <strong>B<\/strong> (retail cartons) \u00b7 <strong>C<\/strong> (standard shipping) \u00b7 <strong>BE\/BC<\/strong> (double-wall for extra strength).<\/p>\n <\/div>\n <\/details>\n <\/div>\n\n <script>\n (function(){\n const $ = s => document.querySelector(s);\n const kind = $('#kind');\n const Hwrap = $('#Hwrap');\n const L = $('#L'), W = $('#W'), H = $('#H');\n const form = $('#rfqForm');\n const status = $('#status');\n const copyBtn = $('#copyBtn');\n\n function updateSizeFields(){\n const k = kind.value;\n if(k === 'Sheet'){\n Hwrap.style.display = 'none';\n H.removeAttribute('required');\n H.value = '';\n L.placeholder = 'Length (sheet)';\n W.placeholder = 'Width (sheet)';\n } else {\n Hwrap.style.display = '';\n H.setAttribute('required','');\n L.placeholder = 'Length';\n W.placeholder = 'Width';\n }\n }\n kind.addEventListener('change', updateSizeFields);\n\n function val(id, message){\n const el = typeof id === 'string' ? $('#'+id) : id;\n const err = document.querySelector(`[data-err-for=\"${el.id}\"]`) || document.querySelector('[data-err-for=\"size\"]');\n if(el.hasAttribute('required') && !el.value){ err.textContent = message || 'This field is required'; return false; }\n if(err) err.textContent = '';\n return true;\n }\n\n function getPayload(){\n const payload = {\n kind: kind.value,\n size: { L: L.value || null, W: W.value || null, H: H.value || null },\n flute: $('#flute').value,\n color: $('#color').value,\n category: $('#category').value,\n contact: {\n name: $('#name').value,\n company: $('#company').value,\n email: $('#email').value,\n phone: $('#phone').value\n },\n notes: $('#notes').value\n };\n return payload;\n }\n\n function toSummary(p){\n let s = [];\n s.push('TERRAPACK \u2014 RFQ\\n');\n s.push(`Kind: ${p.kind}`);\n s.push(`Size (mm): L=${p.size.L || '-'} W=${p.size.W || '-'}${p.kind==='Sheet'?'':' H='+(p.size.H||'-')}`);\n s.push(`Flute: ${p.flute}`);\n s.push(`Outer\/Inner: ${p.color}`);\n s.push(`Category: ${p.category}`);\n s.push('');\n s.push(`Name: ${p.contact.name}`);\n s.push(`Company: ${p.contact.company}`);\n s.push(`Email: ${p.contact.email}`);\n if(p.contact.phone) s.push(`Phone: ${p.contact.phone}`);\n if(p.notes) { s.push('\\nNotes:'); s.push(p.notes); }\n return s.join('\\n');\n }\n\n form.addEventListener('submit', (e)=>{\n e.preventDefault();\n status.textContent = '';\n\n \/\/ simple validation\n let ok = true;\n ['kind','flute','color','category','name','company','email'].forEach(id=>{ ok = val(id) && ok; });\n val(L,'Please enter length'); ok = (L.value>0) && ok;\n val(W,'Please enter width'); ok = (W.value>0) && ok;\n if(kind.value !== 'Sheet'){ val(H,'Please enter height'); ok = (H.value>0) && ok; }\n if(!ok){ status.textContent = ''; return; }\n\n const payload = getPayload();\n const summary = toSummary(payload);\n\n \/\/ Build a mailto link to Terrapack\n const mail = 'info@terrapack.net';\n const subject = encodeURIComponent('RFQ \u2014 Terrapack');\n const body = encodeURIComponent(summary);\n const href = `mailto:${mail}?subject=${subject}&body=${body}`;\n window.location.href = href; \/\/ open email client\n status.innerHTML = '<span class=\"ok\">Summary opened in your email client. If it did not open, click \"Copy Summary\" and paste into an email.<\/span>';\n });\n\n copyBtn.addEventListener('click', ()=>{\n const txt = toSummary(getPayload());\n navigator.clipboard.writeText(txt).then(()=>{\n status.innerHTML = '<span class=\"ok\">Summary copied to clipboard.<\/span>';\n }).catch(()=>{\n status.innerHTML = '<span class=\"bad\">Could not copy. Select and copy manually.<\/span>';\n });\n });\n\n \/\/ initialize\n updateSizeFields();\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Terrapack \u2014 Request a Quote Request a Quote Tell us what you need \u2014 we\u2019ll prepare a fast, accurate quotation. Dimensions in millimeters (mm). Kind (Box…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4723","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/pages\/4723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/comments?post=4723"}],"version-history":[{"count":7,"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/pages\/4723\/revisions"}],"predecessor-version":[{"id":6469,"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/pages\/4723\/revisions\/6469"}],"wp:attachment":[{"href":"https:\/\/terrapack.net\/ar\/wp-json\/wp\/v2\/media?parent=4723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}