{"id":1281,"date":"2026-09-02T10:55:29","date_gmt":"2026-09-02T10:55:29","guid":{"rendered":"https:\/\/kalashsas.kalashprojects.com\/?page_id=1281"},"modified":"2026-09-09T05:57:16","modified_gmt":"2026-09-09T05:57:16","slug":"registration","status":"publish","type":"page","link":"https:\/\/kalashsas.kalashprojects.com\/index.php\/registration\/","title":{"rendered":"Register"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1281\" class=\"elementor elementor-1281\">\n\t\t\t\t<div class=\"elementor-element elementor-element-390e32a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"390e32a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a292076 elementor-widget elementor-widget-heading\" data-id=\"a292076\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Register<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8050905 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"8050905\" 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-ce6b0fb elementor-widget elementor-widget-shortcode\" data-id=\"ce6b0fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \r\n<link rel=\"stylesheet\" \r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">    \r\n    \r\n    <div class=\"bus-form-wrapper\">\r\n        <form id=\"bus-registration-form\" class=\"bus-form\" novalidate>\r\n            <div class=\"bus-form-message\" id=\"bus-reg-message\"><\/div>\r\n\r\n            <div class=\"bus-form-group\">\r\n                <label for=\"bus_full_name\">Full Name <span class=\"bus-required\">*<\/span><\/label>\r\n                <input type=\"text\" id=\"bus_full_name\" name=\"bus_full_name\" autocomplete=\"name\">\r\n                <span class=\"bus-error\" data-error-for=\"bus_full_name\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"bus-form-group\">\r\n                <label for=\"bus_company_name\">Company Name <span class=\"bus-required\">*<\/span><\/label>\r\n                <input type=\"text\" id=\"bus_company_name\" name=\"bus_company_name\">\r\n                <span class=\"bus-error\" data-error-for=\"bus_company_name\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"bus-form-group\">\r\n                <label for=\"bus_account_type\">Account Type <span class=\"bus-required\">*<\/span><\/label>\r\n                <select id=\"bus_account_type\" name=\"bus_account_type\">\r\n                    <option value=\"\">-- Select Account Type --<\/option>\r\n                    <option value=\"supplier\">Supplier<\/option>\r\n                    <option value=\"dealer\">Dealer<\/option>\r\n                    <option value=\"contractor\">Contractor<\/option>\r\n                <\/select>\r\n                <span class=\"bus-error\" data-error-for=\"bus_account_type\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"bus-form-group\">\r\n                <label for=\"bus_email\">Email <span class=\"bus-required\">*<\/span><\/label>\r\n                <input type=\"email\" id=\"bus_email\" name=\"bus_email\" autocomplete=\"email\">\r\n                <span class=\"bus-error\" data-error-for=\"bus_email\"><\/span>\r\n            <\/div>\r\n\r\n            <!--<div class=\"bus-form-group\">-->\r\n            <!--    <label for=\"bus_password\">Password <span class=\"bus-required\">*<\/span><\/label>-->\r\n            <!--    <input type=\"password\" id=\"bus_password\" name=\"bus_password\" autocomplete=\"new-password\">-->\r\n            <!--    <span class=\"bus-error\" data-error-for=\"bus_password\"><\/span>-->\r\n            <!--<\/div>-->\r\n\r\n            <!--<div class=\"bus-form-group\">-->\r\n            <!--    <label for=\"bus_confirm_password\">Confirm Password <span class=\"bus-required\">*<\/span><\/label>-->\r\n            <!--    <input type=\"password\" id=\"bus_confirm_password\" name=\"bus_confirm_password\" autocomplete=\"new-password\">-->\r\n            <!--    <span class=\"bus-error\" data-error-for=\"bus_confirm_password\"><\/span>-->\r\n            <!--<\/div>-->\r\n            \r\n            <div class=\"bus-form-group\">\r\n                <label for=\"bus_password\">\r\n                    Password <span class=\"bus-required\">*<\/span>\r\n                <\/label>\r\n            \r\n                <div class=\"bus-password-wrapper\">\r\n                    <input \r\n                        type=\"password\" \r\n                        id=\"bus_password\" \r\n                        name=\"bus_password\" \r\n                        autocomplete=\"new-password\"\r\n                    >\r\n            \r\n                    <button \r\n                        type=\"button\" \r\n                        class=\"bus-password-toggle\"\r\n                        aria-label=\"Show password\"\r\n                    >\r\n                        <i class=\"fa-solid fa-eye\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n            \r\n                <span class=\"bus-error\" data-error-for=\"bus_password\"><\/span>\r\n            <\/div>\r\n            \r\n            \r\n            <div class=\"bus-form-group\">\r\n                <label for=\"bus_confirm_password\">\r\n                    Confirm Password <span class=\"bus-required\">*<\/span>\r\n                <\/label>\r\n            \r\n                <div class=\"bus-password-wrapper\">\r\n                    <input \r\n                        type=\"password\" \r\n                        id=\"bus_confirm_password\" \r\n                        name=\"bus_confirm_password\" \r\n                        autocomplete=\"new-password\"\r\n                    >\r\n            \r\n                    <button \r\n                        type=\"button\" \r\n                        class=\"bus-password-toggle\"\r\n                        aria-label=\"Show password\"\r\n                    >\r\n                        <i class=\"fa-solid fa-eye\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n            \r\n                <span class=\"bus-error\" data-error-for=\"bus_confirm_password\"><\/span>\r\n            <\/div>            \r\n\r\n            <div class=\"bus-form-group bus-checkbox-group\">\r\n                <label>\r\n                    <input type=\"checkbox\" id=\"bus_terms\" name=\"bus_terms\" value=\"1\">\r\n                    I agree to the <a href=\"https:\/\/kalashsas.kalashprojects.com\/terms-and-conditions\/\" target=\"_blank\" rel=\"noopener\">Terms &amp; Conditions<\/a>\r\n                <\/label>\r\n                <span class=\"bus-error\" data-error-for=\"bus_terms\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"bus-form-group\">\r\n                <button type=\"submit\" class=\"bus-btn bus-btn-primary\" id=\"bus-reg-submit\">Register<\/button>\r\n            <\/div>\r\n\r\n            <p class=\"bus-form-footnote\">\r\n                Already have an account? <a href=\"https:\/\/kalashsas.kalashprojects.com\/index.php\/login\/\">Login<\/a>\r\n            <\/p>\r\n        <\/form>\r\n    <\/div>\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n    \r\n        const passwordToggles = document.querySelectorAll('.bus-password-toggle');\r\n    \r\n        passwordToggles.forEach(function (toggle) {\r\n    \r\n            toggle.addEventListener('click', function () {\r\n    \r\n                const wrapper = this.closest('.bus-password-wrapper');\r\n                const passwordInput = wrapper.querySelector('input');\r\n                const icon = this.querySelector('i');\r\n    \r\n                if (passwordInput.type === 'password') {\r\n    \r\n                    passwordInput.type = 'text';\r\n    \r\n                    icon.classList.remove('fa-eye');\r\n                    icon.classList.add('fa-eye-slash');\r\n    \r\n                    this.setAttribute('aria-label', 'Hide password');\r\n    \r\n                } else {\r\n    \r\n                    passwordInput.type = 'password';\r\n    \r\n                    icon.classList.remove('fa-eye-slash');\r\n                    icon.classList.add('fa-eye');\r\n    \r\n                    this.setAttribute('aria-label', 'Show password');\r\n                }\r\n    \r\n            });\r\n    \r\n        });\r\n    \r\n    });    \r\n    <\/script>\r\n    <style>\r\n    .bus-password-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n    }\r\n    \r\n    .bus-password-wrapper input {\r\n        width: 100%;\r\n        padding-right: 45px;\r\n    }\r\n    \r\n    .bus-password-toggle {\r\n        position: absolute;\r\n        right: 12px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n    \r\n        border: 0;\r\n        background: transparent;\r\n        padding: 5px;\r\n    \r\n        cursor: pointer;\r\n        color: #333;\r\n    \r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .bus-password-toggle:hover {\r\n        color: #333;\r\n        background: none;\r\n    }\r\n    \r\n    .bus-password-toggle:focus {\r\n        outline: none;\r\n        background: none;\r\n    }\r\n    \r\n    .bus-password-toggle i {\r\n        font-size: 16px;\r\n    }    \r\n    <\/style>\r\n    <\/div>\n\t\t\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>Register<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1281","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kalashsas.kalashprojects.com\/index.php\/wp-json\/wp\/v2\/pages\/1281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kalashsas.kalashprojects.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kalashsas.kalashprojects.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kalashsas.kalashprojects.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kalashsas.kalashprojects.com\/index.php\/wp-json\/wp\/v2\/comments?post=1281"}],"version-history":[{"count":15,"href":"https:\/\/kalashsas.kalashprojects.com\/index.php\/wp-json\/wp\/v2\/pages\/1281\/revisions"}],"predecessor-version":[{"id":1387,"href":"https:\/\/kalashsas.kalashprojects.com\/index.php\/wp-json\/wp\/v2\/pages\/1281\/revisions\/1387"}],"wp:attachment":[{"href":"https:\/\/kalashsas.kalashprojects.com\/index.php\/wp-json\/wp\/v2\/media?parent=1281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}