New Customer Account Registration | DZ Importerz<\/title>\n <meta\n name=\"description\"\n content=\"Join DZ Importerz\u2019s network of partners. Complete your customer application to access authentic imported spirits and curated beverage selections.\"\n \/>\n <style>\n :root {\n --bg: #f5f1ea;\n --surface: #ffffff;\n --surface-soft: #faf7f2;\n --border: #d8cec0;\n --text: #2f2a24;\n --muted: #7c6f62;\n --heading: #1f1a15;\n --accent: #7d5a3a;\n --accent-dark: #62452d;\n --shadow: 0 20px 45px rgba(58, 42, 28, 0.12);\n --radius: 18px;\n --radius-sm: 10px;\n --success-bg: #ecfdf3;\n --success-border: #abefc6;\n --success-text: #027a48;\n --error-bg: #fef3f2;\n --error-border: #fecdca;\n --error-text: #b42318;\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n font-family: \"Inter\", \"Segoe UI\", Arial, sans-serif;\n background:\n radial-gradient(circle at top left, rgba(255,255,255,0.85), transparent 30%),\n linear-gradient(180deg, #f8f4ee 0%, #f1ebe2 100%);\n color: var(--text);\n padding: 36px 18px;\n }\n\n .page-shell {\n max-width: 980px;\n margin: 0 auto;\n }\n\n .form-card {\n background: var(--surface);\n border: 1px solid rgba(185, 171, 152, 0.5);\n border-radius: 28px;\n overflow: hidden;\n box-shadow: var(--shadow);\n }\n\n .hero {\n padding: 38px 42px 28px;\n background: linear-gradient(135deg, rgba(125, 90, 58, 0.08), rgba(255,255,255,0.7));\n border-bottom: 1px solid rgba(185, 171, 152, 0.35);\n }\n\n .eyebrow {\n display: inline-block;\n font-size: 12px;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: var(--accent);\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .hero h1 {\n margin: 0;\n font-size: clamp(30px, 4vw, 44px);\n line-height: 1.1;\n color: var(--heading);\n font-weight: 800;\n letter-spacing: -0.02em;\n }\n\n .hero p {\n margin: 12px 0 0;\n max-width: 720px;\n color: var(--muted);\n font-size: 15px;\n line-height: 1.65;\n }\n\n form {\n padding: 34px;\n }\n\n .section {\n background: var(--surface-soft);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 22px;\n margin-bottom: 22px;\n }\n\n .section-title {\n margin: 0 0 18px;\n color: var(--heading);\n font-size: 18px;\n font-weight: 800;\n letter-spacing: -0.01em;\n }\n\n .grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n }\n\n .field {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .field.full {\n grid-column: 1 \/ -1;\n }\n\n label,\n .group-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--muted);\n letter-spacing: 0.01em;\n }\n\n input[type=\"text\"],\n input[type=\"email\"],\n input[type=\"date\"],\n textarea {\n width: 100%;\n border: 1px solid var(--border);\n background: #fff;\n color: var(--text);\n padding: 14px 15px;\n font-size: 15px;\n border-radius: var(--radius-sm);\n outline: none;\n transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;\n }\n\n input:focus,\n textarea:focus {\n border-color: var(--accent);\n box-shadow: 0 0 0 4px rgba(125, 90, 58, 0.12);\n transform: translateY(-1px);\n }\n\n textarea {\n min-height: 130px;\n resize: vertical;\n }\n\n .choice-box {\n border: 1px solid var(--border);\n background: #fff;\n border-radius: 14px;\n padding: 14px 16px;\n display: grid;\n gap: 12px;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n }\n\n .choice-list {\n display: grid;\n gap: 10px;\n }\n\n .choice-list.inline {\n grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\n gap: 12px;\n }\n\n .choice-list label {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n font-weight: 600;\n color: var(--text);\n cursor: pointer;\n }\n\n input[type=\"radio\"] {\n accent-color: var(--accent);\n transform: scale(1.08);\n }\n\n .help-text {\n font-size: 12px;\n color: var(--muted);\n margin-top: -2px;\n }\n\n .field-error {\n display: none;\n font-size: 12px;\n color: var(--error-text);\n font-weight: 600;\n }\n\n .field.invalid input,\n .field.invalid textarea,\n .field.invalid .choice-box {\n border-color: #d92d20;\n box-shadow: 0 0 0 4px rgba(217, 45, 32, 0.08);\n }\n\n .field.invalid .field-error {\n display: block;\n }\n\n .form-message {\n display: none;\n margin: 0 0 18px;\n padding: 14px 16px;\n border-radius: 14px;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.5;\n }\n\n .form-message.success {\n display: block;\n background: var(--success-bg);\n color: var(--success-text);\n border: 1px solid var(--success-border);\n }\n\n .form-message.error {\n display: block;\n background: var(--error-bg);\n color: var(--error-text);\n border: 1px solid var(--error-border);\n }\n\n .footer-bar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n padding: 8px 2px 0;\n flex-wrap: wrap;\n }\n\n .footer-note {\n font-size: 13px;\n color: var(--muted);\n line-height: 1.5;\n max-width: 560px;\n }\n\n .footer-note a {\n color: var(--accent-dark);\n font-weight: 800;\n text-decoration: none;\n }\n\n .footer-note a:hover {\n text-decoration: underline;\n }\n\n .submit-btn {\n border: none;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n color: #fff;\n padding: 15px 24px;\n min-width: 220px;\n border-radius: 999px;\n font-size: 15px;\n font-weight: 800;\n letter-spacing: 0.02em;\n cursor: pointer;\n box-shadow: 0 12px 24px rgba(98, 69, 45, 0.2);\n transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\n }\n\n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 16px 30px rgba(98, 69, 45, 0.24);\n }\n\n .submit-btn.is-loading {\n pointer-events: none;\n opacity: 0.92;\n }\n\n @media (max-width: 768px) {\n .hero {\n padding: 30px 24px 22px;\n }\n\n form {\n padding: 22px;\n }\n\n .grid {\n grid-template-columns: 1fr;\n }\n\n .section {\n padding: 18px;\n }\n\n .submit-btn {\n width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"page-shell\">\n <div class=\"form-card\">\n <div class=\"hero\">\n <span class=\"eyebrow\">DZ Importerz Customer Intake<\/span>\n <h1>New Customer Account Registration<\/h1>\n <p>\n Please complete the form below to request a new customer account.\n Once submitted, our team will review your information and follow up\n as needed to complete onboarding. For more information, visit dzimporterz.com.\n <\/p>\n <\/div>\n\n <form id=\"customerApplicationForm\" novalidate>\n <section class=\"section\">\n <h2 class=\"section-title\">Company Details<\/h2>\n <div class=\"grid\">\n <div class=\"field\">\n <label for=\"application_date\">Date<\/label>\n <input id=\"application_date\" type=\"date\" name=\"application_date\" \/>\n <\/div>\n\n <div class=\"field\">\n <label for=\"company_name\">Company Name<\/label>\n <input id=\"company_name\" type=\"text\" name=\"company_name\" placeholder=\"Enter company name\" \/>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\">\n <h2 class=\"section-title\">Client \/ Account Information<\/h2>\n <div class=\"grid\">\n <div class=\"field\">\n <label for=\"license_number\">License Number<\/label>\n <input id=\"license_number\" type=\"text\" name=\"license_number\" placeholder=\"Enter license number\" required \/>\n <span class=\"field-error\">Please enter the business license number.<\/span>\n <\/div>\n\n <div class=\"field\">\n <label for=\"contact_name\">Contact Name<\/label>\n <input id=\"contact_name\" type=\"text\" name=\"contact_name\" placeholder=\"Enter contact name\" required \/>\n <span class=\"field-error\">Please enter the primary contact name.<\/span>\n <\/div>\n\n <div class=\"field\">\n <label for=\"contact_title\">Title<\/label>\n <input id=\"contact_title\" type=\"text\" name=\"contact_title\" placeholder=\"Enter title\" \/>\n <\/div>\n\n <div class=\"field\">\n <label for=\"email\">E-mail Address<\/label>\n <input id=\"email\" type=\"email\" name=\"email\" placeholder=\"name@business.com\" required \/>\n <span class=\"field-error\">Please enter a valid email address.<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\">\n <h2 class=\"section-title\">Business Information<\/h2>\n <div class=\"grid\">\n <div class=\"field full\">\n <label for=\"business_name\">Business Name<\/label>\n <input id=\"business_name\" type=\"text\" name=\"business_name\" placeholder=\"Enter business name\" required \/>\n <span class=\"field-error\">Please enter the business name.<\/span>\n <\/div>\n\n <div class=\"field full\">\n <label for=\"address\">Address<\/label>\n <input id=\"address\" type=\"text\" name=\"address\" placeholder=\"Street address\" required \/>\n <span class=\"field-error\">Please enter the business address.<\/span>\n <\/div>\n\n <div class=\"field\">\n <label for=\"city\">City<\/label>\n <input id=\"city\" type=\"text\" name=\"city\" placeholder=\"City\" required \/>\n <span class=\"field-error\">Please enter the city.<\/span>\n <\/div>\n\n <div class=\"field\">\n <label for=\"postal_zip_code\">Postal \/ Zip Code<\/label>\n <input id=\"postal_zip_code\" type=\"text\" name=\"postal_zip_code\" placeholder=\"Zip code\" required \/>\n <span class=\"field-error\">Please enter the zip code.<\/span>\n <\/div>\n\n <div class=\"field full\" data-radio-group=\"establishment_type\">\n <span class=\"group-label\">Establishment Type<\/span>\n <div class=\"choice-box\">\n <div class=\"choice-list inline\">\n <label><input type=\"radio\" name=\"establishment_type\" value=\"Wholesaler\" \/> Wholesaler<\/label>\n <label><input type=\"radio\" name=\"establishment_type\" value=\"Off Premise\" \/> Off Premise<\/label>\n <label><input type=\"radio\" name=\"establishment_type\" value=\"On Premise\" \/> On Premise<\/label>\n <\/div>\n <\/div>\n <span class=\"field-error\">Please select an establishment type.<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\">\n <h2 class=\"section-title\">Delivery & Payment<\/h2>\n <div class=\"grid\">\n <div class=\"field full\">\n <label for=\"delivery_hours\">Delivery Hours<\/label>\n <input id=\"delivery_hours\" type=\"text\" name=\"delivery_hours\" placeholder=\"Example: Monday\u2013Friday, 9:00 AM \u2013 4:00 PM\" \/>\n <div class=\"help-text\">Optional, but helpful for faster onboarding and routing.<\/div>\n <\/div>\n\n <div class=\"field\">\n <span class=\"group-label\">Delivery Instructions<\/span>\n <div class=\"choice-box\">\n <div class=\"choice-list\">\n <label><input type=\"radio\" name=\"delivery_instructions\" value=\"Front Door\" \/> Front Door<\/label>\n <label><input type=\"radio\" name=\"delivery_instructions\" value=\"Back Door\" \/> Back Door<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <span class=\"group-label\">Payment Options<\/span>\n <div class=\"choice-box\">\n <div class=\"choice-list\">\n <label><input type=\"radio\" name=\"payment_option\" value=\"ACH\" \/> ACH<\/label>\n <label><input type=\"radio\" name=\"payment_option\" value=\"Mail Check\" \/> Mail Check<\/label>\n <label><input type=\"radio\" name=\"payment_option\" value=\"Pickup Check\" \/> Pickup Check<\/label>\n <label><input type=\"radio\" name=\"payment_option\" value=\"MELIO\" \/> MELIO<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"field full\">\n <label for=\"additional_info\">Additional Information<\/label>\n <textarea id=\"additional_info\" name=\"additional_info\" placeholder=\"Add any notes, special requests, or important account details here\"><\/textarea>\n <\/div>\n <\/div>\n <\/section>\n\n <div id=\"formMessage\" class=\"form-message\" aria-live=\"polite\"><\/div>\n\n <div class=\"footer-bar\">\n <div class=\"footer-note\">\n Complete the application and submit securely. Your request will be sent directly to the DZ Importerz team for review. Visit <a href=\"https:\/\/dzimporterz.com\" target=\"_blank\" rel=\"noopener\">dzimporterz.com<\/a> or email <a href=\"mailto:orders@dzimporterz.com\">orders@dzimporterz.com<\/a>.\n <\/div>\n\n <button class=\"submit-btn\" id=\"submitBtn\" type=\"submit\">\n <span class=\"btn-text\">Submit Application<\/span>\n <span class=\"btn-loading\" hidden>Sending...<\/span>\n <\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n\n <script>\n const form = document.getElementById(\"customerApplicationForm\");\n const submitBtn = document.getElementById(\"submitBtn\");\n const messageBox = document.getElementById(\"formMessage\");\n\n function showMessage(type, text) {\n messageBox.className = `form-message ${type}`;\n messageBox.textContent = text;\n }\n\n function clearMessage() {\n messageBox.className = \"form-message\";\n messageBox.textContent = \"\";\n }\n\n function setLoading(isLoading) {\n submitBtn.classList.toggle(\"is-loading\", isLoading);\n submitBtn.querySelector(\".btn-text\").hidden = isLoading;\n submitBtn.querySelector(\".btn-loading\").hidden = !isLoading;\n submitBtn.disabled = isLoading;\n }\n\n function validateRadioGroup(name) {\n const radios = form.querySelectorAll(`input[name=\"${name}\"]`);\n const field = form.querySelector(`[data-radio-group=\"${name}\"]`);\n const isChecked = Array.from(radios).some((radio) => radio.checked);\n\n if (field) {\n field.classList.toggle(\"invalid\", !isChecked);\n }\n\n return isChecked;\n }\n\n function validateField(field) {\n const input = field.querySelector(\"input[required], textarea[required], select[required]\");\n if (!input) return true;\n\n const isValid = input.checkValidity();\n field.classList.toggle(\"invalid\", !isValid);\n return isValid;\n }\n\n function validateForm() {\n clearMessage();\n let valid = true;\n\n form.querySelectorAll(\".field\").forEach((field) => {\n if (!validateField(field)) valid = false;\n });\n\n if (!validateRadioGroup(\"establishment_type\")) valid = false;\n\n return valid;\n }\n\n form.querySelectorAll(\"input, textarea\").forEach((el) => {\n el.addEventListener(\"input\", () => {\n const field = el.closest(\".field\");\n if (field) field.classList.remove(\"invalid\");\n clearMessage();\n });\n\n el.addEventListener(\"change\", () => {\n if (el.name === \"establishment_type\") {\n validateRadioGroup(\"establishment_type\");\n }\n });\n });\n\n form.addEventListener(\"submit\", async (event) => {\n event.preventDefault();\n\n if (!validateForm()) {\n showMessage(\"error\", \"Please review the highlighted fields and complete the required information.\");\n return;\n }\n\n const formData = new FormData(form);\n\n try {\n setLoading(true);\n clearMessage();\n\n const response = await fetch(\"\/wp-content\/themes\/hello-commerce\/submit-application.php\", {\n method: \"POST\",\n body: formData\n });\n\n const result = await response.json();\n\n if (!response.ok || !result.success) {\n throw new Error(result.message || \"Submission failed\");\n }\n\n form.reset();\n showMessage(\"success\", \"Thank you. Your application has been submitted successfully and the DZ Importerz team will review it shortly.\");\n } catch (error) {\n showMessage(\"error\", \"We could not submit the form at this time. Please try again in a moment or email orders@dzimporterz.com directly.\");\n } finally {\n setLoading(false);\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>New Customer Account Registration | DZ Importerz DZ Importerz Customer Intake New Customer Account Registration Please complete the form below to request a new customer account. Once submitted, our team will review your information and follow up as needed to complete onboarding. For more information, visit dzimporterz.com. Company Details Date Company Name Client \/ Account […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-2274","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/pages\/2274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/comments?post=2274"}],"version-history":[{"count":23,"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/pages\/2274\/revisions"}],"predecessor-version":[{"id":3273,"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/pages\/2274\/revisions\/3273"}],"wp:attachment":[{"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/media?parent=2274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n New Customer Account Registration | DZ Importerz<\/title>\n <meta\n name=\"description\"\n content=\"Join DZ Importerz\u2019s network of partners. Complete your customer application to access authentic imported spirits and curated beverage selections.\"\n \/>\n <style>\n :root {\n --bg: #f5f1ea;\n --surface: #ffffff;\n --surface-soft: #faf7f2;\n --border: #d8cec0;\n --text: #2f2a24;\n --muted: #7c6f62;\n --heading: #1f1a15;\n --accent: #7d5a3a;\n --accent-dark: #62452d;\n --shadow: 0 20px 45px rgba(58, 42, 28, 0.12);\n --radius: 18px;\n --radius-sm: 10px;\n --success-bg: #ecfdf3;\n --success-border: #abefc6;\n --success-text: #027a48;\n --error-bg: #fef3f2;\n --error-border: #fecdca;\n --error-text: #b42318;\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n font-family: \"Inter\", \"Segoe UI\", Arial, sans-serif;\n background:\n radial-gradient(circle at top left, rgba(255,255,255,0.85), transparent 30%),\n linear-gradient(180deg, #f8f4ee 0%, #f1ebe2 100%);\n color: var(--text);\n padding: 36px 18px;\n }\n\n .page-shell {\n max-width: 980px;\n margin: 0 auto;\n }\n\n .form-card {\n background: var(--surface);\n border: 1px solid rgba(185, 171, 152, 0.5);\n border-radius: 28px;\n overflow: hidden;\n box-shadow: var(--shadow);\n }\n\n .hero {\n padding: 38px 42px 28px;\n background: linear-gradient(135deg, rgba(125, 90, 58, 0.08), rgba(255,255,255,0.7));\n border-bottom: 1px solid rgba(185, 171, 152, 0.35);\n }\n\n .eyebrow {\n display: inline-block;\n font-size: 12px;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: var(--accent);\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .hero h1 {\n margin: 0;\n font-size: clamp(30px, 4vw, 44px);\n line-height: 1.1;\n color: var(--heading);\n font-weight: 800;\n letter-spacing: -0.02em;\n }\n\n .hero p {\n margin: 12px 0 0;\n max-width: 720px;\n color: var(--muted);\n font-size: 15px;\n line-height: 1.65;\n }\n\n form {\n padding: 34px;\n }\n\n .section {\n background: var(--surface-soft);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 22px;\n margin-bottom: 22px;\n }\n\n .section-title {\n margin: 0 0 18px;\n color: var(--heading);\n font-size: 18px;\n font-weight: 800;\n letter-spacing: -0.01em;\n }\n\n .grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n }\n\n .field {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .field.full {\n grid-column: 1 \/ -1;\n }\n\n label,\n .group-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--muted);\n letter-spacing: 0.01em;\n }\n\n input[type=\"text\"],\n input[type=\"email\"],\n input[type=\"date\"],\n textarea {\n width: 100%;\n border: 1px solid var(--border);\n background: #fff;\n color: var(--text);\n padding: 14px 15px;\n font-size: 15px;\n border-radius: var(--radius-sm);\n outline: none;\n transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;\n }\n\n input:focus,\n textarea:focus {\n border-color: var(--accent);\n box-shadow: 0 0 0 4px rgba(125, 90, 58, 0.12);\n transform: translateY(-1px);\n }\n\n textarea {\n min-height: 130px;\n resize: vertical;\n }\n\n .choice-box {\n border: 1px solid var(--border);\n background: #fff;\n border-radius: 14px;\n padding: 14px 16px;\n display: grid;\n gap: 12px;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n }\n\n .choice-list {\n display: grid;\n gap: 10px;\n }\n\n .choice-list.inline {\n grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\n gap: 12px;\n }\n\n .choice-list label {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n font-weight: 600;\n color: var(--text);\n cursor: pointer;\n }\n\n input[type=\"radio\"] {\n accent-color: var(--accent);\n transform: scale(1.08);\n }\n\n .help-text {\n font-size: 12px;\n color: var(--muted);\n margin-top: -2px;\n }\n\n .field-error {\n display: none;\n font-size: 12px;\n color: var(--error-text);\n font-weight: 600;\n }\n\n .field.invalid input,\n .field.invalid textarea,\n .field.invalid .choice-box {\n border-color: #d92d20;\n box-shadow: 0 0 0 4px rgba(217, 45, 32, 0.08);\n }\n\n .field.invalid .field-error {\n display: block;\n }\n\n .form-message {\n display: none;\n margin: 0 0 18px;\n padding: 14px 16px;\n border-radius: 14px;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.5;\n }\n\n .form-message.success {\n display: block;\n background: var(--success-bg);\n color: var(--success-text);\n border: 1px solid var(--success-border);\n }\n\n .form-message.error {\n display: block;\n background: var(--error-bg);\n color: var(--error-text);\n border: 1px solid var(--error-border);\n }\n\n .footer-bar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n padding: 8px 2px 0;\n flex-wrap: wrap;\n }\n\n .footer-note {\n font-size: 13px;\n color: var(--muted);\n line-height: 1.5;\n max-width: 560px;\n }\n\n .footer-note a {\n color: var(--accent-dark);\n font-weight: 800;\n text-decoration: none;\n }\n\n .footer-note a:hover {\n text-decoration: underline;\n }\n\n .submit-btn {\n border: none;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n color: #fff;\n padding: 15px 24px;\n min-width: 220px;\n border-radius: 999px;\n font-size: 15px;\n font-weight: 800;\n letter-spacing: 0.02em;\n cursor: pointer;\n box-shadow: 0 12px 24px rgba(98, 69, 45, 0.2);\n transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\n }\n\n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 16px 30px rgba(98, 69, 45, 0.24);\n }\n\n .submit-btn.is-loading {\n pointer-events: none;\n opacity: 0.92;\n }\n\n @media (max-width: 768px) {\n .hero {\n padding: 30px 24px 22px;\n }\n\n form {\n padding: 22px;\n }\n\n .grid {\n grid-template-columns: 1fr;\n }\n\n .section {\n padding: 18px;\n }\n\n .submit-btn {\n width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"page-shell\">\n <div class=\"form-card\">\n <div class=\"hero\">\n <span class=\"eyebrow\">DZ Importerz Customer Intake<\/span>\n <h1>New Customer Account Registration<\/h1>\n <p>\n Please complete the form below to request a new customer account.\n Once submitted, our team will review your information and follow up\n as needed to complete onboarding. For more information, visit dzimporterz.com.\n <\/p>\n <\/div>\n\n <form id=\"customerApplicationForm\" novalidate>\n <section class=\"section\">\n <h2 class=\"section-title\">Company Details<\/h2>\n <div class=\"grid\">\n <div class=\"field\">\n <label for=\"application_date\">Date<\/label>\n <input id=\"application_date\" type=\"date\" name=\"application_date\" \/>\n <\/div>\n\n <div class=\"field\">\n <label for=\"company_name\">Company Name<\/label>\n <input id=\"company_name\" type=\"text\" name=\"company_name\" placeholder=\"Enter company name\" \/>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\">\n <h2 class=\"section-title\">Client \/ Account Information<\/h2>\n <div class=\"grid\">\n <div class=\"field\">\n <label for=\"license_number\">License Number<\/label>\n <input id=\"license_number\" type=\"text\" name=\"license_number\" placeholder=\"Enter license number\" required \/>\n <span class=\"field-error\">Please enter the business license number.<\/span>\n <\/div>\n\n <div class=\"field\">\n <label for=\"contact_name\">Contact Name<\/label>\n <input id=\"contact_name\" type=\"text\" name=\"contact_name\" placeholder=\"Enter contact name\" required \/>\n <span class=\"field-error\">Please enter the primary contact name.<\/span>\n <\/div>\n\n <div class=\"field\">\n <label for=\"contact_title\">Title<\/label>\n <input id=\"contact_title\" type=\"text\" name=\"contact_title\" placeholder=\"Enter title\" \/>\n <\/div>\n\n <div class=\"field\">\n <label for=\"email\">E-mail Address<\/label>\n <input id=\"email\" type=\"email\" name=\"email\" placeholder=\"name@business.com\" required \/>\n <span class=\"field-error\">Please enter a valid email address.<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\">\n <h2 class=\"section-title\">Business Information<\/h2>\n <div class=\"grid\">\n <div class=\"field full\">\n <label for=\"business_name\">Business Name<\/label>\n <input id=\"business_name\" type=\"text\" name=\"business_name\" placeholder=\"Enter business name\" required \/>\n <span class=\"field-error\">Please enter the business name.<\/span>\n <\/div>\n\n <div class=\"field full\">\n <label for=\"address\">Address<\/label>\n <input id=\"address\" type=\"text\" name=\"address\" placeholder=\"Street address\" required \/>\n <span class=\"field-error\">Please enter the business address.<\/span>\n <\/div>\n\n <div class=\"field\">\n <label for=\"city\">City<\/label>\n <input id=\"city\" type=\"text\" name=\"city\" placeholder=\"City\" required \/>\n <span class=\"field-error\">Please enter the city.<\/span>\n <\/div>\n\n <div class=\"field\">\n <label for=\"postal_zip_code\">Postal \/ Zip Code<\/label>\n <input id=\"postal_zip_code\" type=\"text\" name=\"postal_zip_code\" placeholder=\"Zip code\" required \/>\n <span class=\"field-error\">Please enter the zip code.<\/span>\n <\/div>\n\n <div class=\"field full\" data-radio-group=\"establishment_type\">\n <span class=\"group-label\">Establishment Type<\/span>\n <div class=\"choice-box\">\n <div class=\"choice-list inline\">\n <label><input type=\"radio\" name=\"establishment_type\" value=\"Wholesaler\" \/> Wholesaler<\/label>\n <label><input type=\"radio\" name=\"establishment_type\" value=\"Off Premise\" \/> Off Premise<\/label>\n <label><input type=\"radio\" name=\"establishment_type\" value=\"On Premise\" \/> On Premise<\/label>\n <\/div>\n <\/div>\n <span class=\"field-error\">Please select an establishment type.<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\">\n <h2 class=\"section-title\">Delivery & Payment<\/h2>\n <div class=\"grid\">\n <div class=\"field full\">\n <label for=\"delivery_hours\">Delivery Hours<\/label>\n <input id=\"delivery_hours\" type=\"text\" name=\"delivery_hours\" placeholder=\"Example: Monday\u2013Friday, 9:00 AM \u2013 4:00 PM\" \/>\n <div class=\"help-text\">Optional, but helpful for faster onboarding and routing.<\/div>\n <\/div>\n\n <div class=\"field\">\n <span class=\"group-label\">Delivery Instructions<\/span>\n <div class=\"choice-box\">\n <div class=\"choice-list\">\n <label><input type=\"radio\" name=\"delivery_instructions\" value=\"Front Door\" \/> Front Door<\/label>\n <label><input type=\"radio\" name=\"delivery_instructions\" value=\"Back Door\" \/> Back Door<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <span class=\"group-label\">Payment Options<\/span>\n <div class=\"choice-box\">\n <div class=\"choice-list\">\n <label><input type=\"radio\" name=\"payment_option\" value=\"ACH\" \/> ACH<\/label>\n <label><input type=\"radio\" name=\"payment_option\" value=\"Mail Check\" \/> Mail Check<\/label>\n <label><input type=\"radio\" name=\"payment_option\" value=\"Pickup Check\" \/> Pickup Check<\/label>\n <label><input type=\"radio\" name=\"payment_option\" value=\"MELIO\" \/> MELIO<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"field full\">\n <label for=\"additional_info\">Additional Information<\/label>\n <textarea id=\"additional_info\" name=\"additional_info\" placeholder=\"Add any notes, special requests, or important account details here\"><\/textarea>\n <\/div>\n <\/div>\n <\/section>\n\n <div id=\"formMessage\" class=\"form-message\" aria-live=\"polite\"><\/div>\n\n <div class=\"footer-bar\">\n <div class=\"footer-note\">\n Complete the application and submit securely. Your request will be sent directly to the DZ Importerz team for review. Visit <a href=\"https:\/\/dzimporterz.com\" target=\"_blank\" rel=\"noopener\">dzimporterz.com<\/a> or email <a href=\"mailto:orders@dzimporterz.com\">orders@dzimporterz.com<\/a>.\n <\/div>\n\n <button class=\"submit-btn\" id=\"submitBtn\" type=\"submit\">\n <span class=\"btn-text\">Submit Application<\/span>\n <span class=\"btn-loading\" hidden>Sending...<\/span>\n <\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n\n <script>\n const form = document.getElementById(\"customerApplicationForm\");\n const submitBtn = document.getElementById(\"submitBtn\");\n const messageBox = document.getElementById(\"formMessage\");\n\n function showMessage(type, text) {\n messageBox.className = `form-message ${type}`;\n messageBox.textContent = text;\n }\n\n function clearMessage() {\n messageBox.className = \"form-message\";\n messageBox.textContent = \"\";\n }\n\n function setLoading(isLoading) {\n submitBtn.classList.toggle(\"is-loading\", isLoading);\n submitBtn.querySelector(\".btn-text\").hidden = isLoading;\n submitBtn.querySelector(\".btn-loading\").hidden = !isLoading;\n submitBtn.disabled = isLoading;\n }\n\n function validateRadioGroup(name) {\n const radios = form.querySelectorAll(`input[name=\"${name}\"]`);\n const field = form.querySelector(`[data-radio-group=\"${name}\"]`);\n const isChecked = Array.from(radios).some((radio) => radio.checked);\n\n if (field) {\n field.classList.toggle(\"invalid\", !isChecked);\n }\n\n return isChecked;\n }\n\n function validateField(field) {\n const input = field.querySelector(\"input[required], textarea[required], select[required]\");\n if (!input) return true;\n\n const isValid = input.checkValidity();\n field.classList.toggle(\"invalid\", !isValid);\n return isValid;\n }\n\n function validateForm() {\n clearMessage();\n let valid = true;\n\n form.querySelectorAll(\".field\").forEach((field) => {\n if (!validateField(field)) valid = false;\n });\n\n if (!validateRadioGroup(\"establishment_type\")) valid = false;\n\n return valid;\n }\n\n form.querySelectorAll(\"input, textarea\").forEach((el) => {\n el.addEventListener(\"input\", () => {\n const field = el.closest(\".field\");\n if (field) field.classList.remove(\"invalid\");\n clearMessage();\n });\n\n el.addEventListener(\"change\", () => {\n if (el.name === \"establishment_type\") {\n validateRadioGroup(\"establishment_type\");\n }\n });\n });\n\n form.addEventListener(\"submit\", async (event) => {\n event.preventDefault();\n\n if (!validateForm()) {\n showMessage(\"error\", \"Please review the highlighted fields and complete the required information.\");\n return;\n }\n\n const formData = new FormData(form);\n\n try {\n setLoading(true);\n clearMessage();\n\n const response = await fetch(\"\/wp-content\/themes\/hello-commerce\/submit-application.php\", {\n method: \"POST\",\n body: formData\n });\n\n const result = await response.json();\n\n if (!response.ok || !result.success) {\n throw new Error(result.message || \"Submission failed\");\n }\n\n form.reset();\n showMessage(\"success\", \"Thank you. Your application has been submitted successfully and the DZ Importerz team will review it shortly.\");\n } catch (error) {\n showMessage(\"error\", \"We could not submit the form at this time. Please try again in a moment or email orders@dzimporterz.com directly.\");\n } finally {\n setLoading(false);\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>New Customer Account Registration | DZ Importerz DZ Importerz Customer Intake New Customer Account Registration Please complete the form below to request a new customer account. Once submitted, our team will review your information and follow up as needed to complete onboarding. For more information, visit dzimporterz.com. Company Details Date Company Name Client \/ Account […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-2274","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/pages\/2274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/comments?post=2274"}],"version-history":[{"count":23,"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/pages\/2274\/revisions"}],"predecessor-version":[{"id":3273,"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/pages\/2274\/revisions\/3273"}],"wp:attachment":[{"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/media?parent=2274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}