{"id":235,"date":"2026-04-22T17:21:38","date_gmt":"2026-04-22T17:21:38","guid":{"rendered":"https:\/\/omni-pack.gr\/?page_id=235"},"modified":"2026-04-24T14:23:05","modified_gmt":"2026-04-24T14:23:05","slug":"booking-system","status":"publish","type":"page","link":"https:\/\/omni-pack.gr\/?page_id=235","title":{"rendered":"\u03a6\u039f\u03a1\u039c\u0391 \u039a\u03a1\u0391\u03a4\u0397\u03a3\u0395\u03a9\u039d"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"235\" class=\"elementor elementor-235\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7efb01e e-flex e-con-boxed e-con e-parent\" data-id=\"7efb01e\" 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-a76f5d3 elementor-widget elementor-widget-html\" data-id=\"a76f5d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<main> ... <\/main>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-936d6fb elementor-widget elementor-widget-html\" data-id=\"936d6fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"lead-form-wrap\">\r\n  <style>\r\n    * { box-sizing: border-box; }\r\n\r\n    .lead-form-wrap {\r\n      font-family: Inter, Arial, sans-serif;\r\n      background:\r\n        radial-gradient(circle at top left, rgba(99,102,241,0.22), transparent 28%),\r\n        radial-gradient(circle at top right, rgba(217,70,239,0.14), transparent 24%),\r\n        linear-gradient(135deg, #030712 0%, #081226 45%, #0e1a33 100%);\r\n      padding: 28px;\r\n      border-radius: 30px;\r\n      color: #eef4ff;\r\n    }\r\n\r\n    .lead-shell {\r\n      max-width: 980px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .hero-box,\r\n    .form-box {\r\n      background: rgba(255,255,255,0.06);\r\n      border: 1px solid rgba(255,255,255,0.10);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      border-radius: 28px;\r\n      box-shadow: 0 20px 60px rgba(0,0,0,0.35);\r\n    }\r\n\r\n    .hero-box {\r\n      padding: 34px;\r\n      margin-bottom: 22px;\r\n      text-align: center;\r\n    }\r\n\r\n    .hero-box h1 {\r\n      margin: 0;\r\n      font-size: clamp(34px, 5vw, 64px);\r\n      line-height: 1.03;\r\n      font-weight: 900;\r\n      color: #fff;\r\n      letter-spacing: -0.03em;\r\n    }\r\n\r\n    .hero-box p {\r\n      margin: 14px 0 0;\r\n      font-size: clamp(18px, 2vw, 26px);\r\n      color: #cbd5e1;\r\n    }\r\n\r\n    .divider {\r\n      width: 100%;\r\n      height: 2px;\r\n      margin: 20px 0 0;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, transparent, #d946ef, #8b5cf6, transparent);\r\n      box-shadow: 0 0 18px rgba(217,70,239,0.45);\r\n    }\r\n\r\n    .form-box {\r\n      padding: 28px;\r\n    }\r\n\r\n    .progress-row {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      margin-bottom: 12px;\r\n      gap: 12px;\r\n    }\r\n\r\n    .progress-row strong {\r\n      color: #fff;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .progress-row span {\r\n      color: #cbd5e1;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .progress {\r\n      height: 10px;\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,0.08);\r\n      overflow: hidden;\r\n      margin-bottom: 26px;\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n    }\r\n\r\n    .progress-fill {\r\n      width: 25%;\r\n      height: 100%;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, #38bdf8, #a855f7);\r\n      box-shadow: 0 0 18px rgba(168,85,247,0.45);\r\n      transition: width .25s ease;\r\n    }\r\n\r\n    .step-panel { display: none; }\r\n    .step-panel.active { display: block; }\r\n\r\n    .step-kicker {\r\n      color: #7dd3fc;\r\n      font-size: 12px;\r\n      text-transform: uppercase;\r\n      letter-spacing: .12em;\r\n      font-weight: 800;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .step-panel h2 {\r\n      margin: 0 0 10px;\r\n      font-size: clamp(26px, 3vw, 40px);\r\n      line-height: 1.1;\r\n      color: #fff;\r\n    }\r\n\r\n    .step-panel p {\r\n      margin: 0 0 20px;\r\n      color: #cbd5e1;\r\n      line-height: 1.7;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 16px;\r\n    }\r\n\r\n    .grid.one { grid-template-columns: 1fr; }\r\n\r\n    .field {\r\n      display: grid;\r\n      gap: 8px;\r\n    }\r\n\r\n    .field.full {\r\n      grid-column: 1 \/ -1;\r\n    }\r\n\r\n    .field label {\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      color: #e2e8f0;\r\n    }\r\n\r\n    .field input,\r\n    .field textarea,\r\n    .field select {\r\n      width: 100%;\r\n      border: 1px solid rgba(255,255,255,0.12);\r\n      background: rgba(255,255,255,0.05);\r\n      color: #fff;\r\n      border-radius: 18px;\r\n      padding: 14px 16px;\r\n      outline: none;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .field select option {\r\n      color: #111827;\r\n    }\r\n\r\n    .field textarea {\r\n      min-height: 170px;\r\n      resize: vertical;\r\n    }\r\n\r\n    .field input:focus,\r\n    .field textarea:focus,\r\n    .field select:focus {\r\n      border-color: rgba(56,189,248,0.9);\r\n      box-shadow: 0 0 0 4px rgba(56,189,248,0.14);\r\n    }\r\n\r\n    .product-card {\r\n      border: 1px solid rgba(255,255,255,0.10);\r\n      background: rgba(255,255,255,0.04);\r\n      border-radius: 22px;\r\n      padding: 16px;\r\n      margin-bottom: 14px;\r\n      transition: .2s ease;\r\n    }\r\n\r\n    .product-card.active {\r\n      border-color: rgba(168,85,247,0.6);\r\n      box-shadow: 0 0 0 1px rgba(168,85,247,0.18);\r\n      background: rgba(168,85,247,0.08);\r\n    }\r\n\r\n    .product-top {\r\n      display: flex;\r\n      gap: 12px;\r\n      align-items: center;\r\n    }\r\n\r\n    .product-top input[type=\"checkbox\"] {\r\n      width: 20px;\r\n      height: 20px;\r\n      accent-color: #8b5cf6;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .product-name {\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      color: #fff;\r\n    }\r\n\r\n    .qty-box {\r\n      display: none;\r\n      margin-top: 14px;\r\n      padding-left: 32px;\r\n    }\r\n\r\n    .product-card.active .qty-box {\r\n      display: block;\r\n    }\r\n\r\n    .consent-box {\r\n      display: flex;\r\n      gap: 12px;\r\n      align-items: flex-start;\r\n      border: 1px solid rgba(255,255,255,0.10);\r\n      background: rgba(255,255,255,0.04);\r\n      border-radius: 22px;\r\n      padding: 16px;\r\n      margin-top: 8px;\r\n    }\r\n\r\n    .consent-box input[type=\"checkbox\"] {\r\n      width: 20px;\r\n      height: 20px;\r\n      accent-color: #8b5cf6;\r\n      margin-top: 2px;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .consent-box strong {\r\n      display: block;\r\n      color: #fff;\r\n      margin-bottom: 6px;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .consent-box span {\r\n      color: #cbd5e1;\r\n      font-size: 13px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .message-box {\r\n      display: none;\r\n      margin-top: 18px;\r\n      padding: 14px 16px;\r\n      border-radius: 18px;\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .message-box.error {\r\n      background: rgba(127,29,29,0.36);\r\n      border: 1px solid rgba(248,113,113,0.30);\r\n      color: #fecaca;\r\n    }\r\n\r\n    .message-box.success {\r\n      background: rgba(20,83,45,0.45);\r\n      border: 1px solid rgba(74,222,128,0.30);\r\n      color: #dcfce7;\r\n    }\r\n\r\n    .actions {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 14px;\r\n      margin-top: 24px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .btns-right {\r\n      display: flex;\r\n      gap: 12px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .btn {\r\n      border: 0;\r\n      border-radius: 18px;\r\n      padding: 14px 22px;\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      cursor: pointer;\r\n      transition: .2s ease;\r\n    }\r\n\r\n    .btn-secondary {\r\n      background: rgba(255,255,255,0.06);\r\n      color: #fff;\r\n      border: 1px solid rgba(255,255,255,0.12);\r\n    }\r\n\r\n    .btn-primary {\r\n      color: #08111f;\r\n      background: linear-gradient(90deg, #67e8f9 0%, #a855f7 100%);\r\n      box-shadow: 0 14px 34px rgba(168,85,247,0.24);\r\n    }\r\n\r\n    .btn:hover { transform: translateY(-1px); }\r\n    .btn[disabled] { opacity: .5; cursor: not-allowed; transform: none; }\r\n\r\n    @media (max-width: 768px) {\r\n      .lead-form-wrap { padding: 16px; }\r\n      .hero-box, .form-box { padding: 18px; }\r\n      .grid { grid-template-columns: 1fr; }\r\n      .actions { flex-direction: column; }\r\n      .btn, .btns-right { width: 100%; }\r\n      .btns-right .btn { width: 100%; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"lead-shell\">\r\n    <div class=\"hero-box\">\r\n      <h1>\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c6\u03cc\u03c1\u03bc\u03b1 \u03c0\u03b5\u03bb\u03b1\u03c4\u03ce\u03bd<\/h1>\r\n      <p>Please complete the customer contact form<\/p>\r\n      <div class=\"divider\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-box\">\r\n      <div class=\"progress-row\">\r\n        <strong>Form completion<\/strong>\r\n        <span id=\"stepCounter\">Step 1 \/ 4<\/span>\r\n      <\/div>\r\n      <div class=\"progress\">\r\n        <div class=\"progress-fill\" id=\"progressFill\"><\/div>\r\n      <\/div>\r\n\r\n      <form id=\"customerLeadForm\">\r\n        <div class=\"step-panel active\" data-step=\"1\">\r\n          <div class=\"step-kicker\">Step 1<\/div>\r\n          <h2>Select the country you are interested in<\/h2>\r\n          <p>Please choose the country first. Greece displays the form in Greek, while any other country switches the form to English.<\/p>\r\n\r\n          <div class=\"grid one\">\r\n            <div class=\"field\">\r\n              <label id=\"countryLabel\" for=\"country\">Country of interest<\/label>\r\n              <select id=\"country\" name=\"country\">\r\n                <option value=\"\">Select country<\/option>\r\n                <option value=\"GR\">\u0395\u03bb\u03bb\u03ac\u03b4\u03b1<\/option>\r\n                <option value=\"AL\">Albania<\/option>\r\n                <option value=\"BG\">Bulgaria<\/option>\r\n                <option value=\"CY\">Cyprus<\/option>\r\n                <option value=\"DE\">Germany<\/option>\r\n                <option value=\"IT\">Italy<\/option>\r\n                <option value=\"RO\">Romania<\/option>\r\n                <option value=\"TR\">Turkey<\/option>\r\n                <option value=\"UK\">United Kingdom<\/option>\r\n                <option value=\"US\">United States<\/option>\r\n                <option value=\"FR\">France<\/option>\r\n                <option value=\"ES\">Spain<\/option>\r\n                <option value=\"NL\">Netherlands<\/option>\r\n                <option value=\"BE\">Belgium<\/option>\r\n                <option value=\"PL\">Poland<\/option>\r\n                <option value=\"AE\">United Arab Emirates<\/option>\r\n                <option value=\"SA\">Saudi Arabia<\/option>\r\n                <option value=\"EG\">Egypt<\/option>\r\n                <option value=\"IN\">India<\/option>\r\n                <option value=\"CN\">China<\/option>\r\n              <\/select>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-panel\" data-step=\"2\">\r\n          <div class=\"step-kicker\" id=\"step2Kicker\">Step 2<\/div>\r\n          <h2 id=\"step2Title\">Provide a short description of your business<\/h2>\r\n          <p id=\"step2Desc\">Write a few details about your business activity and what you are looking for.<\/p>\r\n\r\n          <div class=\"grid one\">\r\n            <div class=\"field\">\r\n              <label id=\"businessLabel\" for=\"businessDescription\">Business description<\/label>\r\n              <textarea id=\"businessDescription\" name=\"business_description\" placeholder=\"Describe your business briefly\"><\/textarea>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-panel\" data-step=\"3\">\r\n          <div class=\"step-kicker\" id=\"step3Kicker\">Step 3<\/div>\r\n          <h2 id=\"step3Title\">Which of the following products are you interested in?<\/h2>\r\n          <p id=\"step3Desc\">Select one or more products and add desired quantity for each one.<\/p>\r\n\r\n          <div class=\"product-card\">\r\n            <div class=\"product-top\">\r\n              <input type=\"checkbox\" id=\"p1\" class=\"product-check\">\r\n              <label class=\"product-name\" for=\"p1\">Industrial films<\/label>\r\n            <\/div>\r\n            <div class=\"qty-box\">\r\n              <div class=\"field\">\r\n                <label class=\"qty-label\">Desired quantity<\/label>\r\n                <input type=\"text\" id=\"q1\" placeholder=\"e.g. 5 tons \/ 20,000 pcs\">\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"product-card\">\r\n            <div class=\"product-top\">\r\n              <input type=\"checkbox\" id=\"p2\" class=\"product-check\">\r\n              <label class=\"product-name\" for=\"p2\">Wicket and loose bags<\/label>\r\n            <\/div>\r\n            <div class=\"qty-box\">\r\n              <div class=\"field\">\r\n                <label class=\"qty-label\">Desired quantity<\/label>\r\n                <input type=\"text\" id=\"q2\" placeholder=\"e.g. 10,000 pcs\">\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"product-card\">\r\n            <div class=\"product-top\">\r\n              <input type=\"checkbox\" id=\"p3\" class=\"product-check\">\r\n              <label class=\"product-name\" for=\"p3\">Liners and crate bags<\/label>\r\n            <\/div>\r\n            <div class=\"qty-box\">\r\n              <div class=\"field\">\r\n                <label class=\"qty-label\">Desired quantity<\/label>\r\n                <input type=\"text\" id=\"q3\" placeholder=\"e.g. 15,000 pcs\">\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"product-card\">\r\n            <div class=\"product-top\">\r\n              <input type=\"checkbox\" id=\"p4\" class=\"product-check\">\r\n              <label class=\"product-name\" for=\"p4\">Bags on roll<\/label>\r\n            <\/div>\r\n            <div class=\"qty-box\">\r\n              <div class=\"field\">\r\n                <label class=\"qty-label\">Desired quantity<\/label>\r\n                <input type=\"text\" id=\"q4\" placeholder=\"e.g. 25,000 pcs\">\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"product-card\">\r\n            <div class=\"product-top\">\r\n              <input type=\"checkbox\" id=\"p5\" class=\"product-check\">\r\n              <label class=\"product-name\" for=\"p5\" id=\"labelP5\">\u0392\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03bf\u03af \u03c3\u03ac\u03ba\u03bf\u03b9<\/label>\r\n            <\/div>\r\n            <div class=\"qty-box\">\r\n              <div class=\"field\">\r\n                <label class=\"qty-label\">Desired quantity<\/label>\r\n                <input type=\"text\" id=\"q5\" placeholder=\"e.g. 8,000 pcs\">\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"product-card\">\r\n            <div class=\"product-top\">\r\n              <input type=\"checkbox\" id=\"p6\" class=\"product-check\">\r\n              <label class=\"product-name\" for=\"p6\" id=\"labelP6\">\u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03b5\u03c5\u03c1\u03b5\u03af\u03b1\u03c2 \u03ba\u03b1\u03c4\u03b1\u03bd\u03ac\u03bb\u03c9\u03c3\u03b7\u03c2<\/label>\r\n            <\/div>\r\n            <div class=\"qty-box\">\r\n              <div class=\"field\">\r\n                <label class=\"qty-label\">Desired quantity<\/label>\r\n                <input type=\"text\" id=\"q6\" placeholder=\"e.g. monthly requirement\">\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-panel\" data-step=\"4\">\r\n          <div class=\"step-kicker\" id=\"step4Kicker\">Step 4<\/div>\r\n          <h2 id=\"step4Title\">Contact details<\/h2>\r\n          <p id=\"step4Desc\">Fill in your details so we can contact you.<\/p>\r\n\r\n          <div class=\"grid\">\r\n            <div class=\"field\">\r\n              <label id=\"fullNameLabel\" for=\"fullName\">Full name<\/label>\r\n              <input type=\"text\" id=\"fullName\" name=\"full_name\">\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <label id=\"phoneLabel\" for=\"phone\">Phone<\/label>\r\n              <input type=\"text\" id=\"phone\" name=\"phone\">\r\n            <\/div>\r\n            <div class=\"field full\">\r\n              <label id=\"addressLabel\" for=\"address\">Address<\/label>\r\n              <input type=\"text\" id=\"address\" name=\"address\">\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <label id=\"emailLabel\" for=\"email\">Email<\/label>\r\n              <input type=\"email\" id=\"email\" name=\"email\">\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <label id=\"positionLabel\" for=\"position\">Position in company<\/label>\r\n              <input type=\"text\" id=\"position\" name=\"position\">\r\n            <\/div>\r\n            <div class=\"field full\">\r\n              <label id=\"hoursLabel\" for=\"contactHours\">Preferred contact hours<\/label>\r\n              <input type=\"text\" id=\"contactHours\" name=\"contact_hours\" placeholder=\"e.g. 09:00 - 17:00\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"consent-box\">\r\n            <input type=\"checkbox\" id=\"consent\">\r\n            <div>\r\n              <strong id=\"consentTitle\">I consent to the processing of my personal data<\/strong>\r\n              <span id=\"consentText\">Consent is required before submitting the form.<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <input type=\"hidden\" name=\"products\" id=\"productsField\">\r\n        <input type=\"hidden\" name=\"consent\" id=\"consentField\">\r\n        <input type=\"hidden\" name=\"language\" id=\"languageField\">\r\n\r\n        <div class=\"message-box error\" id=\"errorBox\"><\/div>\r\n        <div class=\"message-box success\" id=\"successBox\"><\/div>\r\n\r\n        <div class=\"actions\">\r\n          <button type=\"button\" class=\"btn btn-secondary\" id=\"prevBtn\">Back<\/button>\r\n          <div class=\"btns-right\">\r\n            <button type=\"button\" class=\"btn btn-primary\" id=\"nextBtn\">Next<\/button>\r\n            <button type=\"submit\" class=\"btn btn-primary\" id=\"sendBtn\" style=\"display:none;\">Send<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n  <script>\r\n    (function () {\r\n      emailjs.init({\r\n        publicKey: \"uIRaGEpe_96fNEga2\",\r\n        blockHeadless: true,\r\n        limitRate: {\r\n          id: \"customer-form\",\r\n          throttle: 10000\r\n        }\r\n      });\r\n\r\n      let step = 1;\r\n      const totalSteps = 4;\r\n\r\n      const SERVICE_ID = \"service_l9p14go\";\r\n      const TEMPLATE_ID = \"template_t61lyub\";\r\n\r\n      const panelEls = document.querySelectorAll('.step-panel');\r\n      const stepCounter = document.getElementById('stepCounter');\r\n      const progressFill = document.getElementById('progressFill');\r\n      const prevBtn = document.getElementById('prevBtn');\r\n      const nextBtn = document.getElementById('nextBtn');\r\n      const sendBtn = document.getElementById('sendBtn');\r\n      const errorBox = document.getElementById('errorBox');\r\n      const successBox = document.getElementById('successBox');\r\n      const country = document.getElementById('country');\r\n      const form = document.getElementById('customerLeadForm');\r\n\r\n      const greekTexts = {\r\n        step2Title: '\u039a\u03ac\u03bd\u03c4\u03b5 \u03bc\u03b9\u03b1 \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b7 \u03c0\u03b5\u03c1\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae \u03c4\u03b7\u03c2 \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03ae\u03c2 \u03c3\u03b1\u03c2',\r\n        step2Desc: '\u0393\u03c1\u03ac\u03c8\u03c4\u03b5 \u03bb\u03af\u03b3\u03b5\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03ac \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b9 \u03b1\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2 \u03b1\u03bd\u03b1\u03b6\u03b7\u03c4\u03ac\u03c4\u03b5.',\r\n        businessLabel: '\u03a0\u03b5\u03c1\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03b7\u03c2',\r\n        businessPlaceholder: '\u03a0\u03b5\u03c1\u03b9\u03b3\u03c1\u03ac\u03c8\u03c4\u03b5 \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b1 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2',\r\n        step3Title: '\u0393\u03b9\u03b1 \u03c0\u03bf\u03b9\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03c0\u03b1\u03c1\u03b1\u03ba\u03ac\u03c4\u03c9 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03c3\u03c4\u03b5;',\r\n        step3Desc: '\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03ad\u03bd\u03b1 \u03ae \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03b5\u03c0\u03b9\u03b8\u03c5\u03bc\u03b7\u03c4\u03ae \u03c0\u03bf\u03c3\u03cc\u03c4\u03b7\u03c4\u03b1.',\r\n        qtyLabel: '\u0395\u03c0\u03b9\u03b8\u03c5\u03bc\u03b7\u03c4\u03ae \u03c0\u03bf\u03c3\u03cc\u03c4\u03b7\u03c4\u03b1',\r\n        step4Title: '\u03a3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\u03c2',\r\n        step4Desc: '\u03a3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c4\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b1\u03b6\u03af \u03c3\u03b1\u03c2.',\r\n        fullNameLabel: '\u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b5\u03c0\u03ce\u03bd\u03c5\u03bc\u03bf',\r\n        phoneLabel: '\u03a4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf',\r\n        addressLabel: '\u0394\u03b9\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7',\r\n        emailLabel: 'Email',\r\n        positionLabel: '\u0398\u03ad\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03b7',\r\n        hoursLabel: '\u038f\u03c1\u03b5\u03c2 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\u03c2',\r\n        hoursPlaceholder: '\u03c0.\u03c7. 09:00 - 17:00',\r\n        consentTitle: '\u03a3\u03c5\u03bd\u03b1\u03b9\u03bd\u03ce \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03c4\u03c9\u03bd \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ce\u03bd \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03bc\u03bf\u03c5',\r\n        consentText: '\u0391\u03c0\u03b1\u03b9\u03c4\u03b5\u03af\u03c4\u03b1\u03b9 \u03c3\u03c5\u03b3\u03ba\u03b1\u03c4\u03ac\u03b8\u03b5\u03c3\u03b7 \u03c0\u03c1\u03b9\u03bd \u03c4\u03b7\u03bd \u03b1\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae.',\r\n        back: '\u03a0\u03af\u03c3\u03c9',\r\n        next: '\u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf',\r\n        send: '\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae',\r\n        errorCountry: '\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03b5\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03c7\u03ce\u03c1\u03b1.',\r\n        errorDescription: '\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b7 \u03c0\u03b5\u03c1\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae.',\r\n        errorProducts: '\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03b5\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03c4\u03bf\u03c5\u03bb\u03ac\u03c7\u03b9\u03c3\u03c4\u03bf\u03bd \u03ad\u03bd\u03b1 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd.',\r\n        errorContact: '\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03bf\u03bd\u03bf\u03bc\u03b1\u03c4\u03b5\u03c0\u03ce\u03bd\u03c5\u03bc\u03bf, \u03c4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf \u03ba\u03b1\u03b9 email.',\r\n        errorConsent: '\u03a0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03ce\u03c3\u03b5\u03c4\u03b5 \u03c3\u03c5\u03b3\u03ba\u03b1\u03c4\u03ac\u03b8\u03b5\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ac \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1.',\r\n        success: '\u0397 \u03c6\u03cc\u03c1\u03bc\u03b1 \u03c3\u03c4\u03ac\u03bb\u03b8\u03b7\u03ba\u03b5 \u03b5\u03c0\u03b9\u03c4\u03c5\u03c7\u03ce\u03c2.',\r\n        sending: '\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae...'\r\n      };\r\n\r\n      const englishTexts = {\r\n        step2Title: 'Provide a short description of your business',\r\n        step2Desc: 'Write a few details about your business activity and what you are looking for.',\r\n        businessLabel: 'Business description',\r\n        businessPlaceholder: 'Describe your business briefly',\r\n        step3Title: 'Which of the following products are you interested in?',\r\n        step3Desc: 'Select one or more products and add desired quantity.',\r\n        qtyLabel: 'Desired quantity',\r\n        step4Title: 'Contact details',\r\n        step4Desc: 'Fill in your details so we can contact you.',\r\n        fullNameLabel: 'Full name',\r\n        phoneLabel: 'Phone',\r\n        addressLabel: 'Address',\r\n        emailLabel: 'Email',\r\n        positionLabel: 'Position in company',\r\n        hoursLabel: 'Preferred contact hours',\r\n        hoursPlaceholder: 'e.g. 09:00 - 17:00',\r\n        consentTitle: 'I consent to the processing of my personal data',\r\n        consentText: 'Consent is required before submitting the form.',\r\n        back: 'Back',\r\n        next: 'Next',\r\n        send: 'Send',\r\n        errorCountry: 'Please select a country.',\r\n        errorDescription: 'Please enter a short description.',\r\n        errorProducts: 'Please select at least one product.',\r\n        errorContact: 'Please complete full name, phone and email.',\r\n        errorConsent: 'You must provide consent.',\r\n        success: 'The form was sent successfully.',\r\n        sending: 'Sending...'\r\n      };\r\n\r\n      function getLang() {\r\n        return country.value === 'GR' ? 'el' : country.value ? 'en' : 'en';\r\n      }\r\n\r\n      function getTexts() {\r\n        return getLang() === 'el' ? greekTexts : englishTexts;\r\n      }\r\n\r\n      function updateLanguage() {\r\n        const t = getTexts();\r\n\r\n        document.getElementById('step2Title').textContent = t.step2Title;\r\n        document.getElementById('step2Desc').textContent = t.step2Desc;\r\n        document.getElementById('businessLabel').textContent = t.businessLabel;\r\n        document.getElementById('businessDescription').placeholder = t.businessPlaceholder;\r\n        document.getElementById('step3Title').textContent = t.step3Title;\r\n        document.getElementById('step3Desc').textContent = t.step3Desc;\r\n        document.getElementById('step4Title').textContent = t.step4Title;\r\n        document.getElementById('step4Desc').textContent = t.step4Desc;\r\n        document.getElementById('fullNameLabel').textContent = t.fullNameLabel;\r\n        document.getElementById('phoneLabel').textContent = t.phoneLabel;\r\n        document.getElementById('addressLabel').textContent = t.addressLabel;\r\n        document.getElementById('emailLabel').textContent = t.emailLabel;\r\n        document.getElementById('positionLabel').textContent = t.positionLabel;\r\n        document.getElementById('hoursLabel').textContent = t.hoursLabel;\r\n        document.getElementById('contactHours').placeholder = t.hoursPlaceholder;\r\n        document.getElementById('consentTitle').textContent = t.consentTitle;\r\n        document.getElementById('consentText').textContent = t.consentText;\r\n        prevBtn.textContent = t.back;\r\n        nextBtn.textContent = t.next;\r\n        sendBtn.textContent = t.send;\r\n\r\n        document.querySelectorAll('.qty-label').forEach(el => el.textContent = t.qtyLabel);\r\n\r\n        if (getLang() === 'el') {\r\n          document.getElementById('labelP5').textContent = '\u0392\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03bf\u03af \u03c3\u03ac\u03ba\u03bf\u03b9';\r\n          document.getElementById('labelP6').textContent = '\u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03b5\u03c5\u03c1\u03b5\u03af\u03b1\u03c2 \u03ba\u03b1\u03c4\u03b1\u03bd\u03ac\u03bb\u03c9\u03c3\u03b7\u03c2';\r\n          document.getElementById('q1').placeholder = '\u03c0.\u03c7. 5 \u03c4\u03cc\u03bd\u03bf\u03b9 \/ 20.000 \u03c4\u03b5\u03bc.';\r\n          document.getElementById('q2').placeholder = '\u03c0.\u03c7. 10.000 \u03c4\u03b5\u03bc.';\r\n          document.getElementById('q3').placeholder = '\u03c0.\u03c7. 15.000 \u03c4\u03b5\u03bc.';\r\n          document.getElementById('q4').placeholder = '\u03c0.\u03c7. 25.000 \u03c4\u03b5\u03bc.';\r\n          document.getElementById('q5').placeholder = '\u03c0.\u03c7. 8.000 \u03c4\u03b5\u03bc.';\r\n          document.getElementById('q6').placeholder = '\u03c0.\u03c7. \u03bc\u03b7\u03bd\u03b9\u03b1\u03af\u03b1 \u03c0\u03bf\u03c3\u03cc\u03c4\u03b7\u03c4\u03b1';\r\n        } else {\r\n          document.getElementById('labelP5').textContent = 'Industrial sacks';\r\n          document.getElementById('labelP6').textContent = 'Fast moving consumer goods';\r\n          document.getElementById('q1').placeholder = 'e.g. 5 tons \/ 20,000 pcs';\r\n          document.getElementById('q2').placeholder = 'e.g. 10,000 pcs';\r\n          document.getElementById('q3').placeholder = 'e.g. 15,000 pcs';\r\n          document.getElementById('q4').placeholder = 'e.g. 25,000 pcs';\r\n          document.getElementById('q5').placeholder = 'e.g. 8,000 pcs';\r\n          document.getElementById('q6').placeholder = 'e.g. monthly requirement';\r\n        }\r\n      }\r\n\r\n      function showStep(n) {\r\n        panelEls.forEach(p => p.classList.remove('active'));\r\n        document.querySelector('.step-panel[data-step=\"' + n + '\"]').classList.add('active');\r\n        stepCounter.textContent = 'Step ' + n + ' \/ ' + totalSteps;\r\n        progressFill.style.width = (n \/ totalSteps * 100) + '%';\r\n        prevBtn.style.display = n === 1 ? 'none' : 'inline-block';\r\n        nextBtn.style.display = n === totalSteps ? 'none' : 'inline-block';\r\n        sendBtn.style.display = n === totalSteps ? 'inline-block' : 'none';\r\n        errorBox.style.display = 'none';\r\n        successBox.style.display = 'none';\r\n      }\r\n\r\n      function showError(msg) {\r\n        errorBox.textContent = msg;\r\n        errorBox.style.display = 'block';\r\n        successBox.style.display = 'none';\r\n      }\r\n\r\n      function showSuccess(msg) {\r\n        successBox.textContent = msg;\r\n        successBox.style.display = 'block';\r\n        errorBox.style.display = 'none';\r\n      }\r\n\r\n      function validateStep() {\r\n        const t = getTexts();\r\n\r\n        if (step === 1 && !country.value) {\r\n          showError(t.errorCountry);\r\n          return false;\r\n        }\r\n\r\n        if (step === 2 && !document.getElementById('businessDescription').value.trim()) {\r\n          showError(t.errorDescription);\r\n          return false;\r\n        }\r\n\r\n        if (step === 3) {\r\n          const anyChecked = Array.from(document.querySelectorAll('.product-check')).some(ch => ch.checked);\r\n          if (!anyChecked) {\r\n            showError(t.errorProducts);\r\n            return false;\r\n          }\r\n        }\r\n\r\n        if (step === 4) {\r\n          if (\r\n            !document.getElementById('fullName').value.trim() ||\r\n            !document.getElementById('phone').value.trim() ||\r\n            !document.getElementById('email').value.trim()\r\n          ) {\r\n            showError(t.errorContact);\r\n            return false;\r\n          }\r\n\r\n          if (!document.getElementById('consent').checked) {\r\n            showError(t.errorConsent);\r\n            return false;\r\n          }\r\n        }\r\n\r\n        errorBox.style.display = 'none';\r\n        return true;\r\n      }\r\n\r\n      function getSelectedProducts() {\r\n        const lang = getLang();\r\n        const list = [];\r\n\r\n        const items = [\r\n          { c: 'p1', q: 'q1', el: 'Industrial films', en: 'Industrial films' },\r\n          { c: 'p2', q: 'q2', el: 'Wicket and loose bags', en: 'Wicket and loose bags' },\r\n          { c: 'p3', q: 'q3', el: 'Liners and crate bags', en: 'Liners and crate bags' },\r\n          { c: 'p4', q: 'q4', el: 'Bags on roll', en: 'Bags on roll' },\r\n          { c: 'p5', q: 'q5', el: '\u0392\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03bf\u03af \u03c3\u03ac\u03ba\u03bf\u03b9', en: 'Industrial sacks' },\r\n          { c: 'p6', q: 'q6', el: '\u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03b5\u03c5\u03c1\u03b5\u03af\u03b1\u03c2 \u03ba\u03b1\u03c4\u03b1\u03bd\u03ac\u03bb\u03c9\u03c3\u03b7\u03c2', en: 'Fast moving consumer goods' }\r\n        ];\r\n\r\n        items.forEach(item => {\r\n          if (document.getElementById(item.c).checked) {\r\n            const name = lang === 'el' ? item.el : item.en;\r\n            const qty = document.getElementById(item.q).value.trim();\r\n            list.push('\u2022 ' + name + (qty ? ' \u2014 ' + qty : ''));\r\n          }\r\n        });\r\n\r\n        return list.join('\\n');\r\n      }\r\n\r\n      function syncHiddenFields() {\r\n        document.getElementById('productsField').value = getSelectedProducts();\r\n        document.getElementById('consentField').value = document.getElementById('consent').checked ? 'YES' : 'NO';\r\n        document.getElementById('languageField').value = getLang();\r\n      }\r\n\r\n      document.querySelectorAll('.product-check').forEach(ch => {\r\n        ch.addEventListener('change', function () {\r\n          const card = this.closest('.product-card');\r\n          card.classList.toggle('active', this.checked);\r\n        });\r\n      });\r\n\r\n      country.addEventListener('change', updateLanguage);\r\n\r\n      nextBtn.addEventListener('click', function () {\r\n        if (!validateStep()) return;\r\n        if (step < totalSteps) {\r\n          step++;\r\n          showStep(step);\r\n        }\r\n      });\r\n\r\n      prevBtn.addEventListener('click', function () {\r\n        if (step > 1) {\r\n          step--;\r\n          showStep(step);\r\n        }\r\n      });\r\n\r\n      form.addEventListener('submit', async function (e) {\r\n        e.preventDefault();\r\n        if (!validateStep()) return;\r\n\r\n        const t = getTexts();\r\n        syncHiddenFields();\r\n\r\n        sendBtn.disabled = true;\r\n        sendBtn.textContent = t.sending;\r\n\r\n        try {\r\n          await emailjs.sendForm(SERVICE_ID, TEMPLATE_ID, form);\r\n          showSuccess(t.success);\r\n          form.reset();\r\n          document.querySelectorAll('.product-card').forEach(card => card.classList.remove('active'));\r\n          step = 1;\r\n          updateLanguage();\r\n          showStep(step);\r\n        } catch (error) {\r\n          showError('Send failed. Check your EmailJS Public Key, Service ID, Template ID and template variables.');\r\n        } finally {\r\n          sendBtn.disabled = false;\r\n          sendBtn.textContent = getTexts().send;\r\n        }\r\n      });\r\n\r\n      updateLanguage();\r\n      showStep(step);\r\n    })();\r\n  <\/script>\r\n<\/div>\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>&#8230; \u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c6\u03cc\u03c1\u03bc\u03b1 \u03c0\u03b5\u03bb\u03b1\u03c4\u03ce\u03bd Please complete the customer contact form Form completion Step 1 \/ 4 Step 1 Select the country you are interested in Please choose the country first. Greece displays the form in Greek, while any other country switches the form to English. Country of interest Select country\u0395\u03bb\u03bb\u03ac\u03b4\u03b1AlbaniaBulgariaCyprusGermanyItalyRomaniaTurkeyUnited KingdomUnited StatesFranceSpainNetherlandsBelgiumPolandUnited Arab&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-235","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/omni-pack.gr\/index.php?rest_route=\/wp\/v2\/pages\/235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/omni-pack.gr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/omni-pack.gr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/omni-pack.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/omni-pack.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=235"}],"version-history":[{"count":11,"href":"https:\/\/omni-pack.gr\/index.php?rest_route=\/wp\/v2\/pages\/235\/revisions"}],"predecessor-version":[{"id":286,"href":"https:\/\/omni-pack.gr\/index.php?rest_route=\/wp\/v2\/pages\/235\/revisions\/286"}],"wp:attachment":[{"href":"https:\/\/omni-pack.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}