{"id":12,"date":"2026-09-03T06:24:49","date_gmt":"2026-09-03T06:24:49","guid":{"rendered":"https:\/\/angels-devils.adilbannar.my\/index.php\/gang-apply\/"},"modified":"2026-09-03T06:24:49","modified_gmt":"2026-09-03T06:24:49","slug":"gang-apply","status":"publish","type":"page","link":"https:\/\/angels-devils.adilbannar.my\/index.php\/gang-apply\/","title":{"rendered":"Gang Application"},"content":{"rendered":"<div class=\"srp-section\">\n    <h1 class=\"srp-section-title\">GANG <span class=\"accent\">APPLICATION<\/span><\/h1>\n    <p class=\"srp-section-subtitle\" id=\"srpGangSub\">Apply to bring your gang to Angels & Devils Rp<\/p>\n\n    <div id=\"srpGangNotLogged\" style=\"display:none;\">\n        <div class=\"srp-card\" style=\"text-align:center;padding:48px;\">\n            <h3 style=\"margin-bottom:12px;color:var(--srp-red);\">Login Required<\/h3>\n            <p style=\"color:var(--srp-gray);margin-bottom:20px;\">Please login with Discord to submit a gang application.<\/p>\n            <a href=\"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/srp\/v1\/auth\/discord\" class=\"srp-btn srp-btn-discord\">Login with Discord<\/a>\n        <\/div>\n    <\/div>\n\n    <div id=\"srpGangAlready\" style=\"display:none;\">\n        <div class=\"srp-card\" style=\"text-align:center;padding:48px;\" id=\"srpGangAlreadyContent\"><\/div>\n    <\/div>\n\n    <div id=\"srpGangForm\" style=\"display:none;\">\n        <div class=\"srp-card\" style=\"max-width:700px;margin:0 auto;\">\n            <form id=\"srpGangApplyForm\" onsubmit=\"return srpGangSubmit(event)\">\n                <div class=\"srp-form-group\">\n                    <label class=\"srp-form-label\" id=\"srpGangLabelName\">Gang Name *<\/label>\n                    <input type=\"text\" name=\"gang_name\" required class=\"srp-form-input\" placeholder=\"e.g. Ballas, Vagos, Grove Street...\">\n                <\/div>\n\n                <div class=\"srp-form-group\">\n                    <label class=\"srp-form-label\" id=\"srpGangLabelMembers\">Members Discord IDs *<\/label>\n                    <textarea name=\"members_discord\" required class=\"srp-form-input\" rows=\"4\" placeholder=\"List all member Discord IDs, one per line or separated by commas.&#10;e.g.&#10;123456789012345678&#10;234567890123456789&#10;345678901234567890\"><\/textarea>\n                <\/div>\n\n                <div class=\"srp-form-group\">\n                    <label class=\"srp-form-label\" id=\"srpGangLabelConcept\">Concept & Background *<\/label>\n                    <textarea name=\"concept_background\" required class=\"srp-form-input\" rows=\"6\" placeholder=\"Describe your gang's concept, story, and background. What makes your gang unique? What is the history and identity of the gang?\"><\/textarea>\n                <\/div>\n\n                <div class=\"srp-form-group\">\n                    <label class=\"srp-form-label\" id=\"srpGangLabelMotivation\">Motivation *<\/label>\n                    <textarea name=\"motivation\" required class=\"srp-form-input\" rows=\"5\" placeholder=\"Why do you want your gang in Angels & Devils Rp? What will you bring to the server? How will you contribute to the roleplay experience?\"><\/textarea>\n                <\/div>\n\n                <button type=\"submit\" class=\"srp-btn srp-btn-red\" id=\"srpGangSubmitBtn\" style=\"width:100%;justify-content:center;padding:14px;font-size:16px;\">\n                    Submit Gang Application\n                <\/button>\n            <\/form>\n            <div id=\"srpGangResult\" style=\"margin-top:16px;display:none;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nfunction srpGangSubmit(e) {\n    e.preventDefault();\n    var btn = document.getElementById('srpGangSubmitBtn');\n    btn.innerHTML = '<span class=\"srp-loading\"><\/span> Submitting...';\n    btn.disabled = true;\n\n    var form = document.getElementById('srpGangApplyForm');\n    var data = {\n        gang_name: form.gang_name.value.trim(),\n        members_discord: form.members_discord.value.trim(),\n        concept_background: form.concept_background.value.trim(),\n        motivation: form.motivation.value.trim()\n    };\n\n    var token = srpGetToken ? srpGetToken() : null;\n    var url = srpAjax.url + 'gang\/apply';\n    if (token) url += '?srp_token=' + encodeURIComponent(token);\n\n    fetch(url, {\n        method: 'POST',\n        headers: {'Content-Type': 'application\/json'},\n        credentials: 'same-origin',\n        body: JSON.stringify(data)\n    })\n    .then(function(r){return r.json().then(function(b){return{ok:r.ok,body:b};});})\n    .then(function(res){\n        btn.innerHTML = 'Submit Gang Application';\n        btn.disabled = false;\n        var result = document.getElementById('srpGangResult');\n        result.style.display = 'block';\n        if (res.ok) {\n            result.innerHTML = '<div style=\"padding:16px;background:rgba(34,197,94,0.1);border:1px solid #15803d;border-radius:8px;\"><h3 style=\"color:#22c55e;margin-bottom:8px;\">Application Submitted!<\/h3><p style=\"color:var(--srp-gray);font-size:14px;\">' + (res.body.message || 'Your gang application has been submitted. Wait for owner\/founder review.') + '<\/p><\/div>';\n            form.reset();\n            if (typeof srpToast !== 'undefined') srpToast('Gang application submitted!', 'success');\n        } else {\n            result.innerHTML = '<div style=\"padding:16px;background:rgba(220,38,38,0.1);border:1px solid #991b1b;border-radius:8px;\"><p style=\"color:#ef4444;\">' + (res.body.error || 'Failed to submit') + '<\/p><\/div>';\n        }\n    })\n    .catch(function(){\n        btn.innerHTML = 'Submit Gang Application';\n        btn.disabled = false;\n        document.getElementById('srpGangResult').style.display = 'block';\n        document.getElementById('srpGangResult').innerHTML = '<div style=\"padding:16px;background:rgba(220,38,38,0.1);border:1px solid #991b1b;border-radius:8px;\"><p style=\"color:#ef4444;\">Network error. Try again.<\/p><\/div>';\n    });\n    return false;\n}\n\ndocument.addEventListener('DOMContentLoaded', function(){\n    var lang=(document.cookie.split(';').find(function(c){return c.trim().startsWith('srp_lang=');})||'').split('=')[1]||'en';\n\n    if (srpCheckAuth) {\n        srpCheckAuth(function(user){\n            if (!user || !user.id) {\n                document.getElementById('srpGangNotLogged').style.display = 'block';\n                return;\n            }\n            checkGangStatus(lang);\n        });\n    } else {\n        document.getElementById('srpGangForm').style.display = 'block';\n    }\n\n    if(lang==='ar'){\n        document.getElementById('srpGangSub').textContent='\u0642\u062f\u0645 \u0644\u062c\u0644\u0628 \u0639\u0635\u0627\u0628\u062a\u0643 \u0625\u0644\u0649 \u0633\u062a\u0631\u064a\u062a \u0631\u0648\u0644 \u0628\u0644\u0627\u064a';\n        document.getElementById('srpGangLabelName').textContent='\u0627\u0633\u0645 \u0627\u0644\u0639\u0635\u0627\u0628\u0629 *';\n        document.querySelector('[name=\"gang_name\"]').placeholder='\u0645\u062b\u0627\u0644: Ballas, Vagos, Grove Street...';\n        document.getElementById('srpGangLabelMembers').textContent='\u0645\u0639\u0631\u0641\u0627\u062a \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062f\u064a\u0633\u0643\u0648\u0631\u062f *';\n        document.getElementById('srpGangLabelConcept').textContent='\u0627\u0644\u0645\u0641\u0647\u0648\u0645 \u0648\u0627\u0644\u062e\u0644\u0641\u064a\u0629 *';\n        document.getElementById('srpGangLabelMotivation').textContent='\u0627\u0644\u062f\u0627\u0641\u0639 *';\n        document.getElementById('srpGangSubmitBtn').textContent='\u062a\u0642\u062f\u064a\u0645 \u0637\u0644\u0628 \u0627\u0644\u0639\u0635\u0627\u0628\u0629';\n    }\n\n    function checkGangStatus(lang) {\n        var token = srpGetToken ? srpGetToken() : null;\n        var url = srpAjax.url + 'gang\/status';\n        if (token) url += '?srp_token=' + encodeURIComponent(token);\n        fetch(url, {credentials:'same-origin'})\n        .then(function(r){return r.json();})\n        .then(function(s){\n            if (s.status === 'none') {\n                document.getElementById('srpGangForm').style.display = 'block';\n                return;\n            }\n            var el = document.getElementById('srpGangAlready');\n            var content = document.getElementById('srpGangAlreadyContent');\n            var html = '';\n            if (s.status === 'pending') {\n                html = '<h3 style=\"color:#f59e0b;margin-bottom:12px;\">\u23f3 Application Pending<\/h3>';\n                html += '<p style=\"color:var(--srp-gray);\">Your gang application for <strong>' + (s.gang_name || 'your gang') + '<\/strong> is waiting for review by an owner\/founder.<\/p>';\n            } else if (s.status === 'approved') {\n                html = '<h3 style=\"color:#22c55e;margin-bottom:12px;\">\u2705 Application Approved!<\/h3>';\n                html += '<p style=\"color:var(--srp-gray);\">Your gang <strong>' + (s.gang_name || '') + '<\/strong> has been accepted! Welcome to Angels & Devils Rp.<\/p>';\n            } else if (s.status === 'rejected') {\n                html = '<h3 style=\"color:#ef4444;margin-bottom:12px;\">\u274c Application Rejected<\/h3>';\n                html += '<p style=\"color:var(--srp-gray);\">Your gang application for <strong>' + (s.gang_name || '') + '<\/strong> was rejected.<\/p>';\n                if (s.reject_reason) {\n                    html += '<div style=\"margin-top:12px;padding:12px;background:rgba(220,38,38,0.1);border:1px solid #991b1b;border-radius:8px;\"><p style=\"color:#ef4444;font-size:14px;\"><strong>Reason:<\/strong> ' + s.reject_reason + '<\/p><\/div>';\n                }\n                if (s.can_reapply) {\n                    html += '<p style=\"color:var(--srp-success);margin-top:12px;font-size:14px;font-weight:600;\">2-hour cooldown has expired. You can submit a new application below.<\/p>';\n                } else {\n                    var remSec = s.remaining_seconds || 0;\n                    var h = Math.floor(remSec \/ 3600);\n                    var m = Math.ceil((remSec % 3600) \/ 60);\n                    var timeStr = (h > 0 ? h + 'h ' : '') + m + 'm';\n                    html += '<div style=\"margin-top:16px;padding:12px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.25);border-radius:8px;display:inline-block;\"><p style=\"color:#f87171;font-weight:700;margin:0;\">\u23f3 2-Hour Cooldown Active<\/p><p style=\"color:var(--srp-gray);font-size:13px;margin:4px 0 0 0;\">You can submit a new gang application in <strong>' + timeStr + '<\/strong>.<\/p><\/div>';\n                }\n            }\n            content.innerHTML = html;\n            el.style.display = 'block';\n            if (s.status === 'rejected' && s.can_reapply) {\n                document.getElementById('srpGangForm').style.display = 'block';\n            } else if (s.status === 'rejected' && !s.can_reapply) {\n                document.getElementById('srpGangForm').style.display = 'none';\n            }\n        })\n        .catch(function(){\n            document.getElementById('srpGangForm').style.display = 'block';\n        });\n    }\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":0,"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}