{"id":282,"date":"2013-01-10T15:46:11","date_gmt":"2013-01-10T15:46:11","guid":{"rendered":"http:\/\/blog.zoha-islands.com\/?page_id=282"},"modified":"2025-10-02T13:04:46","modified_gmt":"2025-10-02T13:04:46","slug":"request-form","status":"publish","type":"page","link":"https:\/\/zoha-islands.com\/blog\/request-form\/","title":{"rendered":"Support Request"},"content":{"rendered":"<hr style=\"width: 100%; height: 2px; background-color: orange; border: none;\">\n<p><strong>Note:<\/strong> Depending on your support request, we may reach out to you inworld first, to confirm the request comes from you directly. <\/p>\n<p>If you are have a change related request regarding your rental (e.g. adding or removing co-tenants, sizing up or down), or region-rental change requests (e.g. renaming region, adding or removing estate managers), please use our support system at one of our offices instead:<\/p>\n<ul>\n<li><a href=\"http:\/\/maps.secondlife.com\/secondlife\/ZoHa%20Islands\/92\/87\/24\">ZoHa Islands<\/a><\/li>\n<li><a href=\"http:\/\/maps.secondlife.com\/secondlife\/Mango\/132\/78\/26\">Fruit Islands<\/a><\/li>\n<li><a href=\"http:\/\/maps.secondlife.com\/secondlife\/Nocturne\/155\/143\/25\">Nocturne<\/a><\/li>\n<\/ul>\n<p>You do <strong>not<\/strong> have to submit multiple support requests, one is enough. We will always get back to you as soon as we can.<\/p>\n<hr style=\"width: 100%; height: 2px; background-color: orange; border: none;\">\n<!-- Content included by AmberPanther WP Include File --> \n\r\n<style>\r\n.modern-form-container {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    background: transparent;\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n    padding: 2rem;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n}\r\n\r\n.form-header {\r\n    text-align: center;\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n.form-header h2 {\r\n    color: #b29d85;\r\n    font-size: 1.75rem;\r\n    font-weight: 600;\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n.form-header p {\r\n    color: #b29d85;\r\n    font-size: 12px;\r\n    margin: 0;\r\n}\r\n\r\n.form-group {\r\n    margin-bottom: 1.5rem;\r\n}\r\n\r\n.form-label {\r\n    display: block;\r\n    font-weight: 600;\r\n    color: #b29d85;\r\n    margin-bottom: 0.5rem;\r\n    font-size: 12px;\r\n}\r\n\r\n.form-label .required {\r\n    color: #ff6b6b;\r\n    margin-left: 4px;\r\n}\r\n\r\n.form-input, .form-select, .form-textarea {\r\n    width: 100%;\r\n    padding: 0.75rem 1rem;\r\n    border: 2px solid rgba(255, 255, 255, 0.2);\r\n    border-radius: 8px;\r\n    font-size: 12px;\r\n    transition: all 0.2s ease;\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: #b29d85;\r\n}\r\n\r\n.form-input:focus, .form-select:focus, .form-textarea:focus {\r\n    outline: none;\r\n    border-color: #fd7e14;\r\n    box-shadow: 0 0 0 3px rgba(253, 126, 20, 0.2);\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.form-input:hover, .form-select:hover, .form-textarea:hover {\r\n    border-color: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.form-textarea {\r\n    resize: vertical;\r\n    min-height: 120px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.form-help-text {\r\n    font-size: 12px;\r\n    color: #b29d85;\r\n    margin-top: 0.25rem;\r\n    line-height: 1.4;\r\n}\r\n\r\n.attention-box {\r\n    background: rgba(253, 126, 20, 0.1);\r\n    border-left: 4px solid #fd7e14;\r\n    padding: 1.25rem;\r\n    border-radius: 8px;\r\n    margin: 1.5rem 0;\r\n    border: 1px solid rgba(253, 126, 20, 0.2);\r\n}\r\n\r\n.attention-box .attention-title {\r\n    font-weight: 700;\r\n    color: #fd7e14;\r\n    margin-bottom: 0.5rem;\r\n    font-size: 1rem;\r\n}\r\n\r\n.attention-box p {\r\n    margin: 0;\r\n    color: #b29d85;\r\n    line-height: 1.5;\r\n}\r\n\r\n.attention-box a {\r\n    color: #fd7e14;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n}\r\n\r\n.attention-box a:hover {\r\n    color: #ff8c42;\r\n    text-decoration: underline;\r\n}\r\n\r\n.checkbox-group {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 0.75rem;\r\n    padding: 1rem;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border-radius: 8px;\r\n    border: 2px solid rgba(255, 255, 255, 0.1);\r\n    margin: 1.5rem 0;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.checkbox-group:hover {\r\n    border-color: rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.checkbox-group input[type=\"checkbox\"] {\r\n    margin: 0;\r\n    width: 18px;\r\n    height: 18px;\r\n    accent-color: #fd7e14;\r\n    cursor: pointer;\r\n}\r\n\r\n.checkbox-label {\r\n    color: #b29d85;\r\n    line-height: 1.4;\r\n    cursor: pointer;\r\n    margin: 0;\r\n    font-size: 12px;\r\n}\r\n\r\n.submit-container {\r\n    text-align: center;\r\n    margin-top: 2rem;\r\n    padding-top: 1.5rem;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.submit-btn {\r\n    background: linear-gradient(135deg, #fd7e14 0%, #e8590c 100%);\r\n    color: white;\r\n    padding: 0.875rem 2.5rem;\r\n    border: none;\r\n    border-radius: 8px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    box-shadow: 0 2px 10px rgba(253, 126, 20, 0.3);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.submit-btn:hover {\r\n    background: linear-gradient(135deg, #e8590c 0%, #dc3545 100%);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 20px rgba(253, 126, 20, 0.4);\r\n}\r\n\r\n.submit-btn:active {\r\n    transform: translateY(0);\r\n}\r\n\r\n.required-note {\r\n    color: #b29d85;\r\n    font-size: 12px;\r\n    margin-top: 1rem;\r\n}\r\n\r\n\/* Placeholder text styling for dark theme *\/\r\n.form-input::placeholder,\r\n.form-textarea::placeholder {\r\n    color: #b29d85;\r\n    opacity: 0.7;\r\n}\r\n\r\n\/* Select option styling *\/\r\n.form-select option {\r\n    background: #343a40;\r\n    color: #f8f9fa;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .modern-form-container {\r\n        margin: 0 1rem;\r\n        padding: 1.5rem;\r\n    }\r\n    \r\n    .form-header h2 {\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .submit-btn {\r\n        width: 100%;\r\n        padding: 1rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"modern-form-container\">\r\n    <div class=\"form-header\">\r\n        <h2>Submit Support Request<\/h2>\r\n        <p>We're here to help! Please fill out the form below and we'll get back to you as soon as possible.<\/p>\r\n    <\/div>\r\n    \r\n    <form name=\"intro\" method=\"post\">\r\n        <input type=\"hidden\" name=\"st\" value=\"1\">\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"un\" class=\"form-label\">\r\n                Second Life Username\r\n                <span class=\"required\">*<\/span>\r\n            <\/label>\r\n            <input type=\"text\" id=\"un\" name=\"un\" value=\"\" \r\n                   placeholder=\"Firstname Lastname\" class=\"form-input\" required>\r\n            <div class=\"form-help-text\">\r\n                Enter your Second Life Username only - <strong>NO<\/strong> display names!\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"us\" class=\"form-label\">SLURL \/ Region Name<\/label>\r\n            <input type=\"text\" id=\"us\" name=\"us\" value=\"\" \r\n                   placeholder=\"e.g., ZoHa Islands or http:\/\/maps.secondlife.com\/...\" class=\"form-input\">\r\n            <div class=\"form-help-text\">\r\n                Enter the region name or SLURL where the issue is located (if applicable)\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"ct\" class=\"form-label\">\r\n                Problem Type\r\n                <span class=\"required\">*<\/span>\r\n            <\/label>\r\n            <select id=\"ct\" name=\"ct\" class=\"form-select\" required>\r\n                <option value=\"\">Please select a category...<\/option>\r\n                <option value=\"1\">Land related<\/option>\r\n                <option value=\"2\">Region related<\/option>\r\n                <option value=\"3\">Billing related<\/option>\r\n                <option value=\"8\">Sales related<\/option>\r\n                <option value=\"9\">Other<\/option>\r\n            <\/select>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"um\" class=\"form-label\">\r\n                Message\r\n                <span class=\"required\">*<\/span>\r\n            <\/label>\r\n            <textarea id=\"um\" name=\"um\" class=\"form-textarea\" required \r\n                      placeholder=\"Please describe your issue in detail. The more information you provide, the better we can assist you.\"><\/textarea>\r\n            <div class=\"form-help-text\">\r\n                Please enter as much detail as possible to help us understand and resolve your issue quickly\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"attention-box\">\r\n            <p>Check our <a href=\"https:\/\/www.zoha-islands.com\/blog\/faq\/\" target=\"_blank\">Frequently Asked Questions<\/a> page BEFORE submitting a support request!<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"checkbox-group\">\r\n            <input type=\"checkbox\" id=\"agree\" name=\"agree\" required>\r\n            <label for=\"agree\" class=\"checkbox-label\">\r\n                I have entered my correct username and I understand that you will contact me as soon as possible, but at least within a day. Do not send us multiple requests.\r\n            <\/label>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label class=\"form-label\">Prove you're human: <span class=\"required\">*<\/span><\/label>\r\n            <div class=\"form-help-text\">What is 6 + 2 ?\r\n                <input id=\"captcha_answer\" type=\"text\" name=\"captcha_answer\" class=\"form-input\" style=\"width:140px; display:inline-block; margin-left:8px;\" placeholder=\"Answer\" required data-captcha-sum=\"8\">\r\n                <input type=\"hidden\" name=\"captcha_token\" value=\"OHwxNzc3NTUxOTI4fDA2NGFlYTFkMzc3MzNhNWVlZDQ2NjJiNWMxMDIxNTM1MTYzZDhhZTUxYzJiZjU2NGY4YWEzNzA5NjcyZjExNmY=\">\r\n                <span id=\"captcha-feedback\" role=\"status\" aria-live=\"polite\" style=\"margin-left:10px; font-weight:700;\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"submit-container\">\r\n            <button type=\"submit\" class=\"submit-btn\">Submit Support Request<\/button>\r\n            <div class=\"required-note\">(*) Required Fields<\/div>\r\n        <\/div>\r\n    <\/form>\r\n<\/div>\r\n<script>\r\n\/\/ Form validation and UX improvements\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const form = document.querySelector(\"form[name='intro']\");\r\n    const submitBtn = document.querySelector(\".submit-btn\");\r\n    const originalBtnText = submitBtn.textContent;\r\n    \r\n    \/\/ Add form submission loading state\r\n    form.addEventListener(\"submit\", function(e) {\r\n        submitBtn.disabled = true;\r\n        submitBtn.innerHTML = \"\u2708\ufe0f Submitting...\";\r\n        submitBtn.style.background = \"linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%)\";\r\n    });\r\n    \r\n    \/\/ Real-time validation feedback\r\n    const requiredFields = form.querySelectorAll(\"[required]\");\r\n    \r\n    requiredFields.forEach(field => {\r\n        field.addEventListener(\"blur\", function() {\r\n            if (this.value.trim() === \"\") {\r\n                this.style.borderColor = \"#e74c3c\";\r\n                this.style.boxShadow = \"0 0 0 3px rgba(231, 76, 60, 0.1)\";\r\n            } else {\r\n                this.style.borderColor = \"#27ae60\";\r\n                this.style.boxShadow = \"0 0 0 3px rgba(39, 174, 96, 0.1)\";\r\n            }\r\n        });\r\n        \r\n        field.addEventListener(\"input\", function() {\r\n            if (this.value.trim() !== \"\") {\r\n                this.style.borderColor = \"#27ae60\";\r\n                this.style.boxShadow = \"0 0 0 3px rgba(39, 174, 96, 0.1)\";\r\n            }\r\n        });\r\n    });\r\n    \r\n    \/\/ Username format helper\r\n    const usernameField = document.getElementById(\"un\");\r\n    if (usernameField) {\r\n        usernameField.addEventListener(\"input\", function() {\r\n            let value = this.value;\r\n            \/\/ Basic formatting help\r\n            value = value.replace(\/[^a-zA-Z0-9.\\s]\/g, \"\"); \/\/ Remove special chars except spaces, numbers, and dot\r\n            value = value.replace(\/\\s+\/g, \" \"); \/\/ Replace multiple spaces with single space\r\n            this.value = value;\r\n        });\r\n    }\r\n\r\n    \/\/ CAPTCHA live validation: show OK \/ Wrong and prevent submit when incorrect\r\n    const captchaInput = document.getElementById(\"captcha_answer\");\r\n    const captchaFeedback = document.getElementById(\"captcha-feedback\");\r\n    let captchaClientOk = false;\r\n    if (captchaInput) {\r\n        const expected = parseInt(captchaInput.getAttribute(\"data-captcha-sum\"), 10);\r\n        const validate = () => {\r\n            const v = parseInt(captchaInput.value, 10);\r\n            if (isNaN(v)) {\r\n                captchaFeedback.textContent = \"\";\r\n                captchaInput.style.borderColor = \"\";\r\n                captchaClientOk = false;\r\n                submitBtn.disabled = true;\r\n                return;\r\n            }\r\n            if (v === expected) {\r\n                captchaFeedback.textContent = \"\u2714 OK\";\r\n                captchaFeedback.style.color = \"limegreen\";\r\n                captchaInput.style.borderColor = \"#27ae60\";\r\n                captchaClientOk = true;\r\n                submitBtn.disabled = false;\r\n            } else {\r\n                captchaFeedback.textContent = \"\u2716 Wrong\";\r\n                captchaFeedback.style.color = \"orangered\";\r\n                captchaInput.style.borderColor = \"#e74c3c\";\r\n                captchaClientOk = false;\r\n                submitBtn.disabled = true;\r\n            }\r\n        };\r\n\r\n        captchaInput.addEventListener(\"input\", validate);\r\n        \/\/ run once to set initial state\r\n        validate();\r\n    }\r\n\r\n    \/\/ Intercept submit to enforce client-side captcha check and provide inline feedback\r\n    form.addEventListener(\"submit\", function(e) {\r\n        \/\/ if captcha input exists and client check fails, block submit and show message\r\n        if (captchaInput && !captchaClientOk) {\r\n            e.preventDefault();\r\n            submitBtn.disabled = false;\r\n            submitBtn.innerHTML = originalBtnText;\r\n            if (captchaFeedback) {\r\n                captchaFeedback.textContent = \"Please correct the CAPTCHA before submitting.\";\r\n                captchaFeedback.style.color = \"orangered\";\r\n            }\r\n            captchaInput.focus();\r\n            return false;\r\n        }\r\n        \/\/ otherwise allow submit (server will still validate)\r\n        return true;\r\n    });\r\n});\r\n<\/script>\n<!-- End of included content -->\n\n","protected":false},"excerpt":{"rendered":"<p>Note: Depending on your support request, we may reach out to you inworld first, to confirm the request comes from you directly. If you are have a change related request regarding your rental (e.g. adding or removing co-tenants, sizing up or down), or region-rental change requests (e.g. renaming region, adding or removing estate managers), please &hellip; <a href=\"https:\/\/zoha-islands.com\/blog\/request-form\/\" class=\"more-link\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/zoha-islands.com\/blog\/wp-json\/wp\/v2\/pages\/282"}],"collection":[{"href":"https:\/\/zoha-islands.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zoha-islands.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zoha-islands.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/zoha-islands.com\/blog\/wp-json\/wp\/v2\/comments?post=282"}],"version-history":[{"count":14,"href":"https:\/\/zoha-islands.com\/blog\/wp-json\/wp\/v2\/pages\/282\/revisions"}],"predecessor-version":[{"id":7992,"href":"https:\/\/zoha-islands.com\/blog\/wp-json\/wp\/v2\/pages\/282\/revisions\/7992"}],"wp:attachment":[{"href":"https:\/\/zoha-islands.com\/blog\/wp-json\/wp\/v2\/media?parent=282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}