{"id":36,"date":"2026-02-10T22:26:50","date_gmt":"2026-02-10T22:26:50","guid":{"rendered":"https:\/\/www.trams.co.za\/gladiator\/?page_id=36"},"modified":"2026-04-24T12:24:49","modified_gmt":"2026-04-24T10:24:49","slug":"application","status":"publish","type":"page","link":"https:\/\/www.trams.co.za\/gladiator\/application\/","title":{"rendered":"Application"},"content":{"rendered":"\n<p class=\"has-text-align-center pad-10 wp-block-paragraph\">In order to apply for a unit at our complex please fill in the application form below; please use accurate information <\/p>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n        <form method=\"post\" action=\"\" enctype=\"multipart\/form-data\" class=\"alm-application-form\" style=\"max-width:820px;padding:22px;border:1px solid #ddd;border-radius:14px;background:#fff;\">\r\n            <input type=\"hidden\" id=\"alm_application_nonce\" name=\"alm_application_nonce\" value=\"16dfe55a39\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/gladiator\/wp-json\/wp\/v2\/pages\/36\" \/>            <input type=\"hidden\" name=\"alm_action\" value=\"submit_application_form\">\r\n            <input type=\"hidden\" name=\"alm_overwrite_application\" value=\"0\" class=\"alm-overwrite-application-input\">\r\n            <input type=\"hidden\" name=\"alm_return_url\" value=\"https:\/\/www.trams.co.za\/gladiator\/gladiator\/wp-json\/wp\/v2\/pages\/36\">\r\n            <div class=\"alm-application-header\">\r\n                <h2 class=\"alm-application-title\" style=\"margin-top:0;\">Rental Application<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"alm-application-section alm-application-section-main\">\r\n                <div class=\"alm-application-grid alm-application-grid-2 alm-application-fields-grid\" style=\"display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;\">\r\n                    <p class=\"alm-form-field alm-field-name\"><label class=\"alm-form-label\"><strong>Name<\/strong><\/label><br><input class=\"alm-form-input\" type=\"text\" name=\"name\" required style=\"width:100%;padding:10px;\"><\/p>\r\n                    <p class=\"alm-form-field alm-field-surname\"><label class=\"alm-form-label\"><strong>Surname<\/strong><\/label><br><input class=\"alm-form-input\" type=\"text\" name=\"surname\" required style=\"width:100%;padding:10px;\"><\/p>\r\n                    <p class=\"alm-form-field alm-field-phone\"><label class=\"alm-form-label\"><strong>Cell phone number<\/strong><\/label><br><input class=\"alm-form-input\" type=\"text\" name=\"phone\" required style=\"width:100%;padding:10px;\"><\/p>\r\n                    <p class=\"alm-form-field alm-field-email\"><label class=\"alm-form-label\"><strong>Email<\/strong><\/label><br><input class=\"alm-form-input\" type=\"email\" name=\"email\" required style=\"width:100%;padding:10px;\"><\/p>\r\n                    <p class=\"alm-form-field alm-field-id-number\"><label class=\"alm-form-label\"><strong>ID\/Passport<\/strong><\/label><br><input class=\"alm-form-input\" type=\"text\" name=\"id_number\" required style=\"width:100%;padding:10px;\"><\/p>\r\n                    <p class=\"alm-form-field alm-field-employer-name\"><label class=\"alm-form-label\"><strong>Employer name<\/strong><\/label><br><input class=\"alm-form-input\" type=\"text\" name=\"employer_name\" required style=\"width:100%;padding:10px;\"><\/p>\r\n                    <p class=\"alm-form-field alm-field-employer-address\"><label class=\"alm-form-label\"><strong>Employer address<\/strong><\/label><br><input class=\"alm-form-input\" type=\"text\" name=\"employer_address\" required style=\"width:100%;padding:10px;\"><\/p>\r\n                    <p class=\"alm-form-field alm-field-employer-phone\"><label class=\"alm-form-label\"><strong>Employer phone<\/strong><\/label><br><input class=\"alm-form-input\" type=\"text\" name=\"employer_phone\" required style=\"width:100%;padding:10px;\"><\/p>\r\n                    <p class=\"alm-form-field alm-field-job-title\"><label class=\"alm-form-label\"><strong>Job title<\/strong><\/label><br><input class=\"alm-form-input\" type=\"text\" name=\"job_title\" required style=\"width:100%;padding:10px;\"><\/p>\r\n                    <p class=\"alm-form-field alm-field-next-of-kin\"><label class=\"alm-form-label\"><strong>Next of kin<\/strong><\/label><br><input class=\"alm-form-input\" type=\"text\" name=\"next_of_kin\" required style=\"width:100%;padding:10px;\"><\/p>\r\n                    <p class=\"alm-form-field alm-field-next-of-kin-phone\"><label class=\"alm-form-label\"><strong>Next of kin number<\/strong><\/label><br><input class=\"alm-form-input\" type=\"text\" name=\"next_of_kin_phone\" required style=\"width:100%;padding:10px;\"><\/p>\r\n                    <p class=\"alm-form-field alm-field-occupants\"><label class=\"alm-form-label\"><strong>Number of occupants<\/strong><\/label><br><input class=\"alm-form-input\" type=\"number\" min=\"1\" name=\"occupants\" required style=\"width:100%;padding:10px;\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"alm-application-section alm-application-section-property\">\r\n                <p class=\"alm-form-field alm-field-property\">\r\n                    <label class=\"alm-form-label\"><strong>Property address<\/strong><\/label><br>\r\n                    <select class=\"alm-form-select\" name=\"property\" required style=\"width:100%;padding:10px;\">\r\n                        <option value=\"\">Select Property<\/option>\r\n                                                                                                                <option value=\"12 Hurricane Street\">12 Hurricane Street<\/option>\r\n                                                                                                                                            <option value=\"34 Gladiator\">34 Gladiator<\/option>\r\n                                                                                                                                            <option value=\"38 Gladiator Street\">38 Gladiator Street<\/option>\r\n                                                                                                                                            <option value=\"26 Gladiator Street\">26 Gladiator Street<\/option>\r\n                                                                                                                                            <option value=\"7 Kingfisher Street\">7 Kingfisher Street<\/option>\r\n                                                                                                                                            <option value=\"25 Steel Road\">25 Steel Road<\/option>\r\n                                                                                                                                            <option value=\"23 Lightning Street\">23 Lightning Street<\/option>\r\n                                                                                                                                            <option value=\"33 Gladiator\">33 Gladiator<\/option>\r\n                                                                                                                                            <option value=\"42 Kittyhawk Street\">42 Kittyhawk Street<\/option>\r\n                                                                        <\/select>\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"alm-application-section alm-application-section-uploads\">\r\n                <div class=\"alm-application-grid alm-application-grid-2 alm-application-uploads-grid\" style=\"display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;\">\r\n                    <p class=\"alm-form-field alm-upload-field alm-field-id-upload\"><label class=\"alm-form-label\"><strong>Upload ID\/Passport<\/strong><\/label><br><input class=\"alm-form-file\" type=\"file\" name=\"id_upload\" required accept=\".pdf,.jpg,.jpeg,.png\" style=\"width:100%;\"><\/p>\r\n                    <p class=\"alm-form-field alm-upload-field alm-field-bank-upload\"><label class=\"alm-form-label\"><strong>Upload 3 months bank statement<\/strong><\/label><br><input class=\"alm-form-file\" type=\"file\" name=\"bank_upload\" required accept=\".pdf,.jpg,.jpeg,.png\" style=\"width:100%;\"><\/p>\r\n                    <p class=\"alm-form-field alm-upload-field alm-field-employment-upload\"><label class=\"alm-form-label\"><strong>Upload proof of employment<\/strong><\/label><br><input class=\"alm-form-file\" type=\"file\" name=\"employment_upload\" required accept=\".pdf,.jpg,.jpeg,.png\" style=\"width:100%;\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"alm-application-section alm-application-section-terms\">\r\n                <p class=\"alm-form-field alm-field-terms\">\r\n                    <label class=\"alm-checkbox-label\"><input class=\"alm-form-checkbox\" type=\"checkbox\" name=\"terms\" value=\"1\" required> I confirm that the information provided is true and I accept the application terms.<\/label>\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"alm-application-actions\">\r\n                <p style=\"margin-bottom:0;\"><button type=\"submit\" class=\"alm-application-submit\" style=\"padding:13px 18px;border:0;border-radius:8px;background:#2271b1;color:#fff;cursor:pointer;font-weight:bold;\">Submit Application<\/button><\/p>\r\n            <div class=\"alm-loading alm-application-loading\" style=\"display:none;\">Submitting application...<\/div>\r\n            <\/div>\r\n        <\/form>\r\n        <script>\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            var form = document.querySelector('.alm-application-form');\r\n            if (!form || form.dataset.almDuplicateCheckBound === '1') return;\r\n            form.dataset.almDuplicateCheckBound = '1';\r\n            var activeApplications = [] || [];\r\n            var overwriteInput = form.querySelector('.alm-overwrite-application-input');\r\n\r\n            function normalize(value) {\r\n                return (value || '').toString().trim().toLowerCase();\r\n            }\r\n\r\n            function escapeHtml(value) {\r\n                var div = document.createElement('div');\r\n                div.textContent = value || '';\r\n                return div.innerHTML;\r\n            }\r\n\r\n            function showApplicationOverwriteOverlay(propertyLabel) {\r\n                if (form.querySelector('.alm-app-duplicate-overlay')) return;\r\n\r\n                var currentPosition = window.getComputedStyle(form).position;\r\n                if (currentPosition === 'static' || !currentPosition) {\r\n                    form.style.position = 'relative';\r\n                }\r\n\r\n                var overlay = document.createElement('div');\r\n                overlay.className = 'alm-app-duplicate-overlay';\r\n                Object.assign(overlay.style, {\r\n                    position: 'absolute',\r\n                    top: '0',\r\n                    left: '0',\r\n                    width: '100%',\r\n                    height: '100%',\r\n                    minHeight: '220px',\r\n                    background: 'rgba(255,255,255,0.9)',\r\n                    display: 'flex',\r\n                    alignItems: 'center',\r\n                    justifyContent: 'center',\r\n                    zIndex: '100000',\r\n                    padding: '20px',\r\n                    boxSizing: 'border-box',\r\n                    borderRadius: window.getComputedStyle(form).borderRadius || '0px'\r\n                });\r\n\r\n                var box = document.createElement('div');\r\n                box.className = 'alm-app-duplicate-box';\r\n                Object.assign(box.style, {\r\n                    width: 'min(520px, 100%)',\r\n                    background: '#ffffff',\r\n                    border: '1px solid rgba(15,23,42,0.12)',\r\n                    borderRadius: '16px',\r\n                    boxShadow: '0 18px 45px rgba(15,23,42,0.18)',\r\n                    padding: '26px',\r\n                    textAlign: 'center',\r\n                    fontFamily: 'Arial, sans-serif',\r\n                    color: '#1f2937',\r\n                    boxSizing: 'border-box'\r\n                });\r\n\r\n                var title = document.createElement('div');\r\n                title.className = 'alm-app-duplicate-title';\r\n                title.textContent = 'Application already submitted today';\r\n                Object.assign(title.style, {\r\n                    fontSize: '20px',\r\n                    fontWeight: '800',\r\n                    marginBottom: '10px'\r\n                });\r\n\r\n                var message = document.createElement('div');\r\n                message.className = 'alm-app-duplicate-message';\r\n                message.innerHTML = 'You have already submitted an application for <strong>' + escapeHtml(propertyLabel) + '<\/strong> on this current date.<br><br>If you continue, the new application will overwrite the previous one. You can also wait until the next calendar day to submit again.';\r\n                Object.assign(message.style, {\r\n                    fontSize: '14px',\r\n                    lineHeight: '1.55',\r\n                    marginBottom: '22px'\r\n                });\r\n\r\n                var actions = document.createElement('div');\r\n                actions.className = 'alm-app-duplicate-actions';\r\n                Object.assign(actions.style, {\r\n                    display: 'flex',\r\n                    gap: '12px',\r\n                    justifyContent: 'center',\r\n                    flexWrap: 'wrap'\r\n                });\r\n\r\n                var overwriteBtn = document.createElement('button');\r\n                overwriteBtn.type = 'button';\r\n                overwriteBtn.className = 'alm-app-overwrite-button';\r\n                overwriteBtn.textContent = 'Overwrite previous application';\r\n                Object.assign(overwriteBtn.style, {\r\n                    border: '0',\r\n                    borderRadius: '10px',\r\n                    padding: '12px 18px',\r\n                    background: '#16a34a',\r\n                    color: '#ffffff',\r\n                    fontWeight: '800',\r\n                    cursor: 'pointer'\r\n                });\r\n\r\n                var cancelBtn = document.createElement('button');\r\n                cancelBtn.type = 'button';\r\n                cancelBtn.className = 'alm-app-cancel-overwrite-button';\r\n                cancelBtn.textContent = 'Cancel';\r\n                Object.assign(cancelBtn.style, {\r\n                    border: '0',\r\n                    borderRadius: '10px',\r\n                    padding: '12px 18px',\r\n                    background: '#dc2626',\r\n                    color: '#ffffff',\r\n                    fontWeight: '800',\r\n                    cursor: 'pointer'\r\n                });\r\n\r\n                cancelBtn.addEventListener('click', function () {\r\n                    overlay.remove();\r\n                });\r\n\r\n                overwriteBtn.addEventListener('click', function () {\r\n                    overwriteInput.value = '1';\r\n                    overlay.remove();\r\n                    if (form.requestSubmit) {\r\n                        form.requestSubmit();\r\n                    } else {\r\n                        form.submit();\r\n                    }\r\n                });\r\n\r\n                actions.appendChild(overwriteBtn);\r\n                actions.appendChild(cancelBtn);\r\n                box.appendChild(title);\r\n                box.appendChild(message);\r\n                box.appendChild(actions);\r\n                overlay.appendChild(box);\r\n                form.appendChild(overlay);\r\n            }\r\n\r\n            form.addEventListener('submit', function (event) {\r\n                if (!overwriteInput || overwriteInput.value === '1') return;\r\n\r\n                var emailField = form.querySelector('[name=\"email\"]');\r\n                var idField = form.querySelector('[name=\"id_number\"]');\r\n                var propertyField = form.querySelector('[name=\"property\"]');\r\n\r\n                var email = normalize(emailField ? emailField.value : '');\r\n                var idNumber = normalize(idField ? idField.value : '');\r\n                var property = normalize(propertyField ? propertyField.value : '');\r\n\r\n                if (!property || (!email && !idNumber)) return;\r\n\r\n                var duplicate = activeApplications.find(function (app) {\r\n                    if (normalize(app.property) !== property) return false;\r\n                    if (email && normalize(app.email) === email) return true;\r\n                    if (idNumber && normalize(app.id_number) === idNumber) return true;\r\n                    return false;\r\n                });\r\n\r\n                if (!duplicate) return;\r\n\r\n                event.preventDefault();\r\n                showApplicationOverwriteOverlay(duplicate.property || 'this building');\r\n            });\r\n        });\r\n        <\/script>\r\n        <style>\r\n            @media (max-width: 700px) {\r\n                .alm-application-form .alm-application-grid-2 {\r\n                    grid-template-columns: 1fr !important;\r\n                }\r\n            }\r\n        <\/style>\r\n        \n","protected":false},"excerpt":{"rendered":"<p>In order to apply for a unit at our complex please fill in the application form below; please use accurate information<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.trams.co.za\/gladiator\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trams.co.za\/gladiator\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.trams.co.za\/gladiator\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.trams.co.za\/gladiator\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trams.co.za\/gladiator\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":12,"href":"https:\/\/www.trams.co.za\/gladiator\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/www.trams.co.za\/gladiator\/wp-json\/wp\/v2\/pages\/36\/revisions\/583"}],"wp:attachment":[{"href":"https:\/\/www.trams.co.za\/gladiator\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}