{"id":7477,"date":"2026-03-10T20:18:13","date_gmt":"2026-03-10T19:18:13","guid":{"rendered":"https:\/\/druknabiothane.pl\/?page_id=7477"},"modified":"2026-03-20T14:20:14","modified_gmt":"2026-03-20T13:20:14","slug":"own-pattern","status":"publish","type":"page","link":"https:\/\/druknabiothane.pl\/en\/own-pattern\/","title":{"rendered":"Own pattern"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7477\" class=\"elementor elementor-7477 elementor-22\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bde2c07 e-flex e-con-boxed e-con e-parent\" data-id=\"bde2c07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61a2ac3 elementor-widget elementor-widget-html\" data-id=\"61a2ac3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"biothane-form-wrap\">\r\n    \r\n  <h2>Standard Biothane\u00ae \u2013 Choice of colours and lengths<\/h2>\r\n<p class=\"biothane-price\">Price: \u20ac6.60 \u2013 \u20ac31.90<\/p>\r\n  <img decoding=\"async\" src=\"https:\/\/druknabiothane.pl\/wp-content\/uploads\/2025\/03\/TN525-removebg-preview-300x300.png\" \/>\r\n\r\n  <form id=\"biothane-order-form\" class=\"biothane-order-form\">\r\n    <div class=\"biothane-configurator\">\r\n      <div class=\"biothane-group\">\r\n        <div class=\"biothane-label\">Length: <span id=\"selected-dlugosc\">10 cm<\/span><\/div>\r\n        <div class=\"biothane-options button-group\" data-target=\"dlugosc\">\r\n          <button type=\"button\" class=\"biothane-option is-active\" data-value=\"10 cm\">10 cm<\/button>\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"45 cm\">45 cm<\/button>\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"60 cm\">60 cm<\/button>\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"90 cm\">90 cm<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"biothane-group\">\r\n        <div class=\"biothane-label\">Colour<\/div>\r\n        <div class=\"biothane-options color-group\" data-target=\"kolor\">\r\n          <button type=\"button\" class=\"biothane-color is-active\" data-value=\"Amethyst\" title=\"Amethyst\" style=\"background-color:#887894;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Avocado green\" title=\"Avocado green\" style=\"background-color:#a1a978;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Beige\" title=\"Beige\" style=\"background-color:#ab9c7e;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Berry pink\" title=\"Berry pink\" style=\"background-color:#97154c;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Black\" title=\"Black\" style=\"background-color:#010101;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Blue\" title=\"Blue\" style=\"background-color:#2b2dcb;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Burnt orange\" title=\"Burnt orange\" style=\"background-color:#db4210;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Caribbean green\" title=\"Caribbean green\" style=\"background-color:#9fd888;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Coral\" title=\"Coral\" style=\"background-color:#e15949;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Coyote brown\" title=\"Coyote brown\" style=\"background-color:#605650;\"><\/button>\r\n        <\/div>\r\n        <div class=\"biothane-selected-color\">Selected colour: <span id=\"selected-kolor\">Amethyst<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"biothane-group\">\r\n        <div class=\"biothane-label\">Width: <span id=\"selected-szerokosc\">none<\/span><\/div>\r\n        <div class=\"biothane-options button-group\" data-target=\"szerokosc\">\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"16mm\">16mm<\/button>\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"19mm\">19mm<\/button>\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"25mm\">25mm<\/button>\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"38mm\">38mm<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <input type=\"hidden\" name=\"dlugosc\" id=\"field-dlugosc\" value=\"10 cm\">\r\n      <input type=\"hidden\" name=\"kolor\" id=\"field-kolor\" value=\"Amethyst\">\r\n      <input type=\"hidden\" name=\"szerokosc\" id=\"field-szerokosc\" value=\"\">\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label for=\"biothane_ilosc\"><strong>Quantity<\/strong><\/label>\r\n      <input type=\"number\" id=\"biothane_ilosc\" name=\"ilosc\" value=\"1\" min=\"1\" step=\"1\" required>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label><strong>Order type<\/strong><\/label>\r\n      <div class=\"biothane-radio-group\">\r\n        <label class=\"biothane-radio\">\r\n<input type=\"radio\" name=\"typ_zamowienia\" value=\"Custom pattern + \u20ac19.80 for print preparation\" checked>\r\n<span>Custom pattern + \u20ac19.80 for print preparation<\/span>\r\n        <\/label>\r\n        <label class=\"biothane-radio\">\r\n<input type=\"radio\" name=\"typ_zamowienia\" value=\"Pattern design + \u20ac76.90 for design and print preparation\">\r\n<span>Pattern design + \u20ac76.90 for design and print preparation<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label for=\"biothane_opis_projektu\"><strong>Pattern design description<\/strong><\/label>\r\n      <textarea id=\"biothane_opis_projektu\" name=\"opis_projektu\" rows=\"5\" placeholder=\"Please describe in detail what kind of pattern design you expect. You can also include links and references here.\"><\/textarea>\r\n      <small>If we have any additional questions, we will contact you via the provided e-mail address or phone number.<\/small>\r\n    <\/div>\r\n\r\n    <h3 class=\"biothane-section-title\">Customer details<\/h3>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label for=\"biothane_email\"><strong>E-mail address *<\/strong><\/label>\r\n      <input type=\"email\" id=\"biothane_email\" name=\"email\" required>\r\n      <small>We will send further instructions and payment information to this e-mail address.<\/small>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label for=\"biothane_telefon\"><strong>Phone number *<\/strong><\/label>\r\n      <input type=\"text\" id=\"biothane_telefon\" name=\"telefon\" required>\r\n      <small>We may have additional questions regarding your order.<\/small>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label for=\"biothane_adres\"><strong>Customer address *<\/strong><\/label>\r\n      <input type=\"text\" id=\"biothane_adres\" name=\"adres\" required>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-grid\">\r\n      <div class=\"biothane-field\">\r\n        <label for=\"biothane_miasto\"><strong>City *<\/strong><\/label>\r\n        <input type=\"text\" id=\"biothane_miasto\" name=\"miasto\" required>\r\n      <\/div>\r\n\r\n      <div class=\"biothane-field\">\r\n        <label for=\"biothane_wojewodztwo\"><strong>State \/ Region<\/strong><\/label>\r\n        <input type=\"text\" id=\"biothane_wojewodztwo\" name=\"wojewodztwo\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-grid\">\r\n      <div class=\"biothane-field\">\r\n        <label for=\"biothane_kod\"><strong>Postal code *<\/strong><\/label>\r\n        <input type=\"text\" id=\"biothane_kod\" name=\"kod_pocztowy\" required>\r\n      <\/div>\r\n\r\n      <div class=\"biothane-field\">\r\n        <label for=\"biothane_kraj\"><strong>Country *<\/strong><\/label>\r\n        <select id=\"biothane_kraj\" name=\"kraj\" required>\r\n          <option value=\"\">Select<\/option>\r\n          <option value=\"Poland\" selected>Poland<\/option>\r\n          <option value=\"Germany\">Germany<\/option>\r\n          <option value=\"Czech Republic\">Czech Republic<\/option>\r\n          <option value=\"Slovakia\">Slovakia<\/option>\r\n          <option value=\"Lithuania\">Lithuania<\/option>\r\n          <option value=\"Other\">Other<\/option>\r\n        <\/select>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label for=\"biothane_uwagi\"><strong>Notes<\/strong><\/label>\r\n      <textarea id=\"biothane_uwagi\" name=\"uwagi\" rows=\"4\" placeholder=\"Additional information about the order...\"><\/textarea>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <button type=\"submit\" class=\"biothane-submit\">Send<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"biothane-form-message\" class=\"biothane-form-message\"><\/div>\r\n  <\/form>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  function initBiothaneForm() {\r\n    const form = document.getElementById('biothane-order-form');\r\n    if (!form) return;\r\n\r\n    const groups = form.querySelectorAll('.biothane-options');\r\n\r\n    groups.forEach(group => {\r\n      const target = group.dataset.target;\r\n      const items = group.querySelectorAll('button');\r\n      const hiddenInput = document.getElementById('field-' + target);\r\n      const selectedLabel = document.getElementById('selected-' + target);\r\n\r\n      items.forEach(item => {\r\n        item.addEventListener('click', function () {\r\n          items.forEach(btn => btn.classList.remove('is-active'));\r\n          this.classList.add('is-active');\r\n\r\n          const value = this.dataset.value;\r\n\r\n          if (hiddenInput) hiddenInput.value = value;\r\n          if (selectedLabel) selectedLabel.textContent = value;\r\n        });\r\n      });\r\n    });\r\n\r\n    const messageBox = document.getElementById('biothane-form-message');\r\n    const submitButton = form.querySelector('.biothane-submit');\r\n\r\n    form.addEventListener('submit', async function (e) {\r\n      e.preventDefault();\r\n\r\n      messageBox.className = 'biothane-form-message';\r\n      messageBox.style.display = 'none';\r\n      messageBox.textContent = '';\r\n\r\n      const szerokosc = document.getElementById('field-szerokosc').value.trim();\r\n      if (!szerokosc) {\r\n        messageBox.classList.add('is-error');\r\n        messageBox.style.display = 'block';\r\n        messageBox.textContent = 'Please select a width.';\r\n        return;\r\n      }\r\n\r\n      const formData = new FormData(form);\r\n      formData.set('action', 'send_biothane_order');\r\n\r\n      submitButton.disabled = true;\r\n      submitButton.textContent = 'Sending...';\r\n\r\n      try {\r\n        const ajaxUrl = window.location.origin + '\/wp-admin\/admin-ajax.php';\r\n\r\n        const response = await fetch(ajaxUrl, {\r\n          method: 'POST',\r\n          body: formData,\r\n          credentials: 'same-origin'\r\n        });\r\n\r\n        const rawText = await response.text();\r\n        console.log('AJAX raw response:', rawText);\r\n\r\n        let result;\r\n        try {\r\n          result = JSON.parse(rawText);\r\n        } catch (jsonError) {\r\n          throw new Error('The server did not return valid JSON. Response: ' + rawText);\r\n        }\r\n\r\n        if (result.success) {\r\n          messageBox.classList.add('is-success');\r\n          messageBox.style.display = 'block';\r\n          messageBox.textContent = result.data.message || 'The form has been sent.';\r\n          form.reset();\r\n\r\n          document.getElementById('field-dlugosc').value = '10 cm';\r\n          document.getElementById('field-kolor').value = 'Amethyst';\r\n          document.getElementById('field-szerokosc').value = '';\r\n          document.getElementById('selected-dlugosc').textContent = '10 cm';\r\n          document.getElementById('selected-kolor').textContent = 'Amethyst';\r\n          document.getElementById('selected-szerokosc').textContent = 'none';\r\n\r\n          form.querySelectorAll('.button-group, .color-group').forEach(group => {\r\n            group.querySelectorAll('button').forEach(btn => btn.classList.remove('is-active'));\r\n          });\r\n\r\n          form.querySelector('[data-target=\"dlugosc\"] button[data-value=\"10 cm\"]').classList.add('is-active');\r\n          form.querySelector('[data-target=\"kolor\"] button[data-value=\"Amethyst\"]').classList.add('is-active');\r\n        } else {\r\n          throw new Error(result.data && result.data.message ? result.data.message : 'An error occurred.');\r\n        }\r\n      } catch (error) {\r\n        console.error(error);\r\n        messageBox.classList.add('is-error');\r\n        messageBox.style.display = 'block';\r\n        messageBox.textContent = error.message || 'The form could not be sent.';\r\n      } finally {\r\n        submitButton.disabled = false;\r\n        submitButton.textContent = 'Send';\r\n      }\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initBiothaneForm);\r\n  } else {\r\n    initBiothaneForm();\r\n  }\r\n})();\r\n<\/script>\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>Standard Biothane\u00ae \u2013 Choice of colours and lengths Price: \u20ac6.60 \u2013 \u20ac31.90 Length: 10 cm 10 cm 45 cm 60 cm 90 cm Colour Selected colour: Amethyst Width: none 16mm 19mm 25mm 38mm Quantity Order type Custom pattern + \u20ac19.80 for print preparation Pattern design + \u20ac76.90 for design and print preparation Pattern design description [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7477","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/druknabiothane.pl\/en\/wp-json\/wp\/v2\/pages\/7477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/druknabiothane.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/druknabiothane.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/druknabiothane.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/druknabiothane.pl\/en\/wp-json\/wp\/v2\/comments?post=7477"}],"version-history":[{"count":9,"href":"https:\/\/druknabiothane.pl\/en\/wp-json\/wp\/v2\/pages\/7477\/revisions"}],"predecessor-version":[{"id":9028,"href":"https:\/\/druknabiothane.pl\/en\/wp-json\/wp\/v2\/pages\/7477\/revisions\/9028"}],"wp:attachment":[{"href":"https:\/\/druknabiothane.pl\/en\/wp-json\/wp\/v2\/media?parent=7477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}