{"id":60,"date":"2024-08-13T09:00:06","date_gmt":"2024-08-13T09:00:06","guid":{"rendered":"https:\/\/mindpax.oppido.com\/?page_id=60"},"modified":"2025-03-17T12:15:04","modified_gmt":"2025-03-17T12:15:04","slug":"order-now","status":"publish","type":"page","link":"https:\/\/mindpax.me\/en\/order-now\/","title":{"rendered":"Order Now"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/mindpax.me\/wp-content\/uploads\/2024\/08\/for-providers-cover.png&#8221; z_index=&#8221;1&#8243; height=&#8221;60vh&#8221; custom_padding=&#8221;120px||160px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; min_height=&#8221;168px&#8221; custom_margin=&#8221;75px|auto||auto||&#8221; custom_margin_tablet=&#8221;75px|auto||auto||&#8221; custom_margin_phone=&#8221;0px||||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text content_tablet=&#8221;<\/p>\n<h2><strong><br \/>\nMindpax M2 system binding order<br \/>\n<\/strong><br \/>\nwith payment obligation<\/h2>\n<p>&#8221; content_phone=&#8221;<\/p>\n<h2><strong><br \/>\nMindpax M2 system<br \/>\nbinding order<br \/>\n<\/strong><br \/>\nwith payment obligation<\/h2>\n<p>&#8221; content_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; header_2_font=&#8221;Montserrat||||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_font_size=&#8221;30px&#8221; header_2_line_height=&#8221;0.6em&#8221; header_2_font_tablet=&#8221;Montserrat||||||||&#8221; header_2_font_phone=&#8221;Montserrat||||||||&#8221; header_2_font_last_edited=&#8221;on|desktop&#8221; header_2_font_size_tablet=&#8221;30px&#8221; header_2_font_size_phone=&#8221;19px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; header_2_line_height_tablet=&#8221;0.6em&#8221; header_2_line_height_phone=&#8221;1em&#8221; header_2_line_height_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><strong><br \/>\nMindpax M2 system binding order<br \/>\n<\/strong><br \/>\nwith payment obligation<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; vertical_offset=&#8221;-187px&#8221; z_index=&#8221;100&#8243; width_tablet=&#8221;&#8221; width_phone=&#8221;100%&#8221; width_last_edited=&#8221;on|phone&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_horizontal=&#8221;1px&#8221; box_shadow_blur=&#8221;35px&#8221; box_shadow_spread=&#8221;-13px&#8221; box_shadow_color=&#8221;rgba(0,0,0,0.23)&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style class=\"wpcode-css-snippet\">.full-width-div {\r\n\twidth: 100%;\r\n\tbox-sizing: border-box;\r\n\toverflow: hidden; \/* Clear floats *\/\r\n\tbackground-color: transparent; \/* Example background color *\/\r\n\tcolor: rgb(0, 0, 0); \/* Text color *\/\r\n\tpadding: 20px; \/* Padding around content *\/\r\n\tbox-sizing: border-box; \/* Includes padding and border in the element's total width *\/\r\n}\r\n\r\n.questionGroup {\r\n\twidth: 50%;\r\n\tmin-width: 350px;\r\n\tfloat: left; \/* Aligns divs side by side *\/\r\n\tbackground-color: transparent;\r\n\tcolor: rgb(0, 0, 0);\r\n\tpadding: 20px;\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n\r\n.third-width-div {\r\n\twidth: 30%;\r\n\tmin-width: 250px;\r\n\tfloat: left; \/* Aligns divs side by side *\/\r\n\tbackground-color: transparent;\r\n\tcolor: rgb(0, 0, 0);\r\n\tpadding: 20px;\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.twothirds-width-div {\r\n\twidth: 67%;\r\n\tfloat: left; \/* Aligns divs side by side *\/\r\n\tbackground-color: transparent;\r\n\tcolor: rgb(0, 0, 0);\r\n\tpadding: 20px;\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.min-width {\r\n\tmin-width: 200px;\r\n}\r\n\r\n.rounded-backdrop {\r\n\tborder-radius: 10px;\r\n\tmargin-left: 20px;\r\n\tmargin-right: 20px;\r\n}\r\n\r\n.white-text {\r\n\tcolor: white;\r\n}\r\n\r\n.non-bold {\r\n\tfont-weight: normal;\r\n}\r\n\r\n.bold {\r\n\tfont-weight: bold;\r\n}\r\n\r\n.align-right {\r\n\ttext-align: right;\r\n}\r\n\r\nh1 {\r\n\tfont-size: 36px; \/* Font size *\/\r\n\tcolor: #000000; \/* Text color *\/\r\n\ttext-align: center; \/* Center alignment *\/\r\n\tfont-family: 'Montserrat', sans-serif; \/* Font family *\/\r\n\tfont-weight: normal; \/* Font weight *\/\r\n\tmargin: 20px 0; \/* Margin *\/\r\n\tpadding: 10px; \/* Padding *\/\r\n}\r\n\r\nh2 {\r\n\tfont-size: 24px;\r\n\tfont-family: 'Montserrat', sans-serif; \/* Font family *\/\r\n\tfont-weight: normal; \/* Font weight *\/\r\n\tcolor: white;\r\n\tpadding: 0px;\r\n\tmargin: 0px;\r\n\tmargin-bottom: 12px;\r\n}\r\n\r\nh3 {\r\n\tfont-size: 20px; \/* Font size *\/\r\n\tcolor: #0091db; \/* Text color *\/\r\n\ttext-align: left; \/* Center alignment *\/\r\n\tfont-family: 'Montserrat', sans-serif; \/* Font family *\/\r\n\tfont-weight: bold; \/* Font weight *\/\r\n}\r\n\r\nh4 {\r\n\tfont-size: 16px; \/* Font size *\/\r\n\tcolor: #000000; \/* Text color *\/\r\n\ttext-align: left; \/* Center alignment *\/\r\n\tfont-family: 'Montserrat', sans-serif; \/* Font family *\/\r\n\tfont-weight: bold; \/* Font weight *\/\r\n\tline-height: normal;\r\n\tpadding:0px;\r\n\tmargin:0px;\r\n}\r\n\r\n.form-group {\r\n\tdisplay: flex; \/* Flexbox layout *\/\r\n\talign-items: center; \/* Align items vertically *\/\r\n\tmargin-bottom: 10px; \/* Space between form groups *\/\r\n}\r\n\r\nlabel {\r\n\tfont-size: 14px; \/* Font size *\/\r\n\tcolor: #000000; \/* Text color *\/\r\n\ttext-align: left; \/* Center alignment *\/\r\n\tfont-family: 'Open Sans', sans-serif; \/* Font family *\/\r\n\tfont-weight: normal; \/* Font weight *\/\r\n\tmin-width: 100px;\r\n}\r\n\r\ninput[type=\"text\"], input[type=\"email\"], input[type=\"tel\"], select {\r\n\tflex: 1; \/* Allow input to fill remaining space *\/\r\n\tpadding: 8px; \/* Padding inside input *\/\r\n\tfont-size: 14px; \/* Font size *\/\r\n\tborder: 1px solid #ccc; \/* Border for input *\/\r\n\tborder-radius: 4px; \/* Rounded corners *\/\r\n}\r\n\r\ninput[type=\"text\"]::placeholder,\r\ninput[type=\"email\"]::placeholder,\r\ninput[type=\"tel\"]::placeholder {\r\n\tcolor: #a8a4a4;\r\n\tfont-style: italic;\r\n\tfont-size: 14px;\r\n\topacity: 1;\r\n}\r\n\r\n.price_box {\r\n\tmargin-left: 12px;\r\n\tmargin-right: 12px;\r\n\tmargin-bottom: 24px;\r\n\tbackground-color: whitesmoke;\r\n\tmin-width: 250px;\r\n}\r\n\r\n.submit_button {\r\n\tbackground-color: #0091db;\r\n\tcolor: white;\r\n\tborder-radius: 10px;\r\n\tpadding: 20px 20px;\r\n\tborder: transparent;\r\n\tfont-family: 'Open Sans', sans-serif; \/* Font family *\/\r\n\tfont-weight: bold;\r\n\tfont-size: 18px;\r\n}\r\n\r\n.copy_adress_button {\r\n\tbackground-color: #0091db;\r\n\tcolor: white;\r\n\tborder-radius: 10px;\r\n\tpadding: 2px 10px;\r\n\tborder: transparent;\r\n\tfont-family: 'Open Sans', sans-serif; \/* Font family *\/\r\n\tfont-weight: bold;\r\n\tfont-size: 12px;\r\n}\r\n\r\n.custom-checkbox input[type=\"checkbox\"] {\r\n\tdisplay: none; \/* Hide the default checkbox *\/\r\n}\r\n\r\n\/* Style the custom checkbox container *\/\r\n.custom-checkbox {\r\n\tdisplay: inline-flex; \/* Inline block for label *\/\r\n\talign-items: center; \/* Center items vertically *\/\r\n\tcursor: pointer; \/* Pointer cursor on hover *\/\r\n\tposition: relative; \/* Position relative for absolute children *\/\r\n\tfont-size: 14px; \/* Font size for label *\/\r\n\tpadding-left: 35px; \/* Space for custom checkbox *\/\r\n}\r\n\r\n\/* Create the custom checkbox *\/\r\n.custom-checkbox .checkmark {\r\n\tposition: absolute; \/* Absolute positioning within the label *\/\r\n\tleft: 0; \/* Align to the left *\/\r\n\ttop: 50%; \/* Center vertically *\/\r\n\ttransform: translateY(-50%); \/* Center vertically *\/\r\n\twidth: 25px; \/* Width of the custom checkbox *\/\r\n\theight: 25px; \/* Height of the custom checkbox *\/\r\n\tbackground-color: #eee; \/* Background color *\/\r\n\tborder: 1px solid #ccc; \/* Border color *\/\r\n\tborder-radius: 4px; \/* Rounded corners *\/\r\n\ttransition: background-color 0.3s, border-color 0.3s; \/* Smooth transition *\/\r\n}\r\n\r\n\/* Change appearance when checkbox is checked *\/\r\n.custom-checkbox input[type=\"checkbox\"]:checked + .checkmark {\r\n\tbackground-color: #4CAF50; \/* Background color when checked *\/\r\n\tborder-color: #4CAF50; \/* Border color when checked *\/\r\n}\r\n\r\n\/* Add a checkmark icon when checked *\/\r\n.custom-checkbox input[type=\"checkbox\"]:checked + .checkmark::after {\r\n\tcontent: \"\"; \/* Empty content *\/\r\n\tposition: absolute; \/* Absolute positioning *\/\r\n\ttop: 50%; \/* Center vertically *\/\r\n\tleft: 50%; \/* Center horizontally *\/\r\n\ttransform: translate(-50%, -50%) rotate(45deg); \/* Center and rotate *\/\r\n\twidth: 5px; \/* Width of the checkmark *\/\r\n\theight: 10px; \/* Height of the checkmark *\/\r\n\tborder: solid white; \/* Color of the checkmark *\/\r\n\tborder-width: 0 3px 3px 0; \/* Border width to create a checkmark *\/\r\n}\r\n\r\n\/* Optional: Add hover effect *\/\r\n.custom-checkbox:hover .checkmark {\r\n\tbackground-color: #ddd; \/* Light background color on hover *\/\r\n}\r\n\r\n.error {\r\n\tcolor: red;\r\n\tfont-size: 14px;\r\n\tdisplay: none; \/* Hidden by default *\/\r\n\tpadding-left: 100px;\r\n\tpadding-bottom: 12px;\r\n}\r\n\r\n.error.active {\r\n\tdisplay: block; \/* Show when active *\/\r\n}<\/style><!-- [et_pb_line_break_holder] --><div>\r\n    <div class=\"full-width-div\">\r\n        <div class=\"questionGroup\" style=\"background-color: rgb(62, 145, 211); border-radius: 10px;\">\r\n            <div>\r\n                <h3 class=\"white-text\">Supplier:<\/h3>\r\n            <\/div>\r\n            <div id=\"test\" style=\"display: flex;\">\r\n                <div style=\"width:50%; min-width: 100px;\">\r\n                    <img decoding=\"async\" src=\"..\/..\/wp-content\/uploads\/2024\/08\/logo_white-2.svg\">\r\n                    <p class=\"white-text\">\r\n                        Br\u00e1nick\u00e1 43\/26, <br>\r\n                        Prague 4 - Bran\u00edk <br>\r\n                        Czech Republic <br><br>\r\n                    <\/p>\r\n                <\/div>\r\n                <div style=\"width:50%; min-width: 100px;margin-top: 40px\">\r\n                    <p class=\"white-text\">\r\n                    Company ID: 04153359 <br>\r\n                    VAT ID: CZ04153359 <br><br>\r\n                    info@mindpax.me <br>\r\n                    +420 703 147 672\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"questionGroup\">\r\n            <div>\r\n                <h3>Customer:*<\/h3>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label for=\"name\">First Name:<\/label>\r\n                <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Jan\">\r\n            <\/div>\r\n\r\n            <div id=\"nameError\" class=\"error\">\r\n                Please enter your first name.\r\n            <\/div>\r\n            \r\n            <div class=\"form-group\">\r\n                <label for=\"surname\">Last Name:<\/label>\r\n                <input type=\"text\" id=\"surname\" name=\"surname\" placeholder=\"Nov\u00e1k\">\r\n            <\/div>\r\n            \r\n            <div id=\"surnameError\" class=\"error\">\r\n                Please enter your last name.\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"phone\">Phone:<\/label>\r\n                <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+420 602 123 456\" >\r\n            <\/div>\r\n\r\n            <div id=\"phoneError\" class=\"error\">\r\n                Please enter a valid phone number.\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"email\">E-mail:<\/label>\r\n                <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jan.novak@email.cz\">\r\n            <\/div>\r\n            \r\n            <div id=\"emailError\" class=\"error\">\r\n                Please enter a valid email address.\r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n\r\n    <div class=\"full-width-div\">\r\n        <div class=\"questionGroup\">\r\n            <div>\r\n            <h3>Billing Address:<\/h3> \r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label for=\"invoiceStreet\">Street:<\/label>\r\n                <input type=\"text\" id=\"invoiceStreet\" name=\"invoiceStreet\" placeholder=\"National\">\r\n            <\/div>\r\n\r\n            <div id=\"invoiceStreetError\" class=\"error\">\r\n                Please enter a valid address.\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"invoiceStreetNumber\">Number:<\/label>\r\n                <input type=\"text\" id=\"invoiceStreetNumber\" name=\"invoiceStreetNumber\" placeholder=\"26\">\r\n            <\/div>\r\n            \r\n            <div id=\"invoiceStreetNumberError\" class=\"error\">\r\n                Please enter a valid house number.\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"invoiceZIP\">ZIP Code:<\/label>\r\n                <input type=\"text\" id=\"invoiceZIP\" name=\"invoiceZIP\" placeholder=\"110 00\">\r\n            <\/div>\r\n            \r\n            <div id=\"invoiceZIPError\" class=\"error\">\r\n                Please enter a valid ZIP code.\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"invoiceCity\">City:<\/label>\r\n                <input type=\"text\" id=\"invoiceCity\" name=\"invoiceCity\" placeholder=\"Prague\">\r\n            <\/div>\r\n\r\n            <div id=\"invoiceCityError\" class=\"error\">\r\n                Please enter a valid city.\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"invoiceCountry\">Country:<\/label>\r\n                <select id=\"invoiceCountry\" name=\"invoiceCountry\">\r\n                    <option value=\"Czech Republic\" selected>Czech Republic<\/option>\r\n                    <option value=\"Slovakia\">Slovakia<\/option>\r\n                    <option value=\"Germany\">Germany<\/option>\r\n                    <option value=\"Poland\">Poland<\/option>\r\n                    <option value=\"Other\">Other<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n\t\t\t<div id=\"invoiceCountryError\" class=\"error\">\r\n    Please enter the country in the correct format.\r\n<\/div>\r\n\r\n<\/div>\r\n<div class=\"questionGroup\">\r\n    <div>\r\n        <div style=\"display: flex; align-items: center;\">\r\n            <div style=\"width:50%\">\r\n                <h3>Delivery Address:<\/h3>\r\n            <\/div>\r\n            <div style=\"width:50%; text-align: right;\">\r\n                <button class=\"copy_address_button\" onClick=\"copyAdress()\">Copy from billing address<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"form-group\">\r\n        <label for=\"deliveryStreet\">Street:<\/label>\r\n        <input type=\"text\" id=\"deliveryStreet\" name=\"deliveryStreet\" placeholder=\"National\">\r\n    <\/div>\r\n\r\n    <div id=\"deliveryStreetError\" class=\"error\">\r\n        Please enter the address in the correct format.\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n        <label for=\"deliveryStreetNumber\">Number:<\/label>\r\n        <input type=\"text\" id=\"deliveryStreetNumber\" name=\"deliveryStreetNumber\" placeholder=\"26\">\r\n    <\/div>\r\n\r\n    <div id=\"deliveryStreetNumberError\" class=\"error\">\r\n        Please enter the house number in the correct format.\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n        <label for=\"deliveryZIP\">ZIP Code:<\/label>\r\n        <input type=\"text\" id=\"deliveryZIP\" name=\"deliveryZIP\" placeholder=\"110 00\">\r\n    <\/div>\r\n\r\n    <div id=\"deliveryZIPError\" class=\"error\">\r\n        Please enter the ZIP code in the correct format.\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n        <label for=\"deliveryCity\">City:<\/label>\r\n        <input type=\"text\" id=\"deliveryCity\" name=\"deliveryCity\" placeholder=\"Prague\">\r\n    <\/div>\r\n\r\n    <div id=\"deliveryCityError\" class=\"error\">\r\n        Please enter the city in the correct format.\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n        <label for=\"deliveryCountry\">Country:<\/label>\r\n        <select id=\"deliveryCountry\" name=\"deliveryCountry\" placeholder=\"Czech Republic\">\r\n            <option value=\"Czech Republic\">Czech Republic<\/option>\r\n            <option value=\"Slovakia\">Slovakia<\/option>\r\n            <option value=\"Germany\">Germany<\/option>\r\n            <option value=\"Poland\">Poland<\/option>\r\n            <option value=\"Other\">Other<\/option>\r\n        <\/select>\r\n    <\/div>\r\n\r\n    <div id=\"deliveryCountryError\" class=\"error\">\r\n        Please enter the country in the correct format.\r\n    <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"rounded-backdrop\" style=\"background-color: rgb(185, 189, 193);\">\r\n    <div class=\"full-width-div\">\r\n        <h3>Ordered Products and Solutions:<\/h3>\r\n        Check the options you are ordering.\r\n    <\/div>\r\n\r\n    <div class=\"full-width-div\">\r\n        <div class=\"third-width-div\">\r\n            <h4>Mindpax Miu.me<\/h4>\r\n            <p>for monitoring affective disorders<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"twothirds-width-div\">\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_payment_monthly\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>Monthly<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">550 CZK<br>\/month<\/div>\r\n                <\/label>\r\n            <\/div>\r\n\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_payment_quarterly\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>Quarterly<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">1500 CZK<br>\/90 days<\/div>\r\n                <\/label>\r\n            <\/div>\r\n\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_payment_annual\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>Annual<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">5500 CZK<br>\/year<\/div>\r\n                <\/label>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"full-width-div\">\r\n        <div class=\"third-width-div\">\r\n            <h4>Mindpax Bracelet<\/h4>\r\n            <p>necessary for Mindpax Miu, for tracking actigraphic data, with guaranteed functionality for 1 year<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"twothirds-width-div\">\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_bracelet_standard\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>Standard<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">1500 CZK<\/div>\r\n                <\/label>\r\n            <\/div>\r\n\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_bracelet_own\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>I have my own<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">0 CZK<\/div>\r\n                <\/label>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"full-width-div\" id=\"shipping\">\r\n        <div class=\"third-width-div\">\r\n            <h4>Shipping<\/h4>\r\n            <p>necessary only when ordering a bracelet<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"twothirds-width-div\">\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_postal\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>By mail<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">100 CZK<\/div>\r\n                <\/label>\r\n            <\/div>\r\n\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_in_person\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>In person<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">free<\/div>\r\n                <\/label>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"full-width-div\">\r\n\r\n\t<div class=\"questionGroup\">\r\n    <div>\r\n        <input type=\"checkbox\" id=\"requestExtendedTrial\" name=\"requestExtendedTrial\">\r\n        <label class=\"non-bold\" for=\"requestExtendedTrial\">I am a new customer and request an extended 60-day trial period.<\/label>\r\n    <\/div>\r\n    <div>\r\n        <input type=\"checkbox\" id=\"rejectMKTMessages\" name=\"rejectMKTMessages\">\r\n        <label class=\"non-bold\" for=\"rejectMKTMessages\">I do not agree to receive marketing information.<\/label>\r\n    <\/div>\r\n    <div>\r\n        <input type=\"checkbox\" id=\"approveVOP\" name=\"approveVOP\">\r\n        <label class=\"non-bold\" for=\"approveVOP\">I agree to Mindpax's Terms and Conditions.<\/label>\r\n    <\/div>\r\n    <div id=\"approveVOPError\" class=\"error\" style=\"padding-left:20px !important;margin-top:-20px !important;\">\r\n        You must agree to our Terms and Conditions to place an order.\r\n    <\/div>\r\n    <div>\r\n        <br>\r\n        <p>We will process your data in accordance with our Privacy Policy.<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"questionGroup align-right\" style=\"margin:20px 0px;padding:0px;\">\r\n    <table class=\"align-right\">\r\n        <tbody>\r\n            <tr>\r\n                <td>Price excluding VAT:<\/td>\r\n                <td style=\"text-align:right;\" id=\"price_excl_VAT\">0 CZK<\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>VAT:<\/td>\r\n                <td style=\"text-align:right;\" id=\"price_VAT\">0 CZK<\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>Total price:<\/td>\r\n                <td style=\"text-align:right;\" id=\"total_price\">0 CZK<\/td>\r\n            <\/tr>\r\n        <\/tbody>\r\n    <\/table>\r\n<\/div>\r\n<div class=\"align-right\">\r\n    <button class=\"submit_button\" onClick=\"submit()\">Place binding order<\/button>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- [et_pb_line_break_holder] --><script> const platbaMesicni = document.getElementById('cbox_platba_mesicni');\r\n            const platbaCtvrtletni = document.getElementById('cbox_platba_ctvrtletni');\r\n            const platbaRocni = document.getElementById('cbox_platba_rocni');\r\n            const naramekVlastni = document.getElementById('cbox_naramek_vlastni');\r\n            const naramekStandard = document.getElementById('cbox_naramek_standard');\r\n            const dopravaPostou = document.getElementById('cbox_postou');\r\n            const dopravaOsobne = document.getElementById('cbox_osobne');\r\n\r\n            const cenaBezDPH = document.getElementById('cena_bez_DPH');\r\n            const cenaIbaDPH = document.getElementById('cena_DPH');\r\n            const cenaVcitane = document.getElementById('cena_celkom');\r\n\r\n            const name = document.getElementById('name');\r\n            const surname = document.getElementById('surname');\r\n            const phone = document.getElementById('phone');\r\n            const email = document.getElementById('email');\r\n\r\n            const invoiceStreet = document.getElementById('invoiceStreet');\r\n            const invoiceStreetNumber = document.getElementById('invoiceStreetNumber');\r\n            const invoiceZIP = document.getElementById('invoiceZIP');\r\n            const invoiceCity = document.getElementById('invoiceCity');\r\n            const invoiceCountry = document.getElementById('invoiceCountry');\r\n\r\n            const deliveryStreet = document.getElementById('deliveryStreet');\r\n            const deliveryStreetNumber = document.getElementById('deliveryStreetNumber');\r\n            const deliveryZIP = document.getElementById('deliveryZIP');\r\n            const deliveryCity = document.getElementById('deliveryCity');\r\n            const deliveryCountry = document.getElementById('deliveryCountry');\r\n\r\n            const requestExtendedTrial = document.getElementById('requestExtendedTrial');\r\n            const approveVOP = document.getElementById('approveVOP');\r\n            const rejectMKTMessages = document.getElementById('rejectMKTMessages');\r\n\r\n            const allFields = [name, surname, phone, email, invoiceStreet, invoiceStreetNumber, invoiceZIP, invoiceCity, invoiceCountry, deliveryStreet, deliveryStreetNumber, deliveryZIP, deliveryCity, deliveryCountry];\r\n\r\n            var priceLicense = 0;\r\n            var priceBand = 0;\r\n            var priceTransport = 0;\r\n\r\n            function calculatePrices() {\r\n                \r\n                priceLicense = 0;\r\n                priceBand = 0;\r\n                priceTransport = 0;\r\n\r\n\r\n                if (platbaMesicni.checked) {\r\n                    priceLicense = 550;\r\n                }else if (platbaCtvrtletni.checked) {\r\n                    priceLicense = 1550;\r\n                }else if (platbaRocni.checked) {\r\n                    priceLicense = 5500;\r\n                };\r\n\r\n                if (naramekStandard.checked) {\r\n                    priceBand = 1500;\r\n                }else if (naramekVlastni.checked) {\r\n                    priceBand = 0;\r\n                };\r\n\r\n                if (dopravaPostou.checked) {\r\n                    priceTransport = 100;\r\n                }else if (dopravaOsobne.checked) {\r\n                    priceTransport = 0;\r\n                };\r\n\r\n                \r\n                priceTotal = priceLicense + priceBand + priceTransport;\r\n                priceDPH = priceTotal * 21 \/ 121;\r\n                priceWithoutDPH = priceTotal - priceDPH;\r\n\r\n                priceTotal = priceTotal.toFixed(2);\r\n                priceDPH = priceDPH.toFixed(2);\r\n                priceWithoutDPH = priceWithoutDPH.toFixed(2);\r\n\r\n                cenaVcitane.textContent = priceTotal + \" Kc\";\r\n                cenaBezDPH.textContent = priceWithoutDPH + \" Kc\";\r\n                cenaIbaDPH.textContent = priceDPH + \" Kc\";\r\n            };\r\n\r\n            platbaMesicni.addEventListener('change', function() {\r\n                platbaCtvrtletni.checked = false;\r\n                platbaRocni.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            platbaCtvrtletni.addEventListener('change', function() {\r\n                platbaMesicni.checked = false;\r\n                platbaRocni.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            platbaRocni.addEventListener('change', function() {\r\n                platbaMesicni.checked = false;\r\n                platbaCtvrtletni.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            naramekStandard.addEventListener('change', function() {\r\n                naramekVlastni.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            naramekVlastni.addEventListener('change', function() {\r\n                naramekStandard.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            dopravaPostou.addEventListener('change', function() {\r\n                dopravaOsobne.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            dopravaOsobne.addEventListener('change', function() {\r\n                dopravaPostou.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            function submit() {\r\n\r\n                let isFormValid = true;\r\n\r\n                \/\/Hide all error messages\r\n                allFields.forEach(field => {\r\n                    var errorDiv = document.querySelector('#' + field.id + 'Error');\r\n                    errorDiv.classList.remove('active');\r\n                });\r\n                \r\n                const errorDiv = document.querySelector('#approveVOPError');\r\n                errorDiv.classList.remove('active');\r\n\r\n                \r\n\r\n\r\n                \/\/Stop execution, if any test failed\r\n\r\n                if (!isFormValid) {\r\n                    event.preventDefault(); \/\/ Prevent form submission if any field is invalid\r\n                    return;\r\n                };\r\n\t\t\t\t\r\n\t\t\t\t\/\/ Create data object with values from the constants\r\n\t\t\t\tconst data = {\r\n\t\t\t\t\tnaramekStandard: naramekStandard.checked,\r\n\t\t\t\t\tdopravaPostou: dopravaPostou.checked,\r\n\t\t\t\t\tdopravaOsobne: dopravaOsobne.checked,\r\n\t\t\t\t\tcenaBezDPH: cenaBezDPH.value,\r\n\t\t\t\t\tcenaIbaDPH: cenaIbaDPH.value,\r\n\t\t\t\t\tcenaVcitane: cenaVcitane.value,\r\n\t\t\t\t\tname: name.value,\r\n\t\t\t\t\tsurname: surname.value,\r\n\t\t\t\t\tphone: phone.value,\r\n\t\t\t\t\temail: email.value,\r\n\t\t\t\t\tinvoiceStreet: invoiceStreet.value,\r\n\t\t\t\t\tinvoiceStreetNumber: invoiceStreetNumber.value,\r\n\t\t\t\t\tinvoiceZIP: invoiceZIP.value,\r\n\t\t\t\t\tinvoiceCity: invoiceCity.value,\r\n\t\t\t\t\tinvoiceCountry: invoiceCountry.value,\r\n\t\t\t\t\tdeliveryStreet: deliveryStreet.value,\r\n\t\t\t\t\tdeliveryStreetNumber: deliveryStreetNumber.value,\r\n\t\t\t\t\tdeliveryZIP: deliveryZIP.value,\r\n\t\t\t\t\tdeliveryCity: deliveryCity.value,\r\n\t\t\t\t\tdeliveryCountry: deliveryCountry.value,\r\n\t\t\t\t\trequestExtendedTrial: requestExtendedTrial.checked,\r\n\t\t\t\t\tapproveVOP: approveVOP.checked,\r\n\t\t\t\t\trejectMKTMessages: rejectMKTMessages.checked\r\n\t\t\t\t};\r\n\r\n\t\t\t\t\/\/ Get the base URL from the current domain\r\n\t\t\t\tvar baseUrl = window.location.origin;\r\n\t\t\t\tvar themeFolder = \"\/wp-content\/themes\/Divi-Child\"; \/\/ Replace with your theme folder name\r\n\t\t\t\tvar phpUrl = baseUrl + themeFolder + \"\/newOrder.php\";\r\n\r\n\t\t\t\t\/\/ Send data using fetch API\r\n\t\t\t\tfetch(phpUrl, {\r\n\t\t\t\t\tmethod: 'POST',\r\n\t\t\t\t\theaders: {\r\n\t\t\t\t\t\t'Content-Type': 'application\/json'\r\n\t\t\t\t\t},\r\n\t\t\t\t\tbody: JSON.stringify(data)\r\n\t\t\t\t})\r\n\t\t\t\t.then(response => response.text())  \/\/ Convert the response to text (or json if expected)\r\n\t\t\t\t.then(result => {\r\n\t\t\t\t\tconsole.log('Success:', result);  \/\/ Handle success\r\n\t\t\t\t\t\/\/ You can add additional logic here (e.g., redirect, show a message)\r\n\t\t\t\t})\r\n\t\t\t\t.catch(error => {\r\n\t\t\t\t\tconsole.error('Error:', error);  \/\/ Handle error\r\n\t\t\t\t});\r\n\t\t\t\t\r\n            };\r\n\r\n            function copyAdress() {\r\n                const sourceValue = document.getElementById('invoiceStreet').value;\r\n                document.getElementById('deliveryStreet').value = sourceValue;\r\n\r\n                const sourceValueStreetNumber = document.getElementById('invoiceStreetNumber').value;\r\n                document.getElementById('deliveryStreetNumber').value = sourceValueStreetNumber;\r\n\r\n                const sourceValueZIP = document.getElementById('invoiceZIP').value;\r\n                document.getElementById('deliveryZIP').value = sourceValueZIP;\r\n\r\n                const sourceValueCity = document.getElementById('invoiceCity').value;\r\n                document.getElementById('deliveryCity').value = sourceValueCity;\r\n\r\n                const sourceValueCountry = document.getElementById('invoiceCountry').value;\r\n                document.getElementById('deliveryCountry').value = sourceValueCountry;\r\n            };\r\n\r\n \/\/Mindpax Miu Prices\r\n\r\n    \/\/ Function to uncheck other checkboxes\r\n    function uncheckOthers(currentCheckbox, otherCheckboxes) {\r\n        if (currentCheckbox.checked) {\r\n            otherCheckboxes.forEach(checkbox => {\r\n                checkbox.checked = false;\r\n            });\r\n        }\r\n    }\r\n\r\n    \/\/ Get all the checkboxes\r\n    const checkbox1 = document.getElementById('cbox_platba_mesicni');\r\n    const checkbox2 = document.getElementById('cbox_platba_ctvrtletni');\r\n    const checkbox3 = document.getElementById('cbox_platba_rocni');\r\n\r\n    \/\/ Add event listeners to each checkbox\r\n    checkbox1.addEventListener('change', function() {\r\n        uncheckOthers(checkbox1, [checkbox2, checkbox3]);\r\n    });\r\n\r\n    checkbox2.addEventListener('change', function() {\r\n        uncheckOthers(checkbox2, [checkbox1, checkbox3]);\r\n    });\r\n\r\n    checkbox3.addEventListener('change', function() {\r\n        uncheckOthers(checkbox3, [checkbox1, checkbox2]);\r\n    });\r\n\r\n\r\n    \/\/Mindpax Band Prices\r\n\r\n    \/\/ Execute script once the DOM is fully loaded\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Get all the checkboxes\r\n    const checkbox1 = document.getElementById('cbox_naramek_standard');\r\n    const checkbox2 = document.getElementById('cbox_naramek_vlastni');\r\n\r\n    \/\/ Add event listeners to each checkbox\r\n    checkbox1.addEventListener('change', function() {\r\n        uncheckOthers(checkbox1, [checkbox2]);\r\n    });\r\n\r\n    checkbox2.addEventListener('change', function() {\r\n        uncheckOthers(checkbox2, [checkbox1]);\r\n    });\r\n\r\n    });\r\n\r\n    \/\/Transport prices\r\n    \/\/ Execute script once the DOM is fully loaded\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Get all the checkboxes\r\n    const checkbox1 = document.getElementById('cbox_postou');\r\n    const checkbox2 = document.getElementById('cbox_osobne');\r\n\r\n    \/\/ Add event listeners to each checkbox\r\n    checkbox1.addEventListener('change', function() {\r\n        uncheckOthers(checkbox1, [checkbox2]);\r\n    });\r\n\r\n    checkbox2.addEventListener('change', function() {\r\n        uncheckOthers(checkbox2, [checkbox1]);\r\n    });\r\n\r\n    });\r\n\r\n    \/\/Disable transport, if band own\r\n\r\n        \/\/ Get the checkbox and the div elements\r\n        const toggleCheckbox = document.getElementById('cbox_naramek_vlastni');\r\n        const toggleCheckboxNeed = document.getElementById('cbox_naramek_standard');\r\n        const myDiv = document.getElementById('doprava');\r\n\r\n        \/\/ Add an event listener to the checkbox to handle changes\r\n        toggleCheckbox.addEventListener('change', function() {\r\n            \/\/ Check if the checkbox is checked\r\n            if (this.checked) {\r\n                \/\/ Hide the div\r\n                myDiv.style.display = 'none';\r\n            } else {\r\n                \/\/ Show the div\r\n                myDiv.style.display = 'block';\r\n            }\r\n        });\r\n\r\n        toggleCheckboxNeed.addEventListener('change', function() {\r\n            \/\/ Check if the checkbox is checked\r\n            if (this.checked) {\r\n                \/\/ Hide the div\r\n                myDiv.style.display = 'block';\r\n            } else {\r\n                \/\/ Show the div\r\n                myDiv.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        \/\/Change price calculation\r\n\r\n        function calculatePrices(textElement) {\r\n\r\n        const miuMonthly = document.getElementById('cbox_platba_mesicni');\r\n        const miuQuarterly = document.getElementById('cbox_platba_ctvrtletni');\r\n        const miuYearly = document.getElementById('cbox_platba_rocni');\r\n\r\n        const bandOwn = document.getElementById('cbox_naramek_vlastni');\r\n        const bandStandard = document.getElementById('cbox_naramek_standard');\r\n\r\n        const transportPaid = document.getElementById('cbox_postou');\r\n        const transportPickup = document.getElementById('cbox_osobne');\r\n\r\n       priceMiu = 0;\r\n\r\n        if (miuMonthly.checked) {\r\n            priceMiu = 550;\r\n        } else if (miuQuarterly.checked) {\r\n            priceMiu = 1500;\r\n        }else if (miuYearly.checked) {\r\n            priceMiu = 5500;\r\n        };\r\n\r\n        priceBand = 0;\r\n\r\n        if (bandStandard.checked) {\r\n            priceBand = 1500;\r\n        } else if (bandOwn.checked) {\r\n            priceBand = 100;\r\n        };\r\n\r\n        priceTransport = 0;\r\n\r\n        if (transportPaid.checked && bandStandard.checked) {\r\n            priceTransport = 100;\r\n        };\r\n\r\n        price = priceMiu + priceBand + priceTransport;\r\n\r\n        textElement.textContent = price + \" Kc\";\r\n        console.log(priceBand);\r\n        console.log(priceMiu);\r\n        console.log(priceTransport);\r\n\r\n        };\r\n\r\n        \/\/ Get the text element\r\n        const textElement = document.getElementById('cena_bez_DPH');\r\n\r\n        \/\/ Get all the checkboxes\r\n        const checkboxes = [\r\n            document.getElementById('cbox_platba_mesicni'),\r\n            document.getElementById('cbox_platba_ctvrtletni'),\r\n            document.getElementById('cbox_platba_rocni'),\r\n            document.getElementById('cbox_naramek_vlastni'),\r\n            document.getElementById('cbox_naramek_standard'),\r\n            document.getElementById('cbox_postou'),\r\n            document.getElementById('cbox_osobne'),\r\n        ];\r\n\r\n        \/\/ Add event listeners to each checkbox\r\n        checkboxes.forEach(checkbox => {\r\n            checkbox.addEventListener('change', function() {\r\n                calculatePrices(textElement);\r\n                console.log('Button pressed');\r\n            });\r\n        });\r\n<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mindpax M2 system binding order with payment obligation<style class=\"wpcode-css-snippet\">.full-width-div {\r\n\twidth: 100%;\r\n\tbox-sizing: border-box;\r\n\toverflow: hidden; \/* Clear floats *\/\r\n\tbackground-color: transparent; \/* Example background color *\/\r\n\tcolor: rgb(0, 0, 0); \/* Text color *\/\r\n\tpadding: 20px; \/* Padding around content *\/\r\n\tbox-sizing: border-box; \/* Includes padding and border in the element's total width *\/\r\n}\r\n\r\n.questionGroup {\r\n\twidth: 50%;\r\n\tmin-width: 350px;\r\n\tfloat: left; \/* Aligns divs side by side *\/\r\n\tbackground-color: transparent;\r\n\tcolor: rgb(0, 0, 0);\r\n\tpadding: 20px;\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n\r\n.third-width-div {\r\n\twidth: 30%;\r\n\tmin-width: 250px;\r\n\tfloat: left; \/* Aligns divs side by side *\/\r\n\tbackground-color: transparent;\r\n\tcolor: rgb(0, 0, 0);\r\n\tpadding: 20px;\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.twothirds-width-div {\r\n\twidth: 67%;\r\n\tfloat: left; \/* Aligns divs side by side *\/\r\n\tbackground-color: transparent;\r\n\tcolor: rgb(0, 0, 0);\r\n\tpadding: 20px;\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.min-width {\r\n\tmin-width: 200px;\r\n}\r\n\r\n.rounded-backdrop {\r\n\tborder-radius: 10px;\r\n\tmargin-left: 20px;\r\n\tmargin-right: 20px;\r\n}\r\n\r\n.white-text {\r\n\tcolor: white;\r\n}\r\n\r\n.non-bold {\r\n\tfont-weight: normal;\r\n}\r\n\r\n.bold {\r\n\tfont-weight: bold;\r\n}\r\n\r\n.align-right {\r\n\ttext-align: right;\r\n}\r\n\r\nh1 {\r\n\tfont-size: 36px; \/* Font size *\/\r\n\tcolor: #000000; \/* Text color *\/\r\n\ttext-align: center; \/* Center alignment *\/\r\n\tfont-family: 'Montserrat', sans-serif; \/* Font family *\/\r\n\tfont-weight: normal; \/* Font weight *\/\r\n\tmargin: 20px 0; \/* Margin *\/\r\n\tpadding: 10px; \/* Padding *\/\r\n}\r\n\r\nh2 {\r\n\tfont-size: 24px;\r\n\tfont-family: 'Montserrat', sans-serif; \/* Font family *\/\r\n\tfont-weight: normal; \/* Font weight *\/\r\n\tcolor: white;\r\n\tpadding: 0px;\r\n\tmargin: 0px;\r\n\tmargin-bottom: 12px;\r\n}\r\n\r\nh3 {\r\n\tfont-size: 20px; \/* Font size *\/\r\n\tcolor: #0091db; \/* Text color *\/\r\n\ttext-align: left; \/* Center alignment *\/\r\n\tfont-family: 'Montserrat', sans-serif; \/* Font family *\/\r\n\tfont-weight: bold; \/* Font weight *\/\r\n}\r\n\r\nh4 {\r\n\tfont-size: 16px; \/* Font size *\/\r\n\tcolor: #000000; \/* Text color *\/\r\n\ttext-align: left; \/* Center alignment *\/\r\n\tfont-family: 'Montserrat', sans-serif; \/* Font family *\/\r\n\tfont-weight: bold; \/* Font weight *\/\r\n\tline-height: normal;\r\n\tpadding:0px;\r\n\tmargin:0px;\r\n}\r\n\r\n.form-group {\r\n\tdisplay: flex; \/* Flexbox layout *\/\r\n\talign-items: center; \/* Align items vertically *\/\r\n\tmargin-bottom: 10px; \/* Space between form groups *\/\r\n}\r\n\r\nlabel {\r\n\tfont-size: 14px; \/* Font size *\/\r\n\tcolor: #000000; \/* Text color *\/\r\n\ttext-align: left; \/* Center alignment *\/\r\n\tfont-family: 'Open Sans', sans-serif; \/* Font family *\/\r\n\tfont-weight: normal; \/* Font weight *\/\r\n\tmin-width: 100px;\r\n}\r\n\r\ninput[type=\"text\"], input[type=\"email\"], input[type=\"tel\"], select {\r\n\tflex: 1; \/* Allow input to fill remaining space *\/\r\n\tpadding: 8px; \/* Padding inside input *\/\r\n\tfont-size: 14px; \/* Font size *\/\r\n\tborder: 1px solid #ccc; \/* Border for input *\/\r\n\tborder-radius: 4px; \/* Rounded corners *\/\r\n}\r\n\r\ninput[type=\"text\"]::placeholder,\r\ninput[type=\"email\"]::placeholder,\r\ninput[type=\"tel\"]::placeholder {\r\n\tcolor: #a8a4a4;\r\n\tfont-style: italic;\r\n\tfont-size: 14px;\r\n\topacity: 1;\r\n}\r\n\r\n.price_box {\r\n\tmargin-left: 12px;\r\n\tmargin-right: 12px;\r\n\tmargin-bottom: 24px;\r\n\tbackground-color: whitesmoke;\r\n\tmin-width: 250px;\r\n}\r\n\r\n.submit_button {\r\n\tbackground-color: #0091db;\r\n\tcolor: white;\r\n\tborder-radius: 10px;\r\n\tpadding: 20px 20px;\r\n\tborder: transparent;\r\n\tfont-family: 'Open Sans', sans-serif; \/* Font family *\/\r\n\tfont-weight: bold;\r\n\tfont-size: 18px;\r\n}\r\n\r\n.copy_adress_button {\r\n\tbackground-color: #0091db;\r\n\tcolor: white;\r\n\tborder-radius: 10px;\r\n\tpadding: 2px 10px;\r\n\tborder: transparent;\r\n\tfont-family: 'Open Sans', sans-serif; \/* Font family *\/\r\n\tfont-weight: bold;\r\n\tfont-size: 12px;\r\n}\r\n\r\n.custom-checkbox input[type=\"checkbox\"] {\r\n\tdisplay: none; \/* Hide the default checkbox *\/\r\n}\r\n\r\n\/* Style the custom checkbox container *\/\r\n.custom-checkbox {\r\n\tdisplay: inline-flex; \/* Inline block for label *\/\r\n\talign-items: center; \/* Center items vertically *\/\r\n\tcursor: pointer; \/* Pointer cursor on hover *\/\r\n\tposition: relative; \/* Position relative for absolute children *\/\r\n\tfont-size: 14px; \/* Font size for label *\/\r\n\tpadding-left: 35px; \/* Space for custom checkbox *\/\r\n}\r\n\r\n\/* Create the custom checkbox *\/\r\n.custom-checkbox .checkmark {\r\n\tposition: absolute; \/* Absolute positioning within the label *\/\r\n\tleft: 0; \/* Align to the left *\/\r\n\ttop: 50%; \/* Center vertically *\/\r\n\ttransform: translateY(-50%); \/* Center vertically *\/\r\n\twidth: 25px; \/* Width of the custom checkbox *\/\r\n\theight: 25px; \/* Height of the custom checkbox *\/\r\n\tbackground-color: #eee; \/* Background color *\/\r\n\tborder: 1px solid #ccc; \/* Border color *\/\r\n\tborder-radius: 4px; \/* Rounded corners *\/\r\n\ttransition: background-color 0.3s, border-color 0.3s; \/* Smooth transition *\/\r\n}\r\n\r\n\/* Change appearance when checkbox is checked *\/\r\n.custom-checkbox input[type=\"checkbox\"]:checked + .checkmark {\r\n\tbackground-color: #4CAF50; \/* Background color when checked *\/\r\n\tborder-color: #4CAF50; \/* Border color when checked *\/\r\n}\r\n\r\n\/* Add a checkmark icon when checked *\/\r\n.custom-checkbox input[type=\"checkbox\"]:checked + .checkmark::after {\r\n\tcontent: \"\"; \/* Empty content *\/\r\n\tposition: absolute; \/* Absolute positioning *\/\r\n\ttop: 50%; \/* Center vertically *\/\r\n\tleft: 50%; \/* Center horizontally *\/\r\n\ttransform: translate(-50%, -50%) rotate(45deg); \/* Center and rotate *\/\r\n\twidth: 5px; \/* Width of the checkmark *\/\r\n\theight: 10px; \/* Height of the checkmark *\/\r\n\tborder: solid white; \/* Color of the checkmark *\/\r\n\tborder-width: 0 3px 3px 0; \/* Border width to create a checkmark *\/\r\n}\r\n\r\n\/* Optional: Add hover effect *\/\r\n.custom-checkbox:hover .checkmark {\r\n\tbackground-color: #ddd; \/* Light background color on hover *\/\r\n}\r\n\r\n.error {\r\n\tcolor: red;\r\n\tfont-size: 14px;\r\n\tdisplay: none; \/* Hidden by default *\/\r\n\tpadding-left: 100px;\r\n\tpadding-bottom: 12px;\r\n}\r\n\r\n.error.active {\r\n\tdisplay: block; \/* Show when active *\/\r\n}<\/style><div>\r\n    <div class=\"full-width-div\">\r\n        <div class=\"questionGroup\" style=\"background-color: rgb(62, 145, 211); border-radius: 10px;\">\r\n            <div>\r\n                <h3 class=\"white-text\">Supplier:<\/h3>\r\n            <\/div>\r\n            <div id=\"test\" style=\"display: flex;\">\r\n                <div style=\"width:50%; min-width: 100px;\">\r\n                    <img decoding=\"async\" src=\"..\/..\/wp-content\/uploads\/2024\/08\/logo_white-2.svg\">\r\n                    <p class=\"white-text\">\r\n                        Br\u00e1nick\u00e1 43\/26, <br>\r\n                        Prague 4 - Bran\u00edk <br>\r\n                        Czech Republic <br><br>\r\n                    <\/p>\r\n                <\/div>\r\n                <div style=\"width:50%; min-width: 100px;margin-top: 40px\">\r\n                    <p class=\"white-text\">\r\n                    Company ID: 04153359 <br>\r\n                    VAT ID: CZ04153359 <br><br>\r\n                    info@mindpax.me <br>\r\n                    +420 703 147 672\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"questionGroup\">\r\n            <div>\r\n                <h3>Customer:*<\/h3>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label for=\"name\">First Name:<\/label>\r\n                <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Jan\">\r\n            <\/div>\r\n\r\n            <div id=\"nameError\" class=\"error\">\r\n                Please enter your first name.\r\n            <\/div>\r\n            \r\n            <div class=\"form-group\">\r\n                <label for=\"surname\">Last Name:<\/label>\r\n                <input type=\"text\" id=\"surname\" name=\"surname\" placeholder=\"Nov\u00e1k\">\r\n            <\/div>\r\n            \r\n            <div id=\"surnameError\" class=\"error\">\r\n                Please enter your last name.\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"phone\">Phone:<\/label>\r\n                <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+420 602 123 456\" >\r\n            <\/div>\r\n\r\n            <div id=\"phoneError\" class=\"error\">\r\n                Please enter a valid phone number.\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"email\">E-mail:<\/label>\r\n                <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jan.novak@email.cz\">\r\n            <\/div>\r\n            \r\n            <div id=\"emailError\" class=\"error\">\r\n                Please enter a valid email address.\r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n\r\n    <div class=\"full-width-div\">\r\n        <div class=\"questionGroup\">\r\n            <div>\r\n            <h3>Billing Address:<\/h3> \r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label for=\"invoiceStreet\">Street:<\/label>\r\n                <input type=\"text\" id=\"invoiceStreet\" name=\"invoiceStreet\" placeholder=\"National\">\r\n            <\/div>\r\n\r\n            <div id=\"invoiceStreetError\" class=\"error\">\r\n                Please enter a valid address.\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"invoiceStreetNumber\">Number:<\/label>\r\n                <input type=\"text\" id=\"invoiceStreetNumber\" name=\"invoiceStreetNumber\" placeholder=\"26\">\r\n            <\/div>\r\n            \r\n            <div id=\"invoiceStreetNumberError\" class=\"error\">\r\n                Please enter a valid house number.\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"invoiceZIP\">ZIP Code:<\/label>\r\n                <input type=\"text\" id=\"invoiceZIP\" name=\"invoiceZIP\" placeholder=\"110 00\">\r\n            <\/div>\r\n            \r\n            <div id=\"invoiceZIPError\" class=\"error\">\r\n                Please enter a valid ZIP code.\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"invoiceCity\">City:<\/label>\r\n                <input type=\"text\" id=\"invoiceCity\" name=\"invoiceCity\" placeholder=\"Prague\">\r\n            <\/div>\r\n\r\n            <div id=\"invoiceCityError\" class=\"error\">\r\n                Please enter a valid city.\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"invoiceCountry\">Country:<\/label>\r\n                <select id=\"invoiceCountry\" name=\"invoiceCountry\">\r\n                    <option value=\"Czech Republic\" selected>Czech Republic<\/option>\r\n                    <option value=\"Slovakia\">Slovakia<\/option>\r\n                    <option value=\"Germany\">Germany<\/option>\r\n                    <option value=\"Poland\">Poland<\/option>\r\n                    <option value=\"Other\">Other<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n\t\t\t<div id=\"invoiceCountryError\" class=\"error\">\r\n    Please enter the country in the correct format.\r\n<\/div>\r\n\r\n<\/div>\r\n<div class=\"questionGroup\">\r\n    <div>\r\n        <div style=\"display: flex; align-items: center;\">\r\n            <div style=\"width:50%\">\r\n                <h3>Delivery Address:<\/h3>\r\n            <\/div>\r\n            <div style=\"width:50%; text-align: right;\">\r\n                <button class=\"copy_address_button\" onClick=\"copyAdress()\">Copy from billing address<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"form-group\">\r\n        <label for=\"deliveryStreet\">Street:<\/label>\r\n        <input type=\"text\" id=\"deliveryStreet\" name=\"deliveryStreet\" placeholder=\"National\">\r\n    <\/div>\r\n\r\n    <div id=\"deliveryStreetError\" class=\"error\">\r\n        Please enter the address in the correct format.\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n        <label for=\"deliveryStreetNumber\">Number:<\/label>\r\n        <input type=\"text\" id=\"deliveryStreetNumber\" name=\"deliveryStreetNumber\" placeholder=\"26\">\r\n    <\/div>\r\n\r\n    <div id=\"deliveryStreetNumberError\" class=\"error\">\r\n        Please enter the house number in the correct format.\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n        <label for=\"deliveryZIP\">ZIP Code:<\/label>\r\n        <input type=\"text\" id=\"deliveryZIP\" name=\"deliveryZIP\" placeholder=\"110 00\">\r\n    <\/div>\r\n\r\n    <div id=\"deliveryZIPError\" class=\"error\">\r\n        Please enter the ZIP code in the correct format.\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n        <label for=\"deliveryCity\">City:<\/label>\r\n        <input type=\"text\" id=\"deliveryCity\" name=\"deliveryCity\" placeholder=\"Prague\">\r\n    <\/div>\r\n\r\n    <div id=\"deliveryCityError\" class=\"error\">\r\n        Please enter the city in the correct format.\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n        <label for=\"deliveryCountry\">Country:<\/label>\r\n        <select id=\"deliveryCountry\" name=\"deliveryCountry\" placeholder=\"Czech Republic\">\r\n            <option value=\"Czech Republic\">Czech Republic<\/option>\r\n            <option value=\"Slovakia\">Slovakia<\/option>\r\n            <option value=\"Germany\">Germany<\/option>\r\n            <option value=\"Poland\">Poland<\/option>\r\n            <option value=\"Other\">Other<\/option>\r\n        <\/select>\r\n    <\/div>\r\n\r\n    <div id=\"deliveryCountryError\" class=\"error\">\r\n        Please enter the country in the correct format.\r\n    <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"rounded-backdrop\" style=\"background-color: rgb(185, 189, 193);\">\r\n    <div class=\"full-width-div\">\r\n        <h3>Ordered Products and Solutions:<\/h3>\r\n        Check the options you are ordering.\r\n    <\/div>\r\n\r\n    <div class=\"full-width-div\">\r\n        <div class=\"third-width-div\">\r\n            <h4>Mindpax Miu.me<\/h4>\r\n            <p>for monitoring affective disorders<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"twothirds-width-div\">\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_payment_monthly\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>Monthly<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">550 CZK<br>\/month<\/div>\r\n                <\/label>\r\n            <\/div>\r\n\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_payment_quarterly\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>Quarterly<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">1500 CZK<br>\/90 days<\/div>\r\n                <\/label>\r\n            <\/div>\r\n\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_payment_annual\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>Annual<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">5500 CZK<br>\/year<\/div>\r\n                <\/label>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"full-width-div\">\r\n        <div class=\"third-width-div\">\r\n            <h4>Mindpax Bracelet<\/h4>\r\n            <p>necessary for Mindpax Miu, for tracking actigraphic data, with guaranteed functionality for 1 year<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"twothirds-width-div\">\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_bracelet_standard\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>Standard<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">1500 CZK<\/div>\r\n                <\/label>\r\n            <\/div>\r\n\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_bracelet_own\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>I have my own<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">0 CZK<\/div>\r\n                <\/label>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"full-width-div\" id=\"shipping\">\r\n        <div class=\"third-width-div\">\r\n            <h4>Shipping<\/h4>\r\n            <p>necessary only when ordering a bracelet<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"twothirds-width-div\">\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_postal\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>By mail<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">100 CZK<\/div>\r\n                <\/label>\r\n            <\/div>\r\n\r\n            <div class=\"price_box third-width-div rounded-backdrop\">\r\n                <label class=\"custom-checkbox\">\r\n                    <input type=\"checkbox\" id=\"cbox_in_person\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                    <div style=\"width: 100px;\"><b>In person<\/b><\/div>\r\n                    <div style=\"width: auto; text-align: center;\">free<\/div>\r\n                <\/label>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"full-width-div\">\r\n\r\n\t<div class=\"questionGroup\">\r\n    <div>\r\n        <input type=\"checkbox\" id=\"requestExtendedTrial\" name=\"requestExtendedTrial\">\r\n        <label class=\"non-bold\" for=\"requestExtendedTrial\">I am a new customer and request an extended 60-day trial period.<\/label>\r\n    <\/div>\r\n    <div>\r\n        <input type=\"checkbox\" id=\"rejectMKTMessages\" name=\"rejectMKTMessages\">\r\n        <label class=\"non-bold\" for=\"rejectMKTMessages\">I do not agree to receive marketing information.<\/label>\r\n    <\/div>\r\n    <div>\r\n        <input type=\"checkbox\" id=\"approveVOP\" name=\"approveVOP\">\r\n        <label class=\"non-bold\" for=\"approveVOP\">I agree to Mindpax's Terms and Conditions.<\/label>\r\n    <\/div>\r\n    <div id=\"approveVOPError\" class=\"error\" style=\"padding-left:20px !important;margin-top:-20px !important;\">\r\n        You must agree to our Terms and Conditions to place an order.\r\n    <\/div>\r\n    <div>\r\n        <br>\r\n        <p>We will process your data in accordance with our Privacy Policy.<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"questionGroup align-right\" style=\"margin:20px 0px;padding:0px;\">\r\n    <table class=\"align-right\">\r\n        <tbody>\r\n            <tr>\r\n                <td>Price excluding VAT:<\/td>\r\n                <td style=\"text-align:right;\" id=\"price_excl_VAT\">0 CZK<\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>VAT:<\/td>\r\n                <td style=\"text-align:right;\" id=\"price_VAT\">0 CZK<\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>Total price:<\/td>\r\n                <td style=\"text-align:right;\" id=\"total_price\">0 CZK<\/td>\r\n            <\/tr>\r\n        <\/tbody>\r\n    <\/table>\r\n<\/div>\r\n<div class=\"align-right\">\r\n    <button class=\"submit_button\" onClick=\"submit()\">Place binding order<\/button>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<script> const platbaMesicni = document.getElementById('cbox_platba_mesicni');\r\n            const platbaCtvrtletni = document.getElementById('cbox_platba_ctvrtletni');\r\n            const platbaRocni = document.getElementById('cbox_platba_rocni');\r\n            const naramekVlastni = document.getElementById('cbox_naramek_vlastni');\r\n            const naramekStandard = document.getElementById('cbox_naramek_standard');\r\n            const dopravaPostou = document.getElementById('cbox_postou');\r\n            const dopravaOsobne = document.getElementById('cbox_osobne');\r\n\r\n            const cenaBezDPH = document.getElementById('cena_bez_DPH');\r\n            const cenaIbaDPH = document.getElementById('cena_DPH');\r\n            const cenaVcitane = document.getElementById('cena_celkom');\r\n\r\n            const name = document.getElementById('name');\r\n            const surname = document.getElementById('surname');\r\n            const phone = document.getElementById('phone');\r\n            const email = document.getElementById('email');\r\n\r\n            const invoiceStreet = document.getElementById('invoiceStreet');\r\n            const invoiceStreetNumber = document.getElementById('invoiceStreetNumber');\r\n            const invoiceZIP = document.getElementById('invoiceZIP');\r\n            const invoiceCity = document.getElementById('invoiceCity');\r\n            const invoiceCountry = document.getElementById('invoiceCountry');\r\n\r\n            const deliveryStreet = document.getElementById('deliveryStreet');\r\n            const deliveryStreetNumber = document.getElementById('deliveryStreetNumber');\r\n            const deliveryZIP = document.getElementById('deliveryZIP');\r\n            const deliveryCity = document.getElementById('deliveryCity');\r\n            const deliveryCountry = document.getElementById('deliveryCountry');\r\n\r\n            const requestExtendedTrial = document.getElementById('requestExtendedTrial');\r\n            const approveVOP = document.getElementById('approveVOP');\r\n            const rejectMKTMessages = document.getElementById('rejectMKTMessages');\r\n\r\n            const allFields = [name, surname, phone, email, invoiceStreet, invoiceStreetNumber, invoiceZIP, invoiceCity, invoiceCountry, deliveryStreet, deliveryStreetNumber, deliveryZIP, deliveryCity, deliveryCountry];\r\n\r\n            var priceLicense = 0;\r\n            var priceBand = 0;\r\n            var priceTransport = 0;\r\n\r\n            function calculatePrices() {\r\n                \r\n                priceLicense = 0;\r\n                priceBand = 0;\r\n                priceTransport = 0;\r\n\r\n\r\n                if (platbaMesicni.checked) {\r\n                    priceLicense = 550;\r\n                }else if (platbaCtvrtletni.checked) {\r\n                    priceLicense = 1550;\r\n                }else if (platbaRocni.checked) {\r\n                    priceLicense = 5500;\r\n                };\r\n\r\n                if (naramekStandard.checked) {\r\n                    priceBand = 1500;\r\n                }else if (naramekVlastni.checked) {\r\n                    priceBand = 0;\r\n                };\r\n\r\n                if (dopravaPostou.checked) {\r\n                    priceTransport = 100;\r\n                }else if (dopravaOsobne.checked) {\r\n                    priceTransport = 0;\r\n                };\r\n\r\n                \r\n                priceTotal = priceLicense + priceBand + priceTransport;\r\n                priceDPH = priceTotal * 21 \/ 121;\r\n                priceWithoutDPH = priceTotal - priceDPH;\r\n\r\n                priceTotal = priceTotal.toFixed(2);\r\n                priceDPH = priceDPH.toFixed(2);\r\n                priceWithoutDPH = priceWithoutDPH.toFixed(2);\r\n\r\n                cenaVcitane.textContent = priceTotal + \" Kc\";\r\n                cenaBezDPH.textContent = priceWithoutDPH + \" Kc\";\r\n                cenaIbaDPH.textContent = priceDPH + \" Kc\";\r\n            };\r\n\r\n            platbaMesicni.addEventListener('change', function() {\r\n                platbaCtvrtletni.checked = false;\r\n                platbaRocni.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            platbaCtvrtletni.addEventListener('change', function() {\r\n                platbaMesicni.checked = false;\r\n                platbaRocni.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            platbaRocni.addEventListener('change', function() {\r\n                platbaMesicni.checked = false;\r\n                platbaCtvrtletni.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            naramekStandard.addEventListener('change', function() {\r\n                naramekVlastni.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            naramekVlastni.addEventListener('change', function() {\r\n                naramekStandard.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            dopravaPostou.addEventListener('change', function() {\r\n                dopravaOsobne.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            dopravaOsobne.addEventListener('change', function() {\r\n                dopravaPostou.checked = false;\r\n                calculatePrices();\r\n            });\r\n\r\n            function submit() {\r\n\r\n                let isFormValid = true;\r\n\r\n                \/\/Hide all error messages\r\n                allFields.forEach(field => {\r\n                    var errorDiv = document.querySelector('#' + field.id + 'Error');\r\n                    errorDiv.classList.remove('active');\r\n                });\r\n                \r\n                const errorDiv = document.querySelector('#approveVOPError');\r\n                errorDiv.classList.remove('active');\r\n\r\n                \r\n\r\n\r\n                \/\/Stop execution, if any test failed\r\n\r\n                if (!isFormValid) {\r\n                    event.preventDefault(); \/\/ Prevent form submission if any field is invalid\r\n                    return;\r\n                };\r\n\t\t\t\t\r\n\t\t\t\t\/\/ Create data object with values from the constants\r\n\t\t\t\tconst data = {\r\n\t\t\t\t\tnaramekStandard: naramekStandard.checked,\r\n\t\t\t\t\tdopravaPostou: dopravaPostou.checked,\r\n\t\t\t\t\tdopravaOsobne: dopravaOsobne.checked,\r\n\t\t\t\t\tcenaBezDPH: cenaBezDPH.value,\r\n\t\t\t\t\tcenaIbaDPH: cenaIbaDPH.value,\r\n\t\t\t\t\tcenaVcitane: cenaVcitane.value,\r\n\t\t\t\t\tname: name.value,\r\n\t\t\t\t\tsurname: surname.value,\r\n\t\t\t\t\tphone: phone.value,\r\n\t\t\t\t\temail: email.value,\r\n\t\t\t\t\tinvoiceStreet: invoiceStreet.value,\r\n\t\t\t\t\tinvoiceStreetNumber: invoiceStreetNumber.value,\r\n\t\t\t\t\tinvoiceZIP: invoiceZIP.value,\r\n\t\t\t\t\tinvoiceCity: invoiceCity.value,\r\n\t\t\t\t\tinvoiceCountry: invoiceCountry.value,\r\n\t\t\t\t\tdeliveryStreet: deliveryStreet.value,\r\n\t\t\t\t\tdeliveryStreetNumber: deliveryStreetNumber.value,\r\n\t\t\t\t\tdeliveryZIP: deliveryZIP.value,\r\n\t\t\t\t\tdeliveryCity: deliveryCity.value,\r\n\t\t\t\t\tdeliveryCountry: deliveryCountry.value,\r\n\t\t\t\t\trequestExtendedTrial: requestExtendedTrial.checked,\r\n\t\t\t\t\tapproveVOP: approveVOP.checked,\r\n\t\t\t\t\trejectMKTMessages: rejectMKTMessages.checked\r\n\t\t\t\t};\r\n\r\n\t\t\t\t\/\/ Get the base URL from the current domain\r\n\t\t\t\tvar baseUrl = window.location.origin;\r\n\t\t\t\tvar themeFolder = \"\/wp-content\/themes\/Divi-Child\"; \/\/ Replace with your theme folder name\r\n\t\t\t\tvar phpUrl = baseUrl + themeFolder + \"\/newOrder.php\";\r\n\r\n\t\t\t\t\/\/ Send data using fetch API\r\n\t\t\t\tfetch(phpUrl, {\r\n\t\t\t\t\tmethod: 'POST',\r\n\t\t\t\t\theaders: {\r\n\t\t\t\t\t\t'Content-Type': 'application\/json'\r\n\t\t\t\t\t},\r\n\t\t\t\t\tbody: JSON.stringify(data)\r\n\t\t\t\t})\r\n\t\t\t\t.then(response => response.text())  \/\/ Convert the response to text (or json if expected)\r\n\t\t\t\t.then(result => {\r\n\t\t\t\t\tconsole.log('Success:', result);  \/\/ Handle success\r\n\t\t\t\t\t\/\/ You can add additional logic here (e.g., redirect, show a message)\r\n\t\t\t\t})\r\n\t\t\t\t.catch(error => {\r\n\t\t\t\t\tconsole.error('Error:', error);  \/\/ Handle error\r\n\t\t\t\t});\r\n\t\t\t\t\r\n            };\r\n\r\n            function copyAdress() {\r\n                const sourceValue = document.getElementById('invoiceStreet').value;\r\n                document.getElementById('deliveryStreet').value = sourceValue;\r\n\r\n                const sourceValueStreetNumber = document.getElementById('invoiceStreetNumber').value;\r\n                document.getElementById('deliveryStreetNumber').value = sourceValueStreetNumber;\r\n\r\n                const sourceValueZIP = document.getElementById('invoiceZIP').value;\r\n                document.getElementById('deliveryZIP').value = sourceValueZIP;\r\n\r\n                const sourceValueCity = document.getElementById('invoiceCity').value;\r\n                document.getElementById('deliveryCity').value = sourceValueCity;\r\n\r\n                const sourceValueCountry = document.getElementById('invoiceCountry').value;\r\n                document.getElementById('deliveryCountry').value = sourceValueCountry;\r\n            };\r\n\r\n \/\/Mindpax Miu Prices\r\n\r\n    \/\/ Function to uncheck other checkboxes\r\n    function uncheckOthers(currentCheckbox, otherCheckboxes) {\r\n        if (currentCheckbox.checked) {\r\n            otherCheckboxes.forEach(checkbox => {\r\n                checkbox.checked = false;\r\n            });\r\n        }\r\n    }\r\n\r\n    \/\/ Get all the checkboxes\r\n    const checkbox1 = document.getElementById('cbox_platba_mesicni');\r\n    const checkbox2 = document.getElementById('cbox_platba_ctvrtletni');\r\n    const checkbox3 = document.getElementById('cbox_platba_rocni');\r\n\r\n    \/\/ Add event listeners to each checkbox\r\n    checkbox1.addEventListener('change', function() {\r\n        uncheckOthers(checkbox1, [checkbox2, checkbox3]);\r\n    });\r\n\r\n    checkbox2.addEventListener('change', function() {\r\n        uncheckOthers(checkbox2, [checkbox1, checkbox3]);\r\n    });\r\n\r\n    checkbox3.addEventListener('change', function() {\r\n        uncheckOthers(checkbox3, [checkbox1, checkbox2]);\r\n    });\r\n\r\n\r\n    \/\/Mindpax Band Prices\r\n\r\n    \/\/ Execute script once the DOM is fully loaded\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Get all the checkboxes\r\n    const checkbox1 = document.getElementById('cbox_naramek_standard');\r\n    const checkbox2 = document.getElementById('cbox_naramek_vlastni');\r\n\r\n    \/\/ Add event listeners to each checkbox\r\n    checkbox1.addEventListener('change', function() {\r\n        uncheckOthers(checkbox1, [checkbox2]);\r\n    });\r\n\r\n    checkbox2.addEventListener('change', function() {\r\n        uncheckOthers(checkbox2, [checkbox1]);\r\n    });\r\n\r\n    });\r\n\r\n    \/\/Transport prices\r\n    \/\/ Execute script once the DOM is fully loaded\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Get all the checkboxes\r\n    const checkbox1 = document.getElementById('cbox_postou');\r\n    const checkbox2 = document.getElementById('cbox_osobne');\r\n\r\n    \/\/ Add event listeners to each checkbox\r\n    checkbox1.addEventListener('change', function() {\r\n        uncheckOthers(checkbox1, [checkbox2]);\r\n    });\r\n\r\n    checkbox2.addEventListener('change', function() {\r\n        uncheckOthers(checkbox2, [checkbox1]);\r\n    });\r\n\r\n    });\r\n\r\n    \/\/Disable transport, if band own\r\n\r\n        \/\/ Get the checkbox and the div elements\r\n        const toggleCheckbox = document.getElementById('cbox_naramek_vlastni');\r\n        const toggleCheckboxNeed = document.getElementById('cbox_naramek_standard');\r\n        const myDiv = document.getElementById('doprava');\r\n\r\n        \/\/ Add an event listener to the checkbox to handle changes\r\n        toggleCheckbox.addEventListener('change', function() {\r\n            \/\/ Check if the checkbox is checked\r\n            if (this.checked) {\r\n                \/\/ Hide the div\r\n                myDiv.style.display = 'none';\r\n            } else {\r\n                \/\/ Show the div\r\n                myDiv.style.display = 'block';\r\n            }\r\n        });\r\n\r\n        toggleCheckboxNeed.addEventListener('change', function() {\r\n            \/\/ Check if the checkbox is checked\r\n            if (this.checked) {\r\n                \/\/ Hide the div\r\n                myDiv.style.display = 'block';\r\n            } else {\r\n                \/\/ Show the div\r\n                myDiv.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        \/\/Change price calculation\r\n\r\n        function calculatePrices(textElement) {\r\n\r\n        const miuMonthly = document.getElementById('cbox_platba_mesicni');\r\n        const miuQuarterly = document.getElementById('cbox_platba_ctvrtletni');\r\n        const miuYearly = document.getElementById('cbox_platba_rocni');\r\n\r\n        const bandOwn = document.getElementById('cbox_naramek_vlastni');\r\n        const bandStandard = document.getElementById('cbox_naramek_standard');\r\n\r\n        const transportPaid = document.getElementById('cbox_postou');\r\n        const transportPickup = document.getElementById('cbox_osobne');\r\n\r\n       priceMiu = 0;\r\n\r\n        if (miuMonthly.checked) {\r\n            priceMiu = 550;\r\n        } else if (miuQuarterly.checked) {\r\n            priceMiu = 1500;\r\n        }else if (miuYearly.checked) {\r\n            priceMiu = 5500;\r\n        };\r\n\r\n        priceBand = 0;\r\n\r\n        if (bandStandard.checked) {\r\n            priceBand = 1500;\r\n        } else if (bandOwn.checked) {\r\n            priceBand = 100;\r\n        };\r\n\r\n        priceTransport = 0;\r\n\r\n        if (transportPaid.checked && bandStandard.checked) {\r\n            priceTransport = 100;\r\n        };\r\n\r\n        price = priceMiu + priceBand + priceTransport;\r\n\r\n        textElement.textContent = price + \" Kc\";\r\n        console.log(priceBand);\r\n        console.log(priceMiu);\r\n        console.log(priceTransport);\r\n\r\n        };\r\n\r\n        \/\/ Get the text element\r\n        const textElement = document.getElementById('cena_bez_DPH');\r\n\r\n        \/\/ Get all the checkboxes\r\n        const checkboxes = [\r\n            document.getElementById('cbox_platba_mesicni'),\r\n            document.getElementById('cbox_platba_ctvrtletni'),\r\n            document.getElementById('cbox_platba_rocni'),\r\n            document.getElementById('cbox_naramek_vlastni'),\r\n            document.getElementById('cbox_naramek_standard'),\r\n            document.getElementById('cbox_postou'),\r\n            document.getElementById('cbox_osobne'),\r\n        ];\r\n\r\n        \/\/ Add event listeners to each checkbox\r\n        checkboxes.forEach(checkbox => {\r\n            checkbox.addEventListener('change', function() {\r\n                calculatePrices(textElement);\r\n                console.log('Button pressed');\r\n            });\r\n        });\r\n<\/script><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"folder":[],"class_list":["post-60","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Order Now - Mindpax<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/3.123.108.25\/de\/order-now\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Order Now - Mindpax\" \/>\n<meta property=\"og:description\" content=\"Mindpax M2 system binding order with payment obligation\" \/>\n<meta property=\"og:url\" content=\"https:\/\/3.123.108.25\/de\/order-now\/\" \/>\n<meta property=\"og:site_name\" content=\"Mindpax\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-17T12:15:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/3.123.108.25\/de\/order-now\/\",\"url\":\"https:\/\/3.123.108.25\/de\/order-now\/\",\"name\":\"Order Now - Mindpax\",\"isPartOf\":{\"@id\":\"https:\/\/mindpax.me\/de\/#website\"},\"datePublished\":\"2024-08-13T09:00:06+00:00\",\"dateModified\":\"2025-03-17T12:15:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/3.123.108.25\/de\/order-now\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/3.123.108.25\/de\/order-now\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/3.123.108.25\/de\/order-now\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mindpax.me\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Order Now\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mindpax.me\/de\/#website\",\"url\":\"https:\/\/mindpax.me\/de\/\",\"name\":\"Mindpax.me\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/mindpax.me\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mindpax.me\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mindpax.me\/de\/#organization\",\"name\":\"Mindpax\",\"url\":\"https:\/\/mindpax.me\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/mindpax.me\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mindpax.me\/wp-content\/uploads\/2024\/11\/Mindpax.png\",\"contentUrl\":\"https:\/\/mindpax.me\/wp-content\/uploads\/2024\/11\/Mindpax.png\",\"width\":512,\"height\":512,\"caption\":\"Mindpax\"},\"image\":{\"@id\":\"https:\/\/mindpax.me\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/mindpax.me\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Order Now - Mindpax","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/3.123.108.25\/de\/order-now\/","og_locale":"en_GB","og_type":"article","og_title":"Order Now - Mindpax","og_description":"Mindpax M2 system binding order with payment obligation","og_url":"https:\/\/3.123.108.25\/de\/order-now\/","og_site_name":"Mindpax","article_modified_time":"2025-03-17T12:15:04+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/3.123.108.25\/de\/order-now\/","url":"https:\/\/3.123.108.25\/de\/order-now\/","name":"Order Now - Mindpax","isPartOf":{"@id":"https:\/\/mindpax.me\/de\/#website"},"datePublished":"2024-08-13T09:00:06+00:00","dateModified":"2025-03-17T12:15:04+00:00","breadcrumb":{"@id":"https:\/\/3.123.108.25\/de\/order-now\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/3.123.108.25\/de\/order-now\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/3.123.108.25\/de\/order-now\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mindpax.me\/de\/"},{"@type":"ListItem","position":2,"name":"Order Now"}]},{"@type":"WebSite","@id":"https:\/\/mindpax.me\/de\/#website","url":"https:\/\/mindpax.me\/de\/","name":"Mindpax.me","description":"","publisher":{"@id":"https:\/\/mindpax.me\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mindpax.me\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/mindpax.me\/de\/#organization","name":"Mindpax","url":"https:\/\/mindpax.me\/de\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/mindpax.me\/de\/#\/schema\/logo\/image\/","url":"https:\/\/mindpax.me\/wp-content\/uploads\/2024\/11\/Mindpax.png","contentUrl":"https:\/\/mindpax.me\/wp-content\/uploads\/2024\/11\/Mindpax.png","width":512,"height":512,"caption":"Mindpax"},"image":{"@id":"https:\/\/mindpax.me\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/mindpax.me"]}]}},"_links":{"self":[{"href":"https:\/\/mindpax.me\/en\/wp-json\/wp\/v2\/pages\/60"}],"collection":[{"href":"https:\/\/mindpax.me\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mindpax.me\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mindpax.me\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mindpax.me\/en\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":17,"href":"https:\/\/mindpax.me\/en\/wp-json\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":609,"href":"https:\/\/mindpax.me\/en\/wp-json\/wp\/v2\/pages\/60\/revisions\/609"}],"wp:attachment":[{"href":"https:\/\/mindpax.me\/en\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/mindpax.me\/en\/wp-json\/wp\/v2\/folder?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}