{"id":11441,"date":"2026-05-03T08:44:48","date_gmt":"2026-05-03T07:44:48","guid":{"rendered":"https:\/\/coastalgaming.be\/coastlan\/?page_id=11441"},"modified":"2026-05-13T23:31:57","modified_gmt":"2026-05-13T22:31:57","slug":"games","status":"publish","type":"page","link":"https:\/\/coastalgaming.be\/coastlan\/games\/","title":{"rendered":"Coastlan-GameS"},"content":{"rendered":"<div class=\"cl-t-wrap\"><style>\r\n        :root { --cl-teal: #0a2e36; --cl-dark: #061d22; --cl-gold: #d4af37; --cl-text: #eee; }\r\n        .cl-t-wrap { font-family: system-ui, sans-serif; color: var(--cl-text); }\r\n        .cl-t-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin: 25px 0; }\r\n        .cl-t-card { background: #111; border-radius: 8px; border: 1px solid #333; overflow: hidden; cursor: pointer; transition: 0.3s; }\r\n        .cl-t-card:hover { border-color: var(--cl-gold); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(212,175,55,0.1); }\r\n        .cl-t-card-header { padding: 20px; text-align: center; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; }\r\n        .cl-t-card-body { padding: 15px 20px; background: rgba(255,255,255,0.02); }\r\n        .cl-t-card-body p { margin: 5px 0; font-size: 12px; color: #aaa; }\r\n        .cl-t-card-footer { padding: 10px 20px; border-top: 1px solid #222; display: flex; justify-content: space-between; align-items: center; }\r\n        .cl-t-badge { padding: 4px 10px; border-radius: 12px; font-size: 10px; font-weight: 700; text-transform: uppercase; }\r\n        .cl-t-badge-open { background: #28a745; color: #fff; }\r\n        .cl-t-badge-closed { background: #dc3545; color: #fff; }\r\n        .cl-t-badge-published { background: var(--cl-gold); color: #000; }\r\n\r\n        \/* Modal *\/\r\n        .cl-t-modal-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 99999; justify-content: center; align-items: flex-start; padding: 40px 20px; overflow-y: auto; }\r\n        .cl-t-modal-overlay.active { display: flex; }\r\n        .cl-t-modal { background: var(--cl-dark); border: 1px solid var(--cl-gold); border-radius: 12px; max-width: 700px; width: 100%; position: relative; box-shadow: 0 10px 40px rgba(0,0,0,0.5); }\r\n        .cl-t-modal-close { position: absolute; top: 15px; right: 20px; font-size: 28px; color: #888; cursor: pointer; z-index: 10; transition: 0.2s; }\r\n        .cl-t-modal-close:hover { color: #fff; }\r\n        .cl-t-modal-header { padding: 25px 30px; border-bottom: 1px solid rgba(212,175,55,0.2); }\r\n        .cl-t-modal-header h2 { margin: 0; color: var(--cl-gold); font-size: 20px; text-transform: uppercase; letter-spacing: 1px; }\r\n        .cl-t-modal-body { padding: 25px 30px; max-height: 60vh; overflow-y: auto; }\r\n        .cl-t-modal-footer { padding: 20px 30px; border-top: 1px solid rgba(212,175,55,0.2); display: flex; justify-content: flex-end; gap: 10px; }\r\n\r\n        .cl-t-info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 15px 0; }\r\n        .cl-t-info-item { background: rgba(255,255,255,0.03); padding: 10px 15px; border-radius: 6px; border-left: 3px solid var(--cl-gold); }\r\n        .cl-t-info-item label { font-size: 9px; text-transform: uppercase; color: #888; display: block; margin-bottom: 3px; }\r\n        .cl-t-info-item span { font-size: 13px; font-weight: 600; }\r\n\r\n        .cl-t-rules { background: rgba(255,255,255,0.02); padding: 15px; border-radius: 6px; margin: 15px 0; white-space: pre-line; font-size: 13px; line-height: 1.6; border: 1px solid rgba(255,255,255,0.05); }\r\n        .cl-t-rules-toggle { cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05); border-radius: 6px; margin: 15px 0; user-select: none; }\r\n        .cl-t-rules-toggle:hover { background: rgba(255,255,255,0.05); }\r\n        .cl-t-rules-toggle span { color: var(--cl-gold); font-size: 12px; text-transform: uppercase; font-weight: 600; }\r\n        .cl-t-rules-toggle .cl-t-arrow { transition: transform 0.2s; font-size: 16px; color: #888; }\r\n        .cl-t-rules-toggle .cl-t-arrow.open { transform: rotate(180deg); }\r\n        .cl-t-rules-content { display: none; }\r\n\r\n        \/* Forms *\/\r\n        .cl-t-field { margin-bottom: 15px; }\r\n        .cl-t-field label { display: block; font-size: 11px; text-transform: uppercase; color: #aaa; margin-bottom: 5px; font-weight: 600; }\r\n        .cl-t-field select, .cl-t-field input[type=\"text\"] { width: 100%; padding: 10px 12px; background: #111; border: 1px solid #444; border-radius: 6px; color: #fff; font-size: 13px; }\r\n        .cl-t-field select:focus, .cl-t-field input:focus { outline: none; border-color: var(--cl-gold); }\r\n        .cl-t-field .cl-t-hint { font-size: 10px; color: #666; margin-top: 4px; }\r\n\r\n        .cl-t-player-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; margin-top: 10px; }\r\n\r\n        .cl-t-checkbox { display: flex; align-items: flex-start; gap: 10px; padding: 12px; background: rgba(212,175,55,0.05); border: 1px solid rgba(212,175,55,0.2); border-radius: 6px; margin: 15px 0; }\r\n        .cl-t-checkbox input { margin-top: 2px; }\r\n        .cl-t-checkbox label { font-size: 12px; color: #ccc; cursor: pointer; }\r\n\r\n        .cl-t-btn { padding: 10px 24px; border-radius: 6px; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; border: none; transition: 0.2s; }\r\n        .cl-t-btn-primary { background: var(--cl-gold); color: #000; }\r\n        .cl-t-btn-primary:hover { background: #e5c048; transform: translateY(-1px); }\r\n        .cl-t-btn-primary:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }\r\n        .cl-t-btn-secondary { background: #333; color: #ccc; }\r\n        .cl-t-btn-secondary:hover { background: #444; }\r\n        .cl-t-btn-danger { background: #dc3545; color: #fff; }\r\n\r\n        \/* Bracket *\/\r\n        .cl-t-bracket-wrap { overflow-x: auto; padding: 20px 0; background: #061d22; border-radius: 10px; }\r\n        .cl-t-bracket { display: inline-flex; gap: 30px; align-items: center; min-height: 400px; }\r\n        .cl-t-bracket-main { display: flex; flex-direction: column; gap: 40px; }\r\n        .cl-t-bracket-round { display: flex; flex-direction: column; gap: 20px; min-width: 200px; }\r\n        .cl-t-bracket-round-title { text-align: center; font-size: 11px; text-transform: uppercase; color: var(--cl-gold); font-weight: 700; margin-bottom: 10px; letter-spacing: 1px; }\r\n        .cl-t-bracket-section-label { text-align: left; font-size: 10px; text-transform: uppercase; color: #888; font-weight: 600; margin: 0 0 10px 0; letter-spacing: 1px; padding-bottom: 4px; border-bottom: 1px solid #333; }\r\n        .cl-t-bracket-gf { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 200px; }\r\n        .cl-t-match { background: #111; border-radius: 6px; border: 1px solid #333; overflow: hidden; }\r\n        .cl-t-match.completed { border-color: var(--cl-gold); }\r\n        .cl-t-match-team { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; font-size: 12px; border-bottom: 1px solid #222; }\r\n        .cl-t-match-team:last-child { border-bottom: none; }\r\n        .cl-t-match-team.winner { background: rgba(212,175,55,0.15); color: var(--cl-gold); font-weight: 600; }\r\n        .cl-t-match-team.tbd { color: #555; font-style: italic; }\r\n        .cl-t-match-score { font-weight: 700; min-width: 30px; text-align: right; }\r\n        .cl-t-match-label { font-size: 9px; color: #666; text-align: center; padding: 4px; background: rgba(255,255,255,0.02); text-transform: uppercase; }\r\n\r\n        \/* Podium *\/\r\n        .cl-t-podium { display: flex; justify-content: center; align-items: flex-end; gap: 15px; margin: 30px 0; }\r\n        .cl-t-podium-place { text-align: center; background: #111; border-radius: 8px 8px 0 0; padding: 20px; min-width: 120px; border-top: 3px solid var(--cl-gold); }\r\n        .cl-t-podium-place:nth-child(2) { min-height: 160px; border-color: #FFD700; }\r\n        .cl-t-podium-place:nth-child(1) { min-height: 130px; border-color: #C0C0C0; }\r\n        .cl-t-podium-place:nth-child(3) { min-height: 100px; border-color: #CD7F32; }\r\n        .cl-t-podium-rank { font-size: 28px; margin-bottom: 5px; }\r\n        .cl-t-podium-name { font-size: 13px; font-weight: 600; color: var(--cl-gold); }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 600px) {\r\n            .cl-t-info-grid { grid-template-columns: 1fr; }\r\n            .cl-t-player-grid { grid-template-columns: 1fr; }\r\n            .cl-t-modal-body { padding: 15px 20px; }\r\n        }\r\n    <\/style><h2 style=\"color:var(--cl-gold); text-transform:uppercase; letter-spacing:1px; font-size:18px; margin-bottom:5px;\">Toernooien<\/h2><p style=\"color:#aaa; font-size:13px; margin-bottom:20px;\">Kies een game om je in te schrijven.<\/p><div style=\"background:#222; border:1px solid #444; border-radius:8px; padding:20px; text-align:center; margin-bottom:20px;\"><p style=\"margin:0 0 10px 0;\">Je moet ingelogd zijn om je in te schrijven.<\/p><a href=\"https:\/\/coastalgaming.be\/coastlan\/wp-login.php?redirect_to=https%3A%2F%2Fcoastalgaming.be%2Fcoastlan%2Fgames%2F\" class=\"cl-t-btn cl-t-btn-primary\">Inloggen<\/a><\/div><div class=\"cl-t-grid\"><div class=\"cl-t-card\" onclick=\"clOpenModal(9)\"><div class=\"cl-t-card-header\" style=\"background:linear-gradient(135deg, #87CEFA22, #87CEFA11); color:#87CEFA;\">King of the Coast<\/div><div class=\"cl-t-card-body\"><p>Modus: <strong style=\"color:#fff;\">ffa<\/strong><\/p><p>Teamgrootte: <strong style=\"color:#fff;\">1 spelers<\/strong><\/p><p>Bracket: <strong style=\"color:#fff;\">ffa<\/strong><\/p><\/div><div class=\"cl-t-card-footer\"><span style=\"font-size:11px; color:#888;\">0\/200 ingeschreven<\/span><span class=\"cl-t-badge cl-t-badge-open\">Open<\/span><\/div><\/div><div class=\"cl-t-card\" onclick=\"clOpenModal(8)\"><div class=\"cl-t-card-header\" style=\"background:linear-gradient(135deg, #87CEFA22, #87CEFA11); color:#87CEFA;\">Fall Guys<\/div><div class=\"cl-t-card-body\"><p>Modus: <strong style=\"color:#fff;\">ffa<\/strong><\/p><p>Teamgrootte: <strong style=\"color:#fff;\">1 spelers<\/strong><\/p><p>Bracket: <strong style=\"color:#fff;\">ffa<\/strong><\/p><\/div><div class=\"cl-t-card-footer\"><span style=\"font-size:11px; color:#888;\">0\/32 ingeschreven<\/span><span class=\"cl-t-badge cl-t-badge-open\">Open<\/span><\/div><\/div><div class=\"cl-t-card\" onclick=\"clOpenModal(1)\"><div class=\"cl-t-card-header\" style=\"background:linear-gradient(135deg, #cca35422, #cca35411); color:#cca354;\">CS2<\/div><div class=\"cl-t-card-body\"><p>Modus: <strong style=\"color:#fff;\">5v5<\/strong><\/p><p>Teamgrootte: <strong style=\"color:#fff;\">5 spelers<\/strong><\/p><p>Bracket: <strong style=\"color:#fff;\">group stage<\/strong><\/p><\/div><div class=\"cl-t-card-footer\"><span style=\"font-size:11px; color:#888;\">0\/16 ingeschreven<\/span><span class=\"cl-t-badge cl-t-badge-open\">Open<\/span><\/div><\/div><div class=\"cl-t-card\" onclick=\"clOpenModal(2)\"><div class=\"cl-t-card-header\" style=\"background:linear-gradient(135deg, #cca35422, #cca35411); color:#cca354;\">League of Legends<\/div><div class=\"cl-t-card-body\"><p>Modus: <strong style=\"color:#fff;\">5v5<\/strong><\/p><p>Teamgrootte: <strong style=\"color:#fff;\">5 spelers<\/strong><\/p><p>Bracket: <strong style=\"color:#fff;\">group stage<\/strong><\/p><\/div><div class=\"cl-t-card-footer\"><span style=\"font-size:11px; color:#888;\">0\/16 ingeschreven<\/span><span class=\"cl-t-badge cl-t-badge-open\">Open<\/span><\/div><\/div><div class=\"cl-t-card\" onclick=\"clOpenModal(3)\"><div class=\"cl-t-card-header\" style=\"background:linear-gradient(135deg, #C0C0C022, #C0C0C011); color:#C0C0C0;\">Rocket League<\/div><div class=\"cl-t-card-body\"><p>Modus: <strong style=\"color:#fff;\">3v3<\/strong><\/p><p>Teamgrootte: <strong style=\"color:#fff;\">3 spelers<\/strong><\/p><p>Bracket: <strong style=\"color:#fff;\">double elim<\/strong><\/p><\/div><div class=\"cl-t-card-footer\"><span style=\"font-size:11px; color:#888;\">0\/16 ingeschreven<\/span><span class=\"cl-t-badge cl-t-badge-open\">Open<\/span><\/div><\/div><div class=\"cl-t-card\" onclick=\"clOpenModal(4)\"><div class=\"cl-t-card-header\" style=\"background:linear-gradient(135deg, #C0C0C022, #C0C0C011); color:#C0C0C0;\">Darts<\/div><div class=\"cl-t-card-body\"><p>Modus: <strong style=\"color:#fff;\">1v1<\/strong><\/p><p>Teamgrootte: <strong style=\"color:#fff;\">1 spelers<\/strong><\/p><p>Bracket: <strong style=\"color:#fff;\">double elim<\/strong><\/p><\/div><div class=\"cl-t-card-footer\"><span style=\"font-size:11px; color:#888;\">0\/64 ingeschreven<\/span><span class=\"cl-t-badge cl-t-badge-open\">Open<\/span><\/div><\/div><div class=\"cl-t-card\" onclick=\"clOpenModal(7)\"><div class=\"cl-t-card-header\" style=\"background:linear-gradient(135deg, #CD7F3222, #CD7F3211); color:#CD7F32;\">CS2 Wingman<\/div><div class=\"cl-t-card-body\"><p>Modus: <strong style=\"color:#fff;\">2v2<\/strong><\/p><p>Teamgrootte: <strong style=\"color:#fff;\">2 spelers<\/strong><\/p><p>Bracket: <strong style=\"color:#fff;\">double elim<\/strong><\/p><\/div><div class=\"cl-t-card-footer\"><span style=\"font-size:11px; color:#888;\">0\/16 ingeschreven<\/span><span class=\"cl-t-badge cl-t-badge-open\">Open<\/span><\/div><\/div><div class=\"cl-t-card\" onclick=\"clOpenModal(5)\"><div class=\"cl-t-card-header\" style=\"background:linear-gradient(135deg, #CD7F3222, #CD7F3211); color:#CD7F32;\">Beerpong<\/div><div class=\"cl-t-card-body\"><p>Modus: <strong style=\"color:#fff;\">2v2<\/strong><\/p><p>Teamgrootte: <strong style=\"color:#fff;\">2 spelers<\/strong><\/p><p>Bracket: <strong style=\"color:#fff;\">single elim<\/strong><\/p><\/div><div class=\"cl-t-card-footer\"><span style=\"font-size:11px; color:#888;\">0\/16 ingeschreven<\/span><span class=\"cl-t-badge cl-t-badge-open\">Open<\/span><\/div><\/div><div class=\"cl-t-card\" onclick=\"clOpenModal(6)\"><div class=\"cl-t-card-header\" style=\"background:linear-gradient(135deg, #CD7F3222, #CD7F3211); color:#CD7F32;\">FC27<\/div><div class=\"cl-t-card-body\"><p>Modus: <strong style=\"color:#fff;\">1v1<\/strong><\/p><p>Teamgrootte: <strong style=\"color:#fff;\">1 spelers<\/strong><\/p><p>Bracket: <strong style=\"color:#fff;\">double elim<\/strong><\/p><\/div><div class=\"cl-t-card-footer\"><span style=\"font-size:11px; color:#888;\">0\/32 ingeschreven<\/span><span class=\"cl-t-badge cl-t-badge-open\">Open<\/span><\/div><\/div><div class=\"cl-t-card\" onclick=\"clOpenModal(11)\"><div class=\"cl-t-card-header\" style=\"background:linear-gradient(135deg, #CD7F3222, #CD7F3211); color:#CD7F32;\">Unreal Tournament<\/div><div class=\"cl-t-card-body\"><p>Modus: <strong style=\"color:#fff;\">ffa<\/strong><\/p><p>Teamgrootte: <strong style=\"color:#fff;\">1 spelers<\/strong><\/p><p>Bracket: <strong style=\"color:#fff;\">single elim<\/strong><\/p><\/div><div class=\"cl-t-card-footer\"><span style=\"font-size:11px; color:#888;\">0\/32 ingeschreven<\/span><span class=\"cl-t-badge cl-t-badge-open\">Open<\/span><\/div><\/div><\/div><div class=\"cl-t-modal-overlay\" id=\"clTournamentModal\"><div class=\"cl-t-modal\"><span class=\"cl-t-modal-close\" onclick=\"clCloseModal()\">\u00d7<\/span><div class=\"cl-t-modal-header\"><h2 id=\"clModalTitle\"><\/h2><\/div><div class=\"cl-t-modal-body\" id=\"clModalBody\"><\/div><div class=\"cl-t-modal-footer\" id=\"clModalFooter\"><\/div><\/div><\/div>    <script>\r\n    var clGamesData = [{\"id\":\"9\",\"slug\":\"king_of_the_coast\",\"name\":\"King of the Coast\",\"color\":\"#87CEFA\",\"game_mode\":\"ffa\",\"team_size\":\"1\",\"clan_required\":\"0\",\"clan_name_optional\":\"0\",\"bracket_type\":\"ffa\",\"rules\":\"TBD\",\"max_teams\":\"200\",\"registration_open\":\"1\",\"published\":\"0\",\"sort_order\":\"1\",\"created_at\":\"2026-05-03 07:36:20\"},{\"id\":\"8\",\"slug\":\"fall_guys\",\"name\":\"Fall Guys\",\"color\":\"#87CEFA\",\"game_mode\":\"ffa\",\"team_size\":\"1\",\"clan_required\":\"0\",\"clan_name_optional\":\"0\",\"bracket_type\":\"ffa\",\"rules\":\"TBD\",\"max_teams\":\"32\",\"registration_open\":\"1\",\"published\":\"0\",\"sort_order\":\"2\",\"created_at\":\"2026-05-03 07:36:20\"},{\"id\":\"1\",\"slug\":\"cs2\",\"name\":\"CS2\",\"color\":\"#cca354\",\"game_mode\":\"5v5\",\"team_size\":\"5\",\"clan_required\":\"1\",\"clan_name_optional\":\"0\",\"bracket_type\":\"group_stage\",\"rules\":\"TBD\",\"max_teams\":\"16\",\"registration_open\":\"1\",\"published\":\"0\",\"sort_order\":\"3\",\"created_at\":\"2026-05-03 07:36:20\"},{\"id\":\"2\",\"slug\":\"lol\",\"name\":\"League of Legends\",\"color\":\"#cca354\",\"game_mode\":\"5v5\",\"team_size\":\"5\",\"clan_required\":\"1\",\"clan_name_optional\":\"0\",\"bracket_type\":\"group_stage\",\"rules\":\"TBD\",\"max_teams\":\"16\",\"registration_open\":\"1\",\"published\":\"0\",\"sort_order\":\"4\",\"created_at\":\"2026-05-03 07:36:20\"},{\"id\":\"3\",\"slug\":\"rocket_league\",\"name\":\"Rocket League\",\"color\":\"#C0C0C0\",\"game_mode\":\"3v3\",\"team_size\":\"3\",\"clan_required\":\"1\",\"clan_name_optional\":\"0\",\"bracket_type\":\"double_elim\",\"rules\":\"TBD\",\"max_teams\":\"16\",\"registration_open\":\"1\",\"published\":\"0\",\"sort_order\":\"5\",\"created_at\":\"2026-05-03 07:36:20\"},{\"id\":\"4\",\"slug\":\"darts\",\"name\":\"Darts\",\"color\":\"#C0C0C0\",\"game_mode\":\"1v1\",\"team_size\":\"1\",\"clan_required\":\"0\",\"clan_name_optional\":\"0\",\"bracket_type\":\"double_elim\",\"rules\":\"TBD\",\"max_teams\":\"64\",\"registration_open\":\"1\",\"published\":\"0\",\"sort_order\":\"6\",\"created_at\":\"2026-05-03 07:36:20\"},{\"id\":\"7\",\"slug\":\"cs2_wingman\",\"name\":\"CS2 Wingman\",\"color\":\"#CD7F32\",\"game_mode\":\"2v2\",\"team_size\":\"2\",\"clan_required\":\"0\",\"clan_name_optional\":\"1\",\"bracket_type\":\"double_elim\",\"rules\":\"TBD\",\"max_teams\":\"16\",\"registration_open\":\"1\",\"published\":\"0\",\"sort_order\":\"7\",\"created_at\":\"2026-05-03 07:36:20\"},{\"id\":\"5\",\"slug\":\"beerpong\",\"name\":\"Beerpong\",\"color\":\"#CD7F32\",\"game_mode\":\"2v2\",\"team_size\":\"2\",\"clan_required\":\"0\",\"clan_name_optional\":\"1\",\"bracket_type\":\"single_elim\",\"rules\":\"TBD\",\"max_teams\":\"16\",\"registration_open\":\"1\",\"published\":\"0\",\"sort_order\":\"8\",\"created_at\":\"2026-05-03 07:36:20\"},{\"id\":\"6\",\"slug\":\"fc27\",\"name\":\"FC27\",\"color\":\"#CD7F32\",\"game_mode\":\"1v1\",\"team_size\":\"1\",\"clan_required\":\"0\",\"clan_name_optional\":\"0\",\"bracket_type\":\"double_elim\",\"rules\":\"TBD\",\"max_teams\":\"32\",\"registration_open\":\"1\",\"published\":\"0\",\"sort_order\":\"8\",\"created_at\":\"2026-05-03 07:36:20\"},{\"id\":\"11\",\"slug\":\"ut\",\"name\":\"Unreal Tournament\",\"color\":\"#CD7F32\",\"game_mode\":\"ffa\",\"team_size\":\"1\",\"clan_required\":\"0\",\"clan_name_optional\":\"0\",\"bracket_type\":\"single_elim\",\"rules\":\"TBD\",\"max_teams\":\"32\",\"registration_open\":\"1\",\"published\":\"0\",\"sort_order\":\"12\",\"created_at\":\"2026-05-11 21:47:03\"}];\r\n    var clIsLoggedIn = false;\r\n    var clNonce = '41b154ea7b';\r\n    var clCurrentGameId = null;\r\n\r\n    function clOpenModal(gameId) {\r\n        clCurrentGameId = gameId;\r\n        var game = clGamesData.find(g => g.id == gameId);\r\n        if (!game) return;\r\n\r\n        document.getElementById('clModalTitle').textContent = game.name;\r\n        document.getElementById('clModalBody').innerHTML = clBuildModalContent(game);\r\n        document.getElementById('clModalFooter').innerHTML = clIsLoggedIn && game.registration_open ? '<button class=\"cl-t-btn cl-t-btn-primary\" onclick=\"clShowRegistration()\">Inschrijven<\/button>' : '';\r\n\r\n        \/\/ Populate clan dropdown if needed\r\n        if (game.clan_required) clLoadClans(gameId);\r\n\r\n        document.getElementById('clTournamentModal').classList.add('active');\r\n    }\r\n\r\n    function clCloseModal() {\r\n        document.getElementById('clTournamentModal').classList.remove('active');\r\n        clCurrentGameId = null;\r\n    }\r\n\r\n    function clToggleRules() {\r\n        var content = document.getElementById('clRulesContent');\r\n        var arrow = document.getElementById('clRulesArrow');\r\n        if (content.style.display === 'block') {\r\n            content.style.display = 'none';\r\n            arrow.classList.remove('open');\r\n            arrow.textContent = '+';\r\n        } else {\r\n            content.style.display = 'block';\r\n            arrow.classList.add('open');\r\n            arrow.textContent = '\\u2212';\r\n        }\r\n    }\r\n\r\n    function clBuildModalContent(game) {\r\n        var html = '<div class=\"cl-t-info-grid\">';\r\n        html += '<div class=\"cl-t-info-item\"><label>Game Modus<\/label><span>'+game.game_mode+'<\/span><\/div>';\r\n        html += '<div class=\"cl-t-info-item\"><label>Team Grootte<\/label><span>'+game.team_size+' spelers<\/span><\/div>';\r\n        html += '<div class=\"cl-t-info-item\"><label>Bracket<\/label><span>'+game.bracket_type.replace(\/_\/g,' ').toUpperCase()+'<\/span><\/div>';\r\n        html += '<div class=\"cl-t-info-item\"><label>Max Teams<\/label><span>'+game.max_teams+'<\/span><\/div>';\r\n        html += '<\/div>';\r\n\r\n        if (game.rules) {\r\n            html += '<div class=\"cl-t-rules-toggle\" onclick=\"clToggleRules()\">';\r\n            html += '<span>Reglement<\/span>';\r\n            html += '<span class=\"cl-t-arrow\" id=\"clRulesArrow\">+<\/span>';\r\n            html += '<\/div>';\r\n            html += '<div class=\"cl-t-rules-content\" id=\"clRulesContent\"><div class=\"cl-t-rules\">'+game.rules+'<\/div><\/div>';\r\n        }\r\n\r\n        html += '<div id=\"clRegistrationForm\" style=\"display:none;\">';\r\n        html += clBuildRegistrationForm(game);\r\n        html += '<\/div>';\r\n\r\n        return html;\r\n    }\r\n\r\n    function clShowRegistration() {\r\n        var form = document.getElementById('clRegistrationForm');\r\n        if (form) {\r\n            form.style.display = 'block';\r\n            form.scrollIntoView({ behavior: 'smooth' });\r\n        }\r\n    }\r\n\r\n    function clBuildRegistrationForm(game) {\r\n        var html = '<h4 style=\"color:var(--cl-gold); font-size:12px; text-transform:uppercase; margin:15px 0 8px 0;\">Inschrijven<\/h4>';\r\n\r\n        \/\/ Clan selectie\r\n        if (game.clan_required == 1) {\r\n            html += '<div class=\"cl-t-field\"><label>Selecteer je Clan\/Groep<\/label>';\r\n            html += '<select id=\"clRegClan\" onchange=\"clClanChanged('+game.id+')\"><option value=\"\">-- Kies een clan --<\/option><\/select>';\r\n            html += '<div id=\"clRegClanNameWrap\" style=\"display:none; margin-top:8px;\"><input type=\"text\" id=\"clRegClanName\" placeholder=\"Teamnaam (optioneel)\"><\/div>';\r\n            html += '<\/div>';\r\n        } else if (game.clan_name_optional == 1) {\r\n            html += '<div class=\"cl-t-field\"><label>Teamnaam (optioneel)<\/label>';\r\n            html += '<input type=\"text\" id=\"clRegClanName\" placeholder=\"Bv. Team Awesome\">';\r\n            html += '<\/div>';\r\n        }\r\n\r\n        \/\/ Speler selecties\r\n        if (game.team_size > 1) {\r\n            html += '<div class=\"cl-t-field\"><label>Selecteer je team ('+game.team_size+' spelers, inclusief jezelf)<\/label>';\r\n            html += '<div class=\"cl-t-player-grid\" id=\"clPlayerSelects\">';\r\n            for (var i = 1; i <= game.team_size; i++) {\r\n                html += '<select id=\"clPlayer'+i+'\" class=\"cl-reg-player\" data-index=\"'+i+'\"><option value=\"\">-- Speler '+i+' --<\/option><\/select>';\r\n            }\r\n            html += '<\/div><div class=\"cl-t-hint\">Selecteer jezelf als captain + '+((game.team_size-1))+' teamleden<\/div><\/div>';\r\n        }\r\n\r\n        \/\/ Algemene voorwaarden\r\n        html += '<div class=\"cl-t-checkbox\">';\r\n        html += '<input type=\"checkbox\" id=\"clRegTerms\">';\r\n        html += '<label for=\"clRegTerms\">Ik heb de algemene voorwaarden en het reglement gelezen en ga hiermee akkoord.<\/label>';\r\n        html += '<\/div>';\r\n\r\n        html += '<button class=\"cl-t-btn cl-t-btn-primary\" id=\"clRegSubmit\" disabled onclick=\"clSubmitRegistration()\">REGISTER<\/button>';\r\n        html += '<div id=\"clRegMessage\" style=\"margin-top:10px; font-size:12px;\"><\/div>';\r\n\r\n        \/\/ Terms checkbox listener\r\n        setTimeout(function() {\r\n            var cb = document.getElementById('clRegTerms');\r\n            if (cb) cb.addEventListener('change', function() {\r\n                document.getElementById('clRegSubmit').disabled = !this.checked;\r\n            });\r\n        }, 100);\r\n\r\n        \/\/ Load players\r\n        clLoadPlayers();\r\n\r\n        return html;\r\n    }\r\n\r\n    function clLoadClans(gameId) {\r\n        fetch('https:\/\/coastalgaming.be\/coastlan\/wp-admin\/admin-ajax.php?action=cl_get_user_clans&game_id='+gameId)\r\n            .then(r => r.json())\r\n            .then(data => {\r\n                var sel = document.getElementById('clRegClan');\r\n                if (!sel) return;\r\n                if (data.success && data.data.length > 0) {\r\n                    data.data.forEach(c => {\r\n                        var opt = document.createElement('option');\r\n                        opt.value = c.id;\r\n                        opt.textContent = c.name;\r\n                        sel.appendChild(opt);\r\n                    });\r\n                } else {\r\n                    sel.innerHTML = '<option value=\"\">Geen clans gevonden. Maak eerst een clan aan.<\/option>';\r\n                }\r\n            });\r\n    }\r\n\r\n    function clClanChanged(gameId) {\r\n        var game = clGamesData.find(g => g.id == gameId);\r\n        var nameWrap = document.getElementById('clRegClanNameWrap');\r\n        if (nameWrap && game && game.clan_name_optional == 1) {\r\n            nameWrap.style.display = document.getElementById('clRegClan').value ? 'block' : 'none';\r\n        }\r\n    }\r\n\r\n    function clLoadPlayers() {\r\n        fetch('https:\/\/coastalgaming.be\/coastlan\/wp-admin\/admin-ajax.php?action=cl_get_available_players')\r\n            .then(r => r.json())\r\n            .then(data => {\r\n                if (!data.success) return;\r\n                var selects = document.querySelectorAll('.cl-reg-player');\r\n                selects.forEach(sel => {\r\n                    var current = sel.value;\r\n                    sel.innerHTML = '<option value=\"\">-- Speler --<\/option>';\r\n                    data.data.forEach(u => {\r\n                        var opt = document.createElement('option');\r\n                        opt.value = u.ID;\r\n                        opt.textContent = u.display_name;\r\n                        sel.appendChild(opt);\r\n                    });\r\n                    sel.value = current;\r\n                });\r\n            });\r\n    }\r\n\r\n    function clSubmitRegistration() {\r\n        var game = clGamesData.find(g => g.id == clCurrentGameId);\r\n        if (!game) return;\r\n\r\n        var formData = new FormData();\r\n        formData.append('action', 'cl_submit_registration');\r\n        formData.append('game_id', game.id);\r\n        formData.append('security', clNonce);\r\n\r\n        if (game.clan_required == 1) {\r\n            var clanVal = document.getElementById('clRegClan').value;\r\n            if (!clanVal) { clRegMsg('Selecteer een clan.', 'error'); return; }\r\n            formData.append('clan_id', clanVal);\r\n            var clanName = document.getElementById('clRegClanName');\r\n            if (clanName) formData.append('clan_name', clanName.value);\r\n        } else if (game.clan_name_optional == 1) {\r\n            var clanName = document.getElementById('clRegClanName');\r\n            if (clanName && clanName.value) formData.append('clan_name', clanName.value);\r\n        }\r\n\r\n        var players = [];\r\n        if (game.team_size > 1) {\r\n            for (var i = 1; i <= game.team_size; i++) {\r\n                var p = document.getElementById('clPlayer'+i).value;\r\n                if (!p) { clRegMsg('Selecteer alle teamleden.', 'error'); return; }\r\n                players.push(p);\r\n            }\r\n        }\r\n        formData.append('players', JSON.stringify(players));\r\n\r\n        document.getElementById('clRegSubmit').disabled = true;\r\n        document.getElementById('clRegSubmit').textContent = 'Verzenden...';\r\n\r\n        fetch('https:\/\/coastalgaming.be\/coastlan\/wp-admin\/admin-ajax.php', { method: 'POST', body: formData })\r\n            .then(r => r.json())\r\n            .then(data => {\r\n                if (data.success) {\r\n                    clRegMsg('Inschrijving succesvol! Status: PENDING', 'success');\r\n                    setTimeout(() => clCloseModal(), 2000);\r\n                } else {\r\n                    clRegMsg(data.data || 'Er ging iets fout.', 'error');\r\n                    document.getElementById('clRegSubmit').disabled = false;\r\n                    document.getElementById('clRegSubmit').textContent = 'REGISTER';\r\n                }\r\n            });\r\n    }\r\n\r\n    function clRegMsg(msg, type) {\r\n        var el = document.getElementById('clRegMessage');\r\n        if (el) {\r\n            el.textContent = msg;\r\n            el.style.color = type === 'success' ? '#28a745' : '#dc3545';\r\n        }\r\n    }\r\n\r\n    \/\/ Sluit modal bij klikken buiten\r\n    document.getElementById('clTournamentModal').addEventListener('click', function(e) {\r\n        if (e.target === this) clCloseModal();\r\n    });\r\n    <\/script>\r\n    <\/div>\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":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-11441","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coastalgaming.be\/coastlan\/wp-json\/wp\/v2\/pages\/11441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coastalgaming.be\/coastlan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coastalgaming.be\/coastlan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coastalgaming.be\/coastlan\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coastalgaming.be\/coastlan\/wp-json\/wp\/v2\/comments?post=11441"}],"version-history":[{"count":1,"href":"https:\/\/coastalgaming.be\/coastlan\/wp-json\/wp\/v2\/pages\/11441\/revisions"}],"predecessor-version":[{"id":11442,"href":"https:\/\/coastalgaming.be\/coastlan\/wp-json\/wp\/v2\/pages\/11441\/revisions\/11442"}],"wp:attachment":[{"href":"https:\/\/coastalgaming.be\/coastlan\/wp-json\/wp\/v2\/media?parent=11441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}