Order Form \/ \u0641\u0631\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0633\u0641\u0627\u0631\u0634<\/title>\r\n <style>\r\n .form-section {\r\n margin-top: 20px;\r\n }\r\n .form-section label {\r\n display: block;\r\n margin-bottom: 5px;\r\n }\r\n .form-section input[type=\"text\"], .form-section input[type=\"date\"], .form-section textarea {\r\n width: 100%;\r\n padding: 5px;\r\n margin-bottom: 10px;\r\n }\r\n .form-section .dimensions, .form-section .wire-specifications {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n }\r\n .form-section .dimensions div, .form-section .wire-specifications div {\r\n width: 48%;\r\n margin-bottom: 10px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <div>\r\n <label for=\"date\">\u062a\u0627\u0631\u06cc\u062e \/ Date:<\/label>\r\n <input type=\"date\" id=\"date\" name=\"date\">\r\n <\/div>\r\n <h1>\u0641\u0631\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0633\u0641\u0627\u0631\u0634 \/ Order Form<\/h1>\r\n <\/div>\r\n <div class=\"form-section\">\r\n <label for=\"order\">\u0644\u0637\u0641\u0627\u064b \u062c\u0647\u062a \u0633\u0641\u0627\u0631\u0634 \u0628\u0631\u0633 \u062a\u062e\u062a \u0627\u0641\u0634\u0627\u0646 \u0627\u0628\u0639\u0627\u062f \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u06cc \u0631\u0627 \u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u062f \/ Please order the wheel brush<\/label>\r\n <label for=\"dimensions\">\u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u062f \u062f\u0631 \u0645\u06cc\u0644\u06cc\u200c\u0645\u062a\u0631 \/ Specify the requested dimensions in millimeters<\/label>\r\n <div class=\"dimensions\">\r\n <div>\r\n <label for=\"total-length\">\u0637\u0648\u0644 \u06a9\u0644 \/ Total length<\/label>\r\n <input type=\"text\" id=\"total-length\" name=\"total-length\">\r\n <\/div>\r\n <div>\r\n <label for=\"center-specifications\">\u0645\u0634\u062e\u0635\u0627\u062a \u0645\u0631\u06a9\u0632 \u06cc\u0627 \u0642\u0637\u0631 \u0645\u0631\u06a9\u0632 \/ Center specifications or the diameter of the center<\/label>\r\n <input type=\"text\" id=\"center-specifications\" name=\"center-specifications\">\r\n <\/div>\r\n <div>\r\n <img decoding=\"async\" data-src=\"https:\/\/jahanboress.com\/wp-content\/uploads\/2025\/02\/Untitled.png\" alt=\"Brush Image\" style=\"--smush-placeholder-width: 659px; --smush-placeholder-aspect-ratio: 659\/473;max-width:100%;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"dimensions\">\r\n <div>\r\n <label for=\"length-between\">\u0637\u0648\u0644 \u0645\u06cc\u0627\u0646\u06cc \/ Length between<\/label>\r\n <input type=\"text\" id=\"length-between\" name=\"length-between\">\r\n <\/div>\r\n <div>\r\n <label for=\"wire-length\">\u0628\u0627\u0644 \u0628\u0631\u0633 \/ Wire length<\/label>\r\n <input type=\"text\" id=\"wire-length\" name=\"wire-length\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"dimensions\">\r\n <div>\r\n <label for=\"outer-diameter\">\u0642\u0637\u0631 \u0628\u0631\u0633 \/ Outer diameter<\/label>\r\n <input type=\"text\" id=\"outer-diameter\" name=\"outer-diameter\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-section wire-specifications\">\r\n <label>\u0627\u0646\u062a\u062e\u0627\u0628 \u0646\u0648\u0639 \u0633\u06cc\u0645 \u0648 \u0642\u0637\u0631 \u0633\u06cc\u0645 \/ Select the type of wire and wire diameter<\/label>\r\n <div class=\"wire-specifications\">\r\n <div>\r\n <label>\u0627\u0646\u062a\u062e\u0627\u0628 \u0646\u0648\u0639 \u0633\u06cc\u0645 \/ Select the type of wire<\/label>\r\n <div>\r\n <input type=\"checkbox\" id=\"carbon-grey-steel\" name=\"wire-type\" value=\"carbon-grey-steel\">\r\n <label for=\"carbon-grey-steel\">\u0645\u0641\u062a\u0648\u0644 \u0641\u0648\u0644\u0627\u062f\u06cc \u0633\u06cc\u0627\u0647 \/ Carbon grey steel<\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"checkbox\" id=\"brass-coated-carbon-steel\" name=\"wire-type\" value=\"brass-coated-carbon-steel\">\r\n <label for=\"brass-coated-carbon-steel\">\u0645\u0641\u062a\u0648\u0644 \u0641\u0648\u0644\u0627\u062f\u06cc \u0628\u0627 \u0631\u0648\u06a9\u0634 \u0628\u0631\u0646\u062c \/ Brass coated carbon steel wire<\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"checkbox\" id=\"stainless-steel-316\" name=\"wire-type\" value=\"stainless-steel-316\">\r\n <label for=\"stainless-steel-316\">\u0627\u0633\u062a\u06cc\u0644 \u0636\u062f \u0632\u0646\u06af 316 \/ Stainless steel 316<\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"checkbox\" id=\"stainless-steel-304\" name=\"wire-type\" value=\"stainless-steel-304\">\r\n <label for=\"stainless-steel-304\">\u0627\u0633\u062a\u06cc\u0644 \u0636\u062f \u0632\u0646\u06af 304 \/ Stainless steel 304<\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"checkbox\" id=\"brass\" name=\"wire-type\" value=\"brass\">\r\n <label for=\"brass\">\u0628\u0631\u0646\u062c \/ Brass<\/label>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <label>\u0627\u0646\u062a\u062e\u0627\u0628 \u0642\u0637\u0631 \u0633\u06cc\u0645 \/ Select the wire diameter<\/label>\r\n <div>\r\n <input type=\"checkbox\" id=\"diameter-10mm\" name=\"wire-diameter\" value=\"10mm\">\r\n <label for=\"diameter-10mm\">10mm<\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"checkbox\" id=\"diameter-15mm\" name=\"wire-diameter\" value=\"15mm\">\r\n <label for=\"diameter-15mm\">15mm<\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"checkbox\" id=\"diameter-20mm\" name=\"wire-diameter\" value=\"20mm\">\r\n <label for=\"diameter-20mm\">20mm<\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"checkbox\" id=\"diameter-25mm\" name=\"wire-diameter\" value=\"25mm\">\r\n <label for=\"diameter-25mm\">25mm<\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"checkbox\" id=\"diameter-30mm\" name=\"wire-diameter\" value=\"30mm\">\r\n <label for=\"diameter-30mm\">30mm<\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"checkbox\" id=\"diameter-35mm\" name=\"wire-diameter\" value=\"35mm\">\r\n <label for=\"diameter-35mm\">35mm<\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"checkbox\" id=\"diameter-other\" name=\"wire-diameter\" value=\"other\">\r\n <label for=\"diameter-other\">\u062f\u06cc\u06af\u0631 \/ Other<\/label>\r\n <input type=\"text\" id=\"other-diameter\" name=\"other-diameter\" placeholder=\"\u0627\u0646\u062f\u0627\u0632\u0647 \u062f\u06cc\u06af\u0631 \/ Other size\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-section description\">\r\n <label for=\"description\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0627\u0636\u0627\u0641\u06cc \/ Additional description<\/label>\r\n <textarea id=\"description\" name=\"description\"><\/textarea>\r\n <\/div>\r\n <div class=\"form-section contact-info\">\r\n <label for=\"phone\">\u062a\u0644\u0641\u0646 \/ Phone<\/label>\r\n <input type=\"text\" id=\"phone\" name=\"phone\">\r\n <label for=\"email\">\u0627\u06cc\u0645\u06cc\u0644 \/ Email<\/label>\r\n <input type=\"text\" id=\"email\" name=\"email\">\r\n <\/div>\r\n <button onclick=\"sendEmail()\">\u0627\u0631\u0633\u0627\u0644 \/ Submit<\/button>\r\n <\/div>\r\n\r\n <script>\r\n function sendEmail() {\r\n const date = document.getElementById('date').value;\r\n const totalLength = document.getElementById('total-length').value;\r\n const centerSpecifications = document.getElementById('center-specifications').value;\r\n const lengthBetween = document.getElementById('length-between').value;\r\n const wireLength = document.getElementById('wire-length').value;\r\n const outerDiameter = document.getElementById('outer-diameter').value;\r\n const wireType = Array.from(document.querySelectorAll('input[name=\"wire-type\"]:checked')).map(cb => cb.nextElementSibling.textContent.trim());\r\n const wireDiameter = Array.from(document.querySelectorAll('input[name=\"wire-diameter\"]:checked')).map(cb => cb.nextElementSibling.textContent.trim());\r\n const otherDiameter = document.getElementById('other-diameter').value;\r\n const description = document.getElementById('description').value;\r\n const phone = document.getElementById('phone').value;\r\n const email = document.getElementById('email').value;\r\n\r\n const emailBody = `\r\n \u062a\u0627\u0631\u06cc\u062e \/ Date: ${date}\r\n \u0637\u0648\u0644 \u06a9\u0644 \/ Total length: ${totalLength}\r\n \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u0631\u06a9\u0632 \/ Center specifications: ${centerSpecifications}\r\n \u0637\u0648\u0644 \u0645\u06cc\u0627\u0646\u06cc \/ Length between: ${lengthBetween}\r\n \u0628\u0627\u0644 \u0628\u0631\u0633 \/ Wire length: ${wireLength}\r\n \u0642\u0637\u0631 \u0628\u0631\u0633 \/ Outer diameter: ${outerDiameter}\r\n \u0646\u0648\u0639 \u0633\u06cc\u0645 \/ Wire type: ${wireType.join(', ')}\r\n \u0642\u0637\u0631 \u0633\u06cc\u0645 \/ Wire diameter: ${wireDiameter.join(', ')} ${otherDiameter ? `(${otherDiameter})` : ''}\r\n \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0627\u0636\u0627\u0641\u06cc \/ Additional description: ${description}\r\n \u062a\u0644\u0641\u0646 \/ Phone: ${phone}\r\n \u0627\u06cc\u0645\u06cc\u0644 \/ Email: ${email}\r\n `;\r\n\r\n window.open(`mailto:example@example.com?subject=Order Form&body=${encodeURIComponent(emailBody)}`);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>\u00a0 \u062f\u0631 \u062a\u06a9\u0645\u06cc\u0644 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062f\u0642\u062a \u0641\u0631\u0645\u0627\u06cc\u06cc\u062f Order Form \/ \u0641\u0631\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0633\u0641\u0627\u0631\u0634 \u062a\u0627\u0631\u06cc\u062e \/ Date: \u0641\u0631\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0633\u0641\u0627\u0631\u0634 \/ Order<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-16231","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/jahanboress.com\/en\/wp-json\/wp\/v2\/pages\/16231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jahanboress.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jahanboress.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jahanboress.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jahanboress.com\/en\/wp-json\/wp\/v2\/comments?post=16231"}],"version-history":[{"count":10,"href":"https:\/\/jahanboress.com\/en\/wp-json\/wp\/v2\/pages\/16231\/revisions"}],"predecessor-version":[{"id":18167,"href":"https:\/\/jahanboress.com\/en\/wp-json\/wp\/v2\/pages\/16231\/revisions\/18167"}],"wp:attachment":[{"href":"https:\/\/jahanboress.com\/en\/wp-json\/wp\/v2\/media?parent=16231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}