{"id":4835,"date":"2022-03-12T14:58:57","date_gmt":"2022-03-12T13:58:57","guid":{"rendered":"https:\/\/coastalgaming.be\/coastlan\/?page_id=4835"},"modified":"2026-05-13T22:03:59","modified_gmt":"2026-05-13T21:03:59","slug":"tickets","status":"publish","type":"page","link":"https:\/\/coastalgaming.be\/coastlan\/tickets\/","title":{"rendered":"shop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4835\" class=\"elementor elementor-4835\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f23a0b e-flex e-con-boxed e-con e-parent\" data-id=\"1f23a0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-335e80c e-con-full animated-fast e-transform e-flex e-con e-child\" data-id=\"335e80c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/youtu.be\\\/_dJDFGvkc1Y&quot;,&quot;background_video_start&quot;:60,&quot;animation&quot;:&quot;none&quot;,&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\" role=\"presentation\"><\/div>\n\t\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-b2ce45f elementor-widget elementor-widget-heading\" data-id=\"b2ce45f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">TICKETS<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee5d97e elementor-widget elementor-widget-heading\" data-id=\"ee5d97e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">WOULD YOU KINDLY BUY YOUR TICKET TO COASTLAN<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8bca82 e-flex e-con-boxed e-con e-parent\" data-id=\"b8bca82\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09d30d0 elementor-widget elementor-widget-shortcode\" data-id=\"09d30d0\" 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        :root {\n            --cl-cs-bg: #061d22;\n            --cl-cs-dark: #0a2e36;\n            --cl-cs-gold: #d3ba67;\n            --cl-cs-text: #eee;\n            --cl-cs-card-bg: rgba(0,0,0,0.5);\n        }\n        .cl-cs-wrap { font-family: system-ui,sans-serif; color: var(--cl-cs-text); border-radius: 16px; }\n        .cl-cs-header { text-align: center; margin-bottom: 40px; }\n        .cl-cs-header h1 { color: var(--cl-cs-gold); text-transform: uppercase; font-size: 2.2rem; margin: 0; }\n        .cl-cs-header p { color: #aaa; margin-top: 8px; font-size: 15px; }\n\n        .cl-cs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; max-width: 1200px; margin: 0 auto; }\n        .cl-cs-card {\n            background: var(--cl-cs-card-bg); border: 1px solid rgba(212,175,55,0.2); border-radius: 16px;\n            overflow: hidden; text-decoration: none; color: #fff; transition: all 0.3s ease; display: flex; flex-direction: column; cursor: pointer;\n        }\n        .cl-cs-card:hover { border-color: var(--cl-cs-gold); transform: translateY(-5px); }\n        .cl-cs-card.disabled { opacity: 0.5; cursor: default; }\n        .cl-cs-card.disabled:hover { transform: none; border-color: rgba(212,175,55,0.2); }\n        .cl-cs-soldout { position: relative; overflow: hidden; }\n        .cl-cs-soldout-banner {\n            position: absolute; top: 22px; left: -42px; z-index: 10;\n            background: #d3ba67; color: #000;\n            transform: rotate(-30deg); transform-origin: center;\n            padding: 4px 50px; font-size: 0.75rem; font-weight: 900;\n            text-transform: uppercase; letter-spacing: 2px;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.3);\n            white-space: nowrap; pointer-events: none;\n        }\n\n        .cl-cs-image {\n            height: 140px; display: flex; align-items: center; justify-content: center;\n            font-size: 3.5rem; background: rgba(255,255,255,0.05); position: relative;\n            background-size: cover; background-position: center;\n        }\n        .cl-cs-overlay {\n            position: absolute; inset: 0; background: rgba(6,29,34,0.95);\n            display: flex; flex-direction: column; justify-content: center; align-items: center;\n            padding: 15px; opacity: 0; transition: opacity 0.3s ease; font-size: 0.85rem; text-align: center;\n        }\n        .cl-cs-overlay p { color: #fff; }\n        .cl-cs-card:hover .cl-cs-overlay { opacity: 1; }\n\n        .cl-cs-info { padding: 15px; text-align: center; border-top: 1px solid rgba(255,255,255,0.1); }\n        .cl-cs-info h3 { margin: 0; color: var(--cl-cs-gold); font-size: 1.1rem; }\n        .cl-cs-price { display: block; font-size: 1.2rem; font-weight: bold; margin-top: 5px; color: #fff; }\n        .cl-cs-badge {\n            display: inline-block; padding: 4px 10px; border-radius: 4px;\n            font-size: 0.75rem; font-weight: bold; margin-top: 10px; text-transform: uppercase;\n        }\n        .cl-cs-badge-buy { background: #d3ba67; color: #000; }\n        .cl-cs-badge-info { background: #d3ba67; color: #000; }\n        .cl-cs-badge-options { background: #d3ba67; color: #000; }\n        .cl-cs-badge-request { background: #d3ba67; color: #000; }\n\n        \/* \u2500\u2500\u2500 MODAL \u2500\u2500\u2500 *\/\n        .cl-cs-modal-overlay {\n            display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 99999;\n            justify-content: center; align-items: center; padding: 20px;\n        }\n        .cl-cs-modal-overlay.active { display: flex; }\n        .cl-cs-modal {\n            background: #0a2e36; border: 1px solid var(--cl-cs-gold); border-radius: 14px;\n            max-width: 700px; width: 100%; max-height: 90vh; overflow-y: auto;\n            animation: clCsSlideIn 0.25s ease; position: relative;\n        }\n        .cl-cs-modal-close {\n            position: absolute; top: 12px; right: 16px; font-size: 28px; color: #888;\n            cursor: pointer; transition: 0.2s; line-height: 1; background: none; border: none;\n        }\n        .cl-cs-modal-close:hover { color: #fff; }\n        .cl-cs-modal-header { padding: 20px 25px 0; }\n        .cl-cs-modal-header h2 { color: var(--cl-cs-gold); margin: 0; font-size: 1.4rem; text-transform: uppercase; letter-spacing: 1px; }\n        .cl-cs-modal-body { padding: 20px 25px; }\n        .cl-cs-modal-footer { padding: 0 25px 20px; display: flex; gap: 10px; justify-content: flex-end; }\n\n        @keyframes clCsSlideIn { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }\n\n        \/* \u2500\u2500\u2500 TICKET OPTIONS IN MODAL \u2500\u2500\u2500 *\/\n        .cl-cs-ticket-options { display: grid; gap: 12px; }\n        .cl-cs-ticket-opt {\n            background: rgba(0,0,0,0.3); border: 1px solid rgba(212,175,55,0.2); border-radius: 10px;\n            padding: 16px; display: flex; justify-content: space-between; align-items: center;\n            transition: 0.2s; text-decoration: none !important; color: #fff;\n        }\n        .cl-cs-ticket-opt:hover { border-color: var(--cl-cs-gold); background: rgba(212,175,55,0.1); text-decoration: none !important; }\n        .cl-cs-ticket-opt-info h4 { margin: 0 0 4px; color: var(--cl-cs-gold); font-size: 1rem; text-decoration: none !important; }\n        .cl-cs-ticket-opt-info p { margin: 0; color: #aaa; font-size: 0.8rem; text-decoration: none !important; }\n        .cl-cs-ticket-opt-price { font-weight: bold; color: #fff; font-size: 1.1rem; white-space: nowrap; margin-left: 12px; text-decoration: none !important; }\n        .cl-cs-ticket-opt-btn {\n            background: #d3ba67; color: #000; border: none; border-radius: 6px;\n            padding: 8px 18px; font-weight: 700; font-size: 0.75rem; text-transform: uppercase;\n            cursor: pointer; transition: 0.2s; text-decoration: none !important; white-space: nowrap;\n        }\n        .cl-cs-ticket-opt-btn:hover { background: #c9ae56; transform: translateY(-1px); text-decoration: none !important; }\n\n        \/* \u2500\u2500\u2500 FORM ELEMENTS \u2500\u2500\u2500 *\/\n        .cl-cs-field { margin-bottom: 16px; }\n        .cl-cs-field label { display: block; font-size: 11px; text-transform: uppercase; color: #aaa; margin-bottom: 4px; font-weight: 600; letter-spacing: 0.5px; }\n        .cl-cs-field select, .cl-cs-field input[type=\"text\"], .cl-cs-field input[type=\"email\"] {\n            width: 100%; padding: 9px 12px; background: #111; border: 1px solid #444;\n            border-radius: 6px; color: #fff; font-size: 13px; box-sizing: border-box;\n        }\n        .cl-cs-field select:focus, .cl-cs-field input:focus { outline: none; border-color: var(--cl-cs-gold); }\n\n        .cl-cs-request-row {\n            background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.05);\n            border-radius: 8px; padding: 12px; margin-bottom: 10px;\n            display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap;\n        }\n        .cl-cs-request-row .cl-cs-field { margin-bottom: 0; flex: 1; min-width: 120px; }\n        .cl-cs-request-row .cl-cs-field:first-child { flex: 2; }\n        .cl-cs-remove-row {\n            background: #d3ba67; color: #000; border: none; border-radius: 4px;\n            width: 32px; height: 32px; cursor: pointer; font-size: 16px;\n            display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n        }\n        .cl-cs-remove-row:hover { background: #c9ae56; }\n\n        .cl-cs-btn {\n            padding: 10px 22px; border-radius: 6px; font-weight: 700; font-size: 12px;\n            text-transform: uppercase; letter-spacing: 1px; cursor: pointer; border: none; transition: 0.2s;\n        }\n        .cl-cs-btn-gold { background: #d3ba67; color: #000; }\n        .cl-cs-btn-gold:hover { background: #c9ae56; transform: translateY(-1px); }\n        .cl-cs-btn-secondary { background: #333; color: #ccc; }\n        .cl-cs-btn-secondary:hover { background: #444; }\n        .cl-cs-btn-add { background: #d3ba67; color: #000; display: flex; align-items: center; gap: 4px; }\n        .cl-cs-btn-add:hover { background: #c9ae56; }\n        .cl-cs-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none !important; }\n\n        .cl-cs-msg { margin-top: 12px; padding: 10px 14px; border-radius: 6px; font-size: 13px; display: none; }\n        .cl-cs-msg.success { display: block; background: rgba(211,186,103,0.15); border: 1px solid #d3ba67; color: #d3ba67; }\n        .cl-cs-msg.error { display: block; background: rgba(211,186,103,0.15); border: 1px solid #d3ba67; color: #d3ba67; }\n\n        .cl-cs-row-count { font-size: 11px; color: #888; margin-top: 8px; }\n\n        \/* \u2500\u2500\u2500 WAVE PROGRESS BAR \u2500\u2500\u2500 *\/\n        .cl-cs-wave-container { max-width: 620px; margin: 0 auto 30px; padding: 0 15px; }\n        .cl-cs-wave-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }\n        .cl-cs-wave-label { color: var(--cl-cs-gold); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; gap: 8px; }\n        .cl-cs-wave-num {\n            display: inline-flex; align-items: center; justify-content: center;\n            background: var(--cl-cs-gold); color: #000; font-size: 11px; font-weight: 800;\n            width: 24px; height: 24px; border-radius: 50%;\n        }\n        .cl-cs-wave-pct { color: #fff; font-weight: 700; font-size: 20px; }\n        .cl-cs-wave-bar {\n            height: 36px; background: rgba(0,0,0,0.5); border-radius: 18px; overflow: hidden; position: relative;\n            border: 1px solid rgba(212,175,55,0.15); box-shadow: inset 0 2px 6px rgba(0,0,0,0.4);\n        }\n        .cl-cs-wave-fill {\n            height: 100%; border-radius: 18px; transition: width 1s ease;\n            position: relative; overflow: hidden;\n            background: linear-gradient(180deg, #4a9eff 0%, #3b82f6 50%, #2563eb 100%);\n        }\n        .cl-cs-wave-fill::before {\n            content: \"\"; position: absolute; top: -10px; left: -50%; width: 200%; height: 22px;\n            background: rgba(255,255,255,0.12); border-radius: 45%;\n            animation: clCsWaveAnim 3.5s ease-in-out infinite;\n        }\n        .cl-cs-wave-fill::after {\n            content: \"\"; position: absolute; top: -4px; left: -35%; width: 200%; height: 16px;\n            background: rgba(255,255,255,0.06); border-radius: 40%;\n            animation: clCsWaveAnim 4.5s ease-in-out infinite reverse;\n        }\n        @keyframes clCsWaveAnim {\n            0%, 100% { transform: translateX(0) translateY(0); }\n            50% { transform: translateX(-25%) translateY(-4px); }\n        }\n        .cl-cs-wave-dots { display: flex; justify-content: center; gap: 6px; margin-top: 10px; flex-wrap: wrap; }\n        .cl-cs-wave-dot {\n            padding: 4px 14px; border-radius: 14px; font-size: 10px; font-weight: 700;\n            background: rgba(255,255,255,0.04); color: #555; text-transform: uppercase; letter-spacing: 0.5px;\n            border: 1px solid transparent; transition: all 0.3s;\n            position: relative; overflow: hidden;\n        }\n        .cl-cs-wave-dot.filled { color: #888; border-color: rgba(212,175,55,0.15); }\n        .cl-cs-wave-dot.active {\n            background: rgba(212,175,55,0.15); color: var(--cl-cs-gold); border-color: var(--cl-cs-gold);\n            box-shadow: 0 0 12px rgba(212,175,55,0.15);\n        }\n        .cl-cs-wave-dot.vol { border-color: var(--cl-cs-gold); }\n        .cl-cs-wave-dot-ribbon {\n            position: absolute; top: 0; left: -22px; z-index: 10;\n            background: #d3ba67; color: #000;\n            transform: rotate(-35deg); transform-origin: center;\n            padding: 1px 30px; font-size: 0.45rem; font-weight: 900;\n            text-transform: uppercase; letter-spacing: 1px;\n            box-shadow: 0 2px 6px rgba(0,0,0,0.3);\n            white-space: nowrap; pointer-events: none; line-height: 1.6;\n        }\n\n        @media (max-width: 600px) {\n            .cl-cs-modal { max-width: 100%; border-radius: 0; max-height: 100vh; }\n            .cl-cs-modal-overlay { padding: 0; }\n            .cl-cs-request-row { flex-direction: column; }\n            .cl-cs-request-row .cl-cs-field { min-width: 100%; }\n        }\n        <\/style>        <div class=\"cl-cs-wrap\" style=\"background:#061d22; padding:40px 15px;\">\n            <div class=\"cl-cs-header\">\n                <h1>Tickets & Registratie<\/h1>\n                <p>Verzeker je plek voor CoastLAN 2026<\/p>\n\n                <div class=\"cl-cs-wave-container\">\n                    <div class=\"cl-cs-wave-header\">\n                        <span class=\"cl-cs-wave-label\"><span class=\"cl-cs-wave-num\">2<\/span> Wave 2<\/span>\n                        <span class=\"cl-cs-wave-pct\">23%<\/span>\n                    <\/div>\n                    <div class=\"cl-cs-wave-bar\">\n                        <div class=\"cl-cs-wave-fill\" style=\"width: 23%;\"><\/div>\n                    <\/div>\n                    <div class=\"cl-cs-wave-dots\">\n                                                <span class=\"cl-cs-wave-dot filled out\">\n                            Wave 1                                                        <span class=\"cl-cs-wave-dot-ribbon\">OUT<\/span>\n                                                    <\/span>\n                                                <span class=\"cl-cs-wave-dot active\">\n                            Wave 2                                                    <\/span>\n                                                <span class=\"cl-cs-wave-dot \">\n                            Wave 3                                                    <\/span>\n                                                <span class=\"cl-cs-wave-dot \">\n                            Wave 4                                                    <\/span>\n                                                <span class=\"cl-cs-wave-dot \">\n                            Wave 5                                                    <\/span>\n                                            <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"cl-cs-grid\">\n                <!-- PRODUCT 1: Ticket + Seat -->\n                <div class=\"cl-cs-card\" onclick=\"clCsOpenTicketModal()\">\n                    <div class=\"cl-cs-image\" style=\"background-image:url(https:\/\/coastalgaming.be\/coastlan\/wp-content\/uploads\/2026\/05\/1-1.jpg);\">                        <div class=\"cl-cs-overlay\">\n                            <p>Entry ticket + Speedseat naar keuze.<\/p>\n                            <span class=\"cl-cs-badge cl-cs-badge-options\">Bekijk Opties<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"cl-cs-info\">\n                        <h3>Ticket + Seat<\/h3>\n                        <span class=\"cl-cs-price\">3 opties<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- PRODUCT 2: VIP-Ticket -->\n                                <div class=\"cl-cs-card cl-cs-soldout disabled\" title=\"Uitverkocht\">\n                    <span class=\"cl-cs-soldout-banner\">SOLD OUT<\/span>\n                    <div class=\"cl-cs-image\" style=\"background-image:url(https:\/\/coastalgaming.be\/coastlan\/wp-content\/uploads\/2026\/05\/2.jpg);\">                        <div class=\"cl-cs-overlay\">\n                            <p>VIP-Ticket is uitverkocht.<\/p>\n                            <span class=\"cl-cs-badge cl-cs-badge-options\">Uitverkocht<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"cl-cs-info\">\n                        <h3>VIP-Ticket<\/h3>\n                        <span class=\"cl-cs-price\">Uitverkocht<\/span>\n                    <\/div>\n                <\/div>\n                \n                <!-- PRODUCT 3: Normal-Ticket -->\n                                <a href=\"https:\/\/coastalgaming.be\/coastlan\/product\/standaard-ticket\/\" class=\"cl-cs-card\">\n                    <div class=\"cl-cs-image\" style=\"background-image:url(https:\/\/coastalgaming.be\/coastlan\/wp-content\/uploads\/2026\/05\/3.jpg);\">                        <div class=\"cl-cs-overlay\">\n                            <p>Standaard ticket voor het hele weekend.<\/p>\n                            <span class=\"cl-cs-badge cl-cs-badge-buy\">Bekijk Product<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"cl-cs-info\">\n                        <h3>Normal-Ticket<\/h3>\n                        <span class=\"cl-cs-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">\u20ac<\/span>\u00a055,00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Oorspronkelijke prijs was: \u20ac\u00a055,00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">\u20ac<\/span>\u00a040,00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Huidige prijs is: \u20ac\u00a040,00.<\/span><\/span>\n                    <\/div>\n                <\/a>\n                \n                <!-- PRODUCT 4: Custom Ticket Request -->\n                <div class=\"cl-cs-card\" onclick=\"clCsOpenRequestModal()\">\n                    <div class=\"cl-cs-image\" style=\"background-image:url(https:\/\/coastalgaming.be\/coastlan\/wp-content\/uploads\/2026\/05\/2-1.jpg);\">                        <div class=\"cl-cs-overlay\">\n                            <p>Vraag een offerte aan voor je clan of groep (tot 40 pers).<\/p>\n                            <span class=\"cl-cs-badge cl-cs-badge-request\">Offerte Aanvragen<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"cl-cs-info\">\n                        <h3>Custom Ticket Request<\/h3>\n                        <span class=\"cl-cs-price\">Groepsaanvraag<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <!-- MODAL: Ticket + Seat opties -->\n        <div class=\"cl-cs-modal-overlay\" id=\"clCsTicketModal\">\n            <div class=\"cl-cs-modal\">\n                <button class=\"cl-cs-modal-close\" onclick=\"clCsCloseTicketModal()\">\u00d7<\/button>\n                <div class=\"cl-cs-modal-header\"><h2>Kies je Speedseat<\/h2><\/div>\n                <div class=\"cl-cs-modal-body\">\n                    <p style=\"color:#aaa; margin-bottom:18px;\">Elk Ticket + Seat geeft je een vaste plek in de seatmap. Kies jouw type:<\/p>\n                    <div class=\"cl-cs-ticket-options\">\n                                <a href=\"https:\/\/coastalgaming.be\/coastlan\/product\/ticket-sport\/\" class=\"cl-cs-ticket-opt\">\n            <div style=\"display:flex;align-items:center;gap:14px;\">\n                <span style=\"background-image:url(https:\/\/coastalgaming.be\/coastlan\/wp-content\/uploads\/2026\/05\/4.jpg);background-size:cover;background-position:center;width:48px;height:48px;border-radius:8px;flex-shrink:0;\"><\/span>\n                <div class=\"cl-cs-ticket-opt-info\">\n                    <h4>Speedseat Sport<\/h4>\n                    <p>Stoere, sportieve seat \u2014 ideaal voor competitieve gamers.<\/p>\n                <\/div>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;\">\n                <span class=\"cl-cs-ticket-opt-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">\u20ac<\/span>\u00a090,00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Oorspronkelijke prijs was: \u20ac\u00a090,00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">\u20ac<\/span>\u00a072,50<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Huidige prijs is: \u20ac\u00a072,50.<\/span><\/span>\n                <span class=\"cl-cs-ticket-opt-btn\">Bekijk Product<\/span>\n            <\/div>\n        <\/a>\n                                        <a href=\"https:\/\/coastalgaming.be\/coastlan\/product\/ticket-comfort\/\" class=\"cl-cs-ticket-opt\">\n            <div style=\"display:flex;align-items:center;gap:14px;\">\n                <span style=\"background-image:url(https:\/\/coastalgaming.be\/coastlan\/wp-content\/uploads\/2026\/05\/5.jpg);background-size:cover;background-position:center;width:48px;height:48px;border-radius:8px;flex-shrink:0;\"><\/span>\n                <div class=\"cl-cs-ticket-opt-info\">\n                    <h4>Speedseat Comfort<\/h4>\n                    <p>Extra padding en ergonomie voor lange sessies.<\/p>\n                <\/div>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;\">\n                <span class=\"cl-cs-ticket-opt-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">\u20ac<\/span>\u00a095,00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Oorspronkelijke prijs was: \u20ac\u00a095,00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">\u20ac<\/span>\u00a077,50<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Huidige prijs is: \u20ac\u00a077,50.<\/span><\/span>\n                <span class=\"cl-cs-ticket-opt-btn\">Bekijk Product<\/span>\n            <\/div>\n        <\/a>\n                                        <a href=\"https:\/\/coastalgaming.be\/coastlan\/product\/ticket-relax\/\" class=\"cl-cs-ticket-opt\">\n            <div style=\"display:flex;align-items:center;gap:14px;\">\n                <span style=\"background-image:url(https:\/\/coastalgaming.be\/coastlan\/wp-content\/uploads\/2026\/05\/6.jpg);background-size:cover;background-position:center;width:48px;height:48px;border-radius:8px;flex-shrink:0;\"><\/span>\n                <div class=\"cl-cs-ticket-opt-info\">\n                    <h4>Speedseat Relax<\/h4>\n                    <p>Maximale relax-stand met voetensteun. Ultimate chill.<\/p>\n                <\/div>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;\">\n                <span class=\"cl-cs-ticket-opt-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">\u20ac<\/span>\u00a0100,00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Oorspronkelijke prijs was: \u20ac\u00a0100,00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">\u20ac<\/span>\u00a082,50<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Huidige prijs is: \u20ac\u00a082,50.<\/span><\/span>\n                <span class=\"cl-cs-ticket-opt-btn\">Bekijk Product<\/span>\n            <\/div>\n        <\/a>\n                            <\/div>\n                <\/div>\n                <div class=\"cl-cs-modal-footer\">\n                    <button class=\"cl-cs-btn cl-cs-btn-secondary\" onclick=\"clCsCloseTicketModal()\">Sluiten<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- MODAL: VIP opties -->\n        <div class=\"cl-cs-modal-overlay\" id=\"clCsVIPModal\">\n            <div class=\"cl-cs-modal\">\n                <button class=\"cl-cs-modal-close\" onclick=\"clCsCloseVIPModal()\">\u00d7<\/button>\n                <div class=\"cl-cs-modal-header\"><h2>Kies je VIP-Ticket<\/h2><\/div>\n                <div class=\"cl-cs-modal-body\">\n                    <p style=\"color:#aaa; margin-bottom:18px;\">Elk VIP-Ticket geeft je extra ruimte en comfort. Kies jouw type:<\/p>\n                    <div class=\"cl-cs-ticket-options\">\n                                <a href=\"https:\/\/coastalgaming.be\/coastlan\/product\/vip-upgrade\/\" class=\"cl-cs-ticket-opt\">\n            <div style=\"display:flex;align-items:center;gap:14px;\">\n                <span style=\"background-image:url(https:\/\/coastalgaming.be\/coastlan\/wp-content\/uploads\/2026\/05\/2.jpg);background-size:cover;background-position:center;width:48px;height:48px;border-radius:8px;flex-shrink:0;\"><\/span>\n                <div class=\"cl-cs-ticket-opt-info\">\n                    <h4>VIP<\/h4>\n                                    <\/div>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;\">\n                <span class=\"cl-cs-ticket-opt-price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">\u20ac<\/span>\u00a0125,00<\/bdi><\/span><\/span>\n                <span class=\"cl-cs-ticket-opt-btn\">Bekijk Product<\/span>\n            <\/div>\n        <\/a>\n                                        <a href=\"https:\/\/coastalgaming.be\/coastlan\/product\/coastlan-vip\/\" class=\"cl-cs-ticket-opt\">\n            <div style=\"display:flex;align-items:center;gap:14px;\">\n                <span style=\"background-image:url(https:\/\/coastalgaming.be\/coastlan\/wp-content\/uploads\/2026\/05\/1.jpg);background-size:cover;background-position:center;width:48px;height:48px;border-radius:8px;flex-shrink:0;\"><\/span>\n                <div class=\"cl-cs-ticket-opt-info\">\n                    <h4>VIP+<\/h4>\n                                    <\/div>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;\">\n                <span class=\"cl-cs-ticket-opt-price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">\u20ac<\/span>\u00a0175,00<\/bdi><\/span><\/span>\n                <span class=\"cl-cs-ticket-opt-btn\">Bekijk Product<\/span>\n            <\/div>\n        <\/a>\n                            <\/div>\n                <\/div>\n                <div class=\"cl-cs-modal-footer\">\n                    <button class=\"cl-cs-btn cl-cs-btn-secondary\" onclick=\"clCsCloseVIPModal()\">Sluiten<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- MODAL: Custom Ticket Request -->\n        <div class=\"cl-cs-modal-overlay\" id=\"clCsRequestModal\">\n            <div class=\"cl-cs-modal\">\n                <button class=\"cl-cs-modal-close\" onclick=\"clCsCloseRequestModal()\">\u00d7<\/button>\n                <div class=\"cl-cs-modal-header\"><h2>Custom Ticket Aanvraag<\/h2><\/div>\n                <div class=\"cl-cs-modal-body\">\n                    <p style=\"color:#aaa; margin-bottom:18px;\">Vraag een offerte aan voor jouw clan of groep. Vul je gegevens in en voeg spelers toe.<\/p>\n\n                    <form id=\"clCsRequestForm\">\n                        <input type=\"hidden\" name=\"action\" value=\"cl_cs_submit_request\">\n                        <input type=\"hidden\" name=\"security\" value=\"92953a669e\">\n\n                        <div class=\"cl-cs-field\">\n                            <label>Discord Gebruikersnaam *<\/label>\n                            <input type=\"text\" id=\"clCsDiscord\" name=\"discord_username\" required placeholder=\"vb. speler#1234\">\n                        <\/div>\n\n                        <div class=\"cl-cs-field\">\n                            <label>Clan (optioneel)<\/label>\n                            <select id=\"clCsClan\" name=\"clan_id\">\n                                <option value=\"\">-- Geen clan \/ Solo --<\/option>\n                            <\/select>\n                        <\/div>\n\n                        <div class=\"cl-cs-field\">\n                            <label>Spelers & Ticket Types<\/label>\n                            <div id=\"clCsRequestRows\">\n                                        <div class=\"cl-cs-request-row\">\n            <div class=\"cl-cs-field\">\n                <label>Speler Naam<\/label>\n                <input type=\"text\" class=\"clCsPlayerName\" placeholder=\"Naam speler\" required>\n            <\/div>\n            <div class=\"cl-cs-field\">\n                <label>Ticket Type<\/label>\n                <select class=\"clCsTicketType\" required>\n                                            <option value=\"VIP -\">VIP -<\/option>\n                                            <option value=\"VIP +\">VIP +<\/option>\n                                            <option value=\"Normal-Ticket\">Normal-Ticket<\/option>\n                                            <option value=\"Speedseat Sport\">Speedseat Sport<\/option>\n                                            <option value=\"Speedseat Comfort\">Speedseat Comfort<\/option>\n                                            <option value=\"Speedseat Relax\">Speedseat Relax<\/option>\n                                    <\/select>\n            <\/div>\n                    <\/div>\n                                    <\/div>\n                            <button type=\"button\" class=\"cl-cs-btn cl-cs-btn-add\" onclick=\"clCsAddRow()\">+ Speler Toevoegen<\/button>\n                            <div class=\"cl-cs-row-count\" id=\"clCsRowCount\">1 \/ 40 spelers<\/div>\n                        <\/div>\n\n                        <div id=\"clCsRequestMsg\" class=\"cl-cs-msg\"><\/div>\n                    <\/form>\n                <\/div>\n                <div class=\"cl-cs-modal-footer\">\n                    <button class=\"cl-cs-btn cl-cs-btn-secondary\" onclick=\"clCsCloseRequestModal()\">Annuleren<\/button>\n                    <button class=\"cl-cs-btn cl-cs-btn-gold\" onclick=\"clCsSubmitRequest()\">Offerte Aanvragen<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n        \/\/ \u2500\u2500\u2500 TICKET + SEAT MODAL \u2500\u2500\u2500\n        function clCsOpenTicketModal() {\n            document.getElementById('clCsTicketModal').classList.add('active');\n        }\n        function clCsCloseTicketModal() {\n            document.getElementById('clCsTicketModal').classList.remove('active');\n        }\n\n        \/\/ \u2500\u2500\u2500 VIP MODAL \u2500\u2500\u2500\n        function clCsOpenVIPModal() {\n            document.getElementById('clCsVIPModal').classList.add('active');\n        }\n        function clCsCloseVIPModal() {\n            document.getElementById('clCsVIPModal').classList.remove('active');\n        }\n\n        \/\/ \u2500\u2500\u2500 CUSTOM REQUEST MODAL \u2500\u2500\u2500\n        var clCsRowIndex = 0;\n        var clCsMaxRows = 40;\n\n        function clCsOpenRequestModal() {\n            if (!false) {\n                window.location.href = 'https:\/\/coastalgaming.be\/coastlan\/wp-login.php?redirect_to=https%3A%2F%2Fcoastalgaming.be%2Fcoastlan%2Ftickets%2F';\n                return;\n            }\n            document.getElementById('clCsRequestModal').classList.add('active');\n            clCsLoadClans();\n        }\n        function clCsCloseRequestModal() {\n            document.getElementById('clCsRequestModal').classList.remove('active');\n        }\n\n        function clCsLoadClans() {\n            var sel = document.getElementById('clCsClan');\n            if (sel && sel.options.length > 1) return;\n            fetch('https:\/\/coastalgaming.be\/coastlan\/wp-admin\/admin-ajax.php?action=cl_cs_get_clans')\n                .then(r => r.json())\n                .then(data => {\n                    if (data.success && data.data) {\n                        data.data.forEach(function(c) {\n                            var opt = document.createElement('option');\n                            opt.value = c.id;\n                            opt.textContent = c.name;\n                            sel.appendChild(opt);\n                        });\n                    }\n                });\n        }\n\n        function clCsAddRow() {\n            if (clCsRowIndex >= clCsMaxRows - 1) {\n                alert('Maximum 40 spelers bereikt.');\n                return;\n            }\n            clCsRowIndex++;\n            var container = document.getElementById('clCsRequestRows');\n            var div = document.createElement('div');\n            div.className = 'cl-cs-request-row';\n            div.innerHTML =\n                '<div class=\"cl-cs-field\"><label>Speler Naam<\/label><input type=\"text\" class=\"clCsPlayerName\" name=\"player_' + clCsRowIndex + '\" placeholder=\"Naam speler\" required><\/div>' +\n                '<div class=\"cl-cs-field\"><label>Ticket Type<\/label><select class=\"clCsTicketType\" name=\"ticket_' + clCsRowIndex + '\" required>' +\n                '<option value=\"VIP -\">VIP -<\/option><option value=\"VIP +\">VIP +<\/option><option value=\"Normal-Ticket\">Normal-Ticket<\/option><option value=\"Speedseat Sport\">Speedseat Sport<\/option><option value=\"Speedseat Comfort\">Speedseat Comfort<\/option><option value=\"Speedseat Relax\">Speedseat Relax<\/option>' +\n                '<\/select><\/div>' +\n                '<button type=\"button\" class=\"cl-cs-remove-row\" onclick=\"clCsRemoveRow(this)\" title=\"Verwijderen\">\u00d7<\/button>';\n            container.appendChild(div);\n            clCsUpdateRowCount();\n        }\n\n        function clCsRemoveRow(btn) {\n            btn.parentElement.remove();\n            clCsUpdateRowCount();\n        }\n\n        function clCsUpdateRowCount() {\n            var rows = document.querySelectorAll('#clCsRequestRows .cl-cs-request-row');\n            document.getElementById('clCsRowCount').textContent = rows.length + ' \/ ' + clCsMaxRows + ' spelers';\n        }\n\n        function clCsSubmitRequest() {\n            var discord = document.getElementById('clCsDiscord').value.trim();\n            if (!discord) {\n                document.getElementById('clCsRequestMsg').className = 'cl-cs-msg error';\n                document.getElementById('clCsRequestMsg').textContent = 'Vul je Discord gebruikersnaam in.';\n                document.getElementById('clCsRequestMsg').style.display = 'block';\n                return;\n            }\n\n            var rows = document.querySelectorAll('#clCsRequestRows .cl-cs-request-row');\n            if (rows.length === 0) {\n                document.getElementById('clCsRequestMsg').className = 'cl-cs-msg error';\n                document.getElementById('clCsRequestMsg').textContent = 'Voeg minstens 1 speler toe.';\n                document.getElementById('clCsRequestMsg').style.display = 'block';\n                return;\n            }\n\n            var items = [];\n            var valid = true;\n            rows.forEach(function(row) {\n                var name = row.querySelector('.clCsPlayerName').value.trim();\n                var ticket = row.querySelector('.clCsTicketType').value;\n                if (!name) { valid = false; return; }\n                items.push({ player_name: name, ticket_type: ticket });\n            });\n\n            if (!valid) {\n                document.getElementById('clCsRequestMsg').className = 'cl-cs-msg error';\n                document.getElementById('clCsRequestMsg').textContent = 'Vul alle spelersnamen in.';\n                document.getElementById('clCsRequestMsg').style.display = 'block';\n                return;\n            }\n\n            var formData = new FormData();\n            formData.append('action', 'cl_cs_submit_request');\n            formData.append('security', '92953a669e');\n            formData.append('discord_username', discord);\n            formData.append('clan_id', document.getElementById('clCsClan').value);\n            formData.append('items', JSON.stringify(items));\n\n            var btn = document.querySelector('#clCsRequestModal .cl-cs-btn-gold');\n            btn.disabled = true;\n            btn.textContent = 'Bezig...';\n\n            fetch('https:\/\/coastalgaming.be\/coastlan\/wp-admin\/admin-ajax.php', { method: 'POST', body: formData })\n                .then(r => r.json())\n                .then(data => {\n                    var msg = document.getElementById('clCsRequestMsg');\n                    if (data.success) {\n                        msg.className = 'cl-cs-msg success';\n                        msg.textContent = 'Aanvraag succesvol ingediend! We nemen spoedig contact met je op via Discord.';\n                        msg.style.display = 'block';\n                        btn.textContent = 'Verzonden \u2713';\n                        btn.disabled = true;\n                        setTimeout(function() { clCsCloseRequestModal(); }, 3000);\n                    } else {\n                        msg.className = 'cl-cs-msg error';\n                        msg.textContent = data.data || 'Er ging iets fout.';\n                        msg.style.display = 'block';\n                        btn.disabled = false;\n                        btn.textContent = 'Offerte Aanvragen';\n                    }\n                })\n                .catch(function() {\n                    document.getElementById('clCsRequestMsg').className = 'cl-cs-msg error';\n                    document.getElementById('clCsRequestMsg').textContent = 'Netwerkfout. Probeer opnieuw.';\n                    document.getElementById('clCsRequestMsg').style.display = 'block';\n                    btn.disabled = false;\n                    btn.textContent = 'Offerte Aanvragen';\n                });\n        }\n\n        \/\/ \u2500\u2500\u2500 SLUITEN OP OVERLAY KLIK \u2500\u2500\u2500\n        document.addEventListener('click', function(e) {\n            if (e.target.classList.contains('cl-cs-modal-overlay')) {\n                e.target.classList.remove('active');\n            }\n        });\n\n        \/\/ \u2500\u2500\u2500 KEYBOARD SLUITEN \u2500\u2500\u2500\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                document.querySelectorAll('.cl-cs-modal-overlay.active').forEach(function(el) {\n                    el.classList.remove('active');\n                });\n            }\n        });\n\n        \/\/ Laad eerste rij clans (voor de initi\u00eble rij indien nodig)\n        document.addEventListener('DOMContentLoaded', function() {\n            clCsLoadClans();\n        });\n        <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TICKETS WOULD YOU KINDLY BUY YOUR TICKET TO COASTLAN<\/p>\n","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-4835","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coastalgaming.be\/coastlan\/wp-json\/wp\/v2\/pages\/4835","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=4835"}],"version-history":[{"count":186,"href":"https:\/\/coastalgaming.be\/coastlan\/wp-json\/wp\/v2\/pages\/4835\/revisions"}],"predecessor-version":[{"id":11632,"href":"https:\/\/coastalgaming.be\/coastlan\/wp-json\/wp\/v2\/pages\/4835\/revisions\/11632"}],"wp:attachment":[{"href":"https:\/\/coastalgaming.be\/coastlan\/wp-json\/wp\/v2\/media?parent=4835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}