{"id":221,"date":"2026-04-07T09:44:46","date_gmt":"2026-04-07T09:44:46","guid":{"rendered":"https:\/\/asasbuilt.com\/?page_id=221"},"modified":"2026-04-07T10:04:43","modified_gmt":"2026-04-07T10:04:43","slug":"suppliers-portal","status":"publish","type":"page","link":"https:\/\/web.reeras.site\/asasbuilt\/suppliers-portal\/","title":{"rendered":"Suppliers Portal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"221\" class=\"elementor elementor-221\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-63ea3b4 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"63ea3b4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-200a4a6\" data-id=\"200a4a6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a633176 elementor-widget elementor-widget-shortcode\" data-id=\"a633176\" 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\">    <style>\n        .p-v6 { background: #fff; width: 100%; max-width: 1000px; margin: 20px auto; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); font-family: 'Segoe UI', sans-serif; border-top: 6px solid #001d38; direction: ltr; overflow: hidden; }\n        .p-v6-header { padding: 30px; text-align: center; background: #fcfcfc; border-bottom: 1px solid #eee; }\n        .p-v6-header h2 { color: #001d38; margin: 0; font-size: 26px; font-weight: 800; }\n        .v6-nav { display: flex; padding: 25px; background: #fff; border-bottom: 1px solid #f9f9f9; }\n        .v6-step { flex: 1; text-align: center; font-size: 12px; color: #ddd; font-weight: bold; position: relative; }\n        .v6-step span { width: 32px; height: 32px; display: block; margin: 0 auto 8px; background: #eee; border-radius: 50%; line-height: 32px; color: #888; transition: 0.4s; z-index: 2; position: relative; }\n        .v6-step.active { color: #001d38; }\n        .v6-step.active span { background: #001d38; color: #fff; box-shadow: 0 5px 15px rgba(0,29,56,0.2); }\n        .v6-step::after { content: ''; position: absolute; top: 16px; left: 50%; width: 100%; height: 2px; background: #eee; z-index: 1; }\n        .v6-step:last-child::after { display: none; }\n        .v6-step.active::after { background: #001d38; }\n        .v6-body { padding: 40px; }\n        .step-pane { display: none; } \n        .step-pane.active { display: block; animation: fadeInV6 0.4s ease; }\n        .pane-title { font-size: 22px; color: #001d38; font-weight: 700; margin-bottom: 25px; padding-left: 12px; border-left: 5px solid #001d38; }\n        .v6-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; }\n        .v6-group { margin-bottom: 20px; }\n        .v6-group label { display: block; margin-bottom: 10px; font-weight: 700; color: #333; font-size: 14px; }\n        .v6-group input, .v6-group select, .v6-group textarea { \n            width: 100% !important; padding: 14px !important; border: 1px solid #d1d1d1 !important; border-radius: 8px !important; \n            font-size: 15px !important; background: #fff !important; color: #333 !important; display: block !important;\n        }\n        .v6-group select { cursor: pointer; height: auto !important; }\n        .v6-footer { padding: 25px 40px; background: #f9f9f9; display: flex; justify-content: space-between; border-top: 1px solid #eee; }\n        .btn-v6 { padding: 14px 40px; border-radius: 8px; font-weight: 700; cursor: pointer; border: none; transition: 0.3s; font-size: 16px; }\n        .btn-next, .btn-submit { background: #001d38; color: #fff; }\n        .btn-prev { background: #fff; color: #666; border: 1px solid #ddd; }\n        @keyframes fadeInV6 { from { opacity: 0; } to { opacity: 1; } }\n    <\/style>\n\n    <div class=\"p-v6\" id=\"portal-root\">\n        <div id=\"v6-form-wrap\">\n            <div class=\"p-v6-header\"><h2>Supplier Registration<\/h2><\/div>\n            <div class=\"v6-nav\">\n                                    <div class=\"v6-step active\" id=\"n-step-1\">\n                        <span>1<\/span>Company                    <\/div>\n                                    <div class=\"v6-step \" id=\"n-step-2\">\n                        <span>2<\/span>Contacts                    <\/div>\n                                    <div class=\"v6-step \" id=\"n-step-3\">\n                        <span>3<\/span>Address                    <\/div>\n                                    <div class=\"v6-step \" id=\"n-step-4\">\n                        <span>4<\/span>Bank                    <\/div>\n                                    <div class=\"v6-step \" id=\"n-step-5\">\n                        <span>5<\/span>Services                    <\/div>\n                                    <div class=\"v6-step \" id=\"n-step-6\">\n                        <span>6<\/span>Legal                    <\/div>\n                            <\/div>\n            <form id=\"v6MainForm\" method=\"POST\">\n                <div class=\"v6-body\">\n                    <div class=\"step-pane active\" id=\"pane-1\">\n                        <h3 class=\"pane-title\">Company Profile<\/h3>\n                        <div class=\"v6-grid\">\n                            <div class=\"v6-group\"><label>Company Name *<\/label><input type=\"text\" name=\"f_company\" required><\/div>\n                            <div class=\"v6-group\">\n                                <label>Business Type *<\/label>\n                                <select name=\"f_type\" required>\n                                    <option value=\"\" disabled selected>Select...<\/option>\n                                    <option>Manufacturer<\/option><option>Distributor<\/option><option>Service Provider<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"step-pane\" id=\"pane-2\"><h3 class=\"pane-title\">Contact Information<\/h3><div class=\"v6-grid\"><div class=\"v6-group\"><label>Manager Name *<\/label><input type=\"text\" name=\"f_manager\" required><\/div><div class=\"v6-group\"><label>Email *<\/label><input type=\"email\" name=\"f_email\" required><\/div><\/div><\/div>\n                    <div class=\"step-pane\" id=\"pane-3\"><h3 class=\"pane-title\">Office Address<\/h3><div class=\"v6-group\"><label>Full Address *<\/label><textarea name=\"f_addr\" rows=\"3\" required><\/textarea><\/div><\/div>\n                    <div class=\"step-pane\" id=\"pane-4\"><h3 class=\"pane-title\">Banking Details<\/h3><div class=\"v6-grid\"><div class=\"v6-group\"><label>Bank Name *<\/label><input type=\"text\" name=\"f_bank\" required><\/div><div class=\"v6-group\"><label>IBAN *<\/label><input type=\"text\" name=\"f_iban\" required><\/div><\/div><\/div>\n                    <div class=\"step-pane\" id=\"pane-5\"><h3 class=\"pane-title\">Scope of Supply<\/h3><div class=\"v6-group\"><label>Services\/Products *<\/label><textarea name=\"f_services\" rows=\"3\" required><\/textarea><\/div><\/div>\n                    <div class=\"step-pane\" id=\"pane-6\"><h3 class=\"pane-title\">Legal Documents<\/h3><div class=\"v6-grid\"><div class=\"v6-group\"><label>CR Number *<\/label><input type=\"text\" name=\"f_cr\" required><\/div><div class=\"v6-group\"><label>VAT Number *<\/label><input type=\"text\" name=\"f_tax\" required><\/div><\/div><\/div>\n                <\/div>\n                <div class=\"v6-footer\">\n                    <button type=\"button\" class=\"btn-v6 btn-prev\" id=\"v6-prev\" style=\"visibility:hidden;\" onclick=\"changeV6(-1)\">Previous<\/button>\n                    <button type=\"button\" class=\"btn-v6 btn-next\" id=\"v6-next\" onclick=\"changeV6(1)\">Next Step<\/button>\n                    <button type=\"submit\" name=\"v6_submit\" class=\"btn-v6 btn-submit\" id=\"v6-sub\" style=\"display:none;\">Submit Registration<\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n        <div id=\"v6-thanks\" style=\"display:none; text-align:center; padding:80px 40px;\">\n            <div style=\"font-size:70px; color:#27ae60;\">\u2714<\/div>\n            <h2>Thank You!<\/h2>\n            <p>Your application has been received successfully.<\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        let currentV6 = 1;\n        function changeV6(n) {\n            if (n === 1 && !validateV6()) return;\n            document.getElementById('pane-' + currentV6).classList.remove('active');\n            document.getElementById('n-step-' + currentV6).classList.remove('active');\n            currentV6 += n;\n            document.getElementById('pane-' + currentV6).classList.add('active');\n            document.getElementById('n-step-' + currentV6).classList.add('active');\n            document.getElementById('v6-prev').style.visibility = (currentV6 === 1) ? 'hidden' : 'visible';\n            document.getElementById('v6-next').style.display = (currentV6 === 6) ? 'none' : 'block';\n            document.getElementById('v6-sub').style.display = (currentV6 === 6) ? 'block' : 'none';\n            window.scrollTo({ top: document.getElementById('portal-root').offsetTop - 100, behavior: 'smooth' });\n        }\n        function validateV6() {\n            let pane = document.getElementById('pane-' + currentV6);\n            let inputs = pane.querySelectorAll('[required]');\n            let valid = true;\n            inputs.forEach(i => { if(!i.value) { i.style.borderColor = 'red'; valid = false; } else { i.style.borderColor = '#d1d1d1'; } });\n            return valid;\n        }\n            <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-221","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/web.reeras.site\/asasbuilt\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":null,"_links":{"self":[{"href":"https:\/\/web.reeras.site\/asasbuilt\/wp-json\/wp\/v2\/pages\/221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.reeras.site\/asasbuilt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.reeras.site\/asasbuilt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.reeras.site\/asasbuilt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web.reeras.site\/asasbuilt\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":16,"href":"https:\/\/web.reeras.site\/asasbuilt\/wp-json\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":237,"href":"https:\/\/web.reeras.site\/asasbuilt\/wp-json\/wp\/v2\/pages\/221\/revisions\/237"}],"wp:attachment":[{"href":"https:\/\/web.reeras.site\/asasbuilt\/wp-json\/wp\/v2\/media?parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}