{"id":4435,"date":"2025-01-13T15:55:12","date_gmt":"2025-01-13T14:55:12","guid":{"rendered":"https:\/\/www.gamingchairs.eu\/events-list-style\/"},"modified":"2025-01-13T15:55:12","modified_gmt":"2025-01-13T14:55:12","slug":"events-list-style","status":"publish","type":"page","link":"https:\/\/www.gamingchairs.eu\/nl\/events-list-style\/","title":{"rendered":"Events \u2013 List Style"},"content":{"rendered":"                <div class='mage list_with_filter_section mep_event_list' id='mage-container'>\n\t\t\t\t\t                            <div class=\"all_filter_item mep_event_list_sec\" id='mep_event_list_abr69e5e08d74311'\n                                 data-unq-id=\"abr69e5e08d74311\"\n                                 data-style=\"list\"\n                                 data-column=\"1\"\n                                 data-cat=\"0\"\n                                 data-org=\"0\"\n                                 data-tag=\"0\"\n                                 data-city=\"\"\n                                 data-country=\"\"\n                                 data-status=\"upcoming\"\n                                 data-year=\"\"\n                                 data-sort=\"ASC\"\n                                 data-show=\"-1\"\n                                 data-pagination=\"yes\"\n                                 data-pagination-style=\"load_more\"\n                            >\n                                <div class=\"mage_grid_box \" id=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t    <div class='filter_item mep-event-list-loop mix one_column event-availabe-seat  mep_event_list_item  abr69e5e08d74311mage-393 abr69e5e08d74311mage-361 '\r\n         data-title=\"PTX-LAN\"\r\n         data-city-name=\"Waregem\"\r\n         data-state=\"\"\r\n         data-date=\"2026-05-01\"\r\n         data-category=\"Lan party\"\r\n         data-organizer=\"Pertinax Esports\"\r\n         style=\"width:calc(100% - 14px);\">\r\n\t\t\t\t                    <div class=\"mep-ev-start-date\">\r\n                        <div class=\"mep-day\">01<\/div>\r\n                        <div class=\"mep-month\">mei<\/div>\r\n                    <\/div>\r\n\t\t\t\t\t\t\r\n\t\t                <div class=\"mep_list_thumb mpwem_style\">\r\n                    <div data-href=\"https:\/\/www.gamingchairs.eu\/nl\/event\/ptx-lan\/\" data-bg-image=\"https:\/\/www.gamingchairs.eu\/wp-content\/uploads\/2026\/01\/Twitter_PTXLAN_2-1.jpg.webp\"><\/div>\r\n\t\t\t\t\t                <div class=\"mepev-ribbons\">\r\n\t\t\t\t\t                <\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t        <div class=\"mep_list_event_details\">\r\n            <a href=\"https:\/\/www.gamingchairs.eu\/nl\/event\/ptx-lan\/\">\r\n                <h5 class='mep_list_title'>PTX-LAN<\/h5>\r\n\t\t\t\t                        <div class=\"mep-event-excerpt\">\r\n\t\t\t\t\t\t\tErvaar de ultieme gaming-sfeer met ons toonaangevende PTX-LAN-event. Sluit je aan op een locatie vol geschiedenis: de iconische voormalige site van Breakout. We blazen deze oude, bekende plek nieuw leven in om frisse ...                        <\/div>\r\n\t\t\t\t\t                    <div class=\"list_content upcomming_organizer\">\r\n                        <span class=\"far fa-list-alt\"><\/span>\r\n\t\t\t\t\tOrganisator: Pertinax Esports                    <\/div>\r\n\t\t\t                    <div class=\"list_content upcomming_location\">\r\n                        <span class=\"mi mi-marker\"><\/span>\r\n\t\t\t\t\t\tLocation :  Waregem Expo                    <\/div>\r\n\t\t\t\t                    <div class=\"list_content upcomming_date_only_only\">\r\n                        <span class=\"far fa-calendar-alt\"><\/span>1 mei 2026  18:00                    <\/div>\r\n\t\t\t\t            <\/a>\r\n\t\t\t        <\/div>\r\n\t\t    <\/div>\r\n    <div class='filter_item mep-event-list-loop mix one_column event-availabe-seat  mep_event_list_item  abr69e5e08d74311mage-371 abr69e5e08d74311mage-361 '\r\n         data-title=\"The Basement LAN 2026\"\r\n         data-city-name=\"Kerkrade\"\r\n         data-state=\"\"\r\n         data-date=\"2026-10-16\"\r\n         data-category=\"Lan party\"\r\n         data-organizer=\"Stichting The Basement LAN\"\r\n         style=\"width:calc(100% - 14px);\">\r\n\t\t\t\t                    <div class=\"mep-ev-start-date\">\r\n                        <div class=\"mep-day\">16<\/div>\r\n                        <div class=\"mep-month\">okt<\/div>\r\n                    <\/div>\r\n\t\t\t\t\t\t\r\n\t\t                <div class=\"mep_list_thumb mpwem_style\">\r\n                    <div data-href=\"https:\/\/www.gamingchairs.eu\/nl\/event\/the-basement-lan-2026\/\" data-bg-image=\"https:\/\/www.gamingchairs.eu\/wp-content\/uploads\/2025\/12\/ServerLogoGlow.png\"><\/div>\r\n\t\t\t\t\t                <div class=\"mepev-ribbons\">\r\n\t\t\t\t\t                <\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t        <div class=\"mep_list_event_details\">\r\n            <a href=\"https:\/\/www.gamingchairs.eu\/nl\/event\/the-basement-lan-2026\/\">\r\n                <h5 class='mep_list_title'>The Basement LAN 2026<\/h5>\r\n\t\t\t\t                        <div class=\"mep-event-excerpt\">\r\n\t\t\t\t\t\t\tBen je klaar voor een weekend vol spanning, competitie en gezelligheid? Sluit je aan bij The Basement LAN, waar gamers van alle niveaus samenkomen om te strijden op zowel consoles als pc\u2019s!                        <\/div>\r\n\t\t\t\t\t                    <div class=\"list_content upcomming_organizer\">\r\n                        <span class=\"far fa-list-alt\"><\/span>\r\n\t\t\t\t\tOrganisator: Stichting The Basement LAN                    <\/div>\r\n\t\t\t                    <div class=\"list_content upcomming_location\">\r\n                        <span class=\"mi mi-marker\"><\/span>\r\n\t\t\t\t\t\tLocation :  t Westhoes                    <\/div>\r\n\t\t\t\t                    <div class=\"list_content upcomming_date_only_only\">\r\n                        <span class=\"far fa-calendar-alt\"><\/span>16 oktober 2026  16:00                    <\/div>\r\n\t\t\t\t            <\/a>\r\n\t\t\t        <\/div>\r\n\t\t    <\/div>\r\n    <div class='filter_item mep-event-list-loop mix one_column event-availabe-seat  mep_event_list_item  abr69e5e08d74311mage-362 abr69e5e08d74311mage-361 '\r\n         data-title=\"Test Lan Party\"\r\n         data-city-name=\"Bruxelles\"\r\n         data-state=\"\"\r\n         data-date=\"2027-01-01\"\r\n         data-category=\"Lan party\"\r\n         data-organizer=\"GCE\"\r\n         style=\"width:calc(100% - 14px);\">\r\n\t\t\t\t                    <div class=\"mep-ev-start-date\">\r\n                        <div class=\"mep-day\">01<\/div>\r\n                        <div class=\"mep-month\">jan<\/div>\r\n                    <\/div>\r\n\t\t\t\t\t\t\r\n\t\t                <div class=\"mep_list_thumb mpwem_style\">\r\n                    <div data-href=\"https:\/\/www.gamingchairs.eu\/event\/test-lan-party\/\" data-bg-image=\"https:\/\/www.gamingchairs.eu\/wp-content\/uploads\/2025\/01\/Gaming_Chairs_Events_800x200_Emailings.jpg\"><\/div>\r\n\t\t\t\t\t                <div class=\"mepev-ribbons\">\r\n\t\t\t\t\t                <\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t        <div class=\"mep_list_event_details\">\r\n            <a href=\"https:\/\/www.gamingchairs.eu\/event\/test-lan-party\/\">\r\n                <h5 class='mep_list_title'>Test Lan Party<\/h5>\r\n\t\t\t\t                        <div class=\"mep-event-excerpt\">\r\n\t\t\t\t\t\t\tThis is a test event to show you how gamers can rent a gaming chair for your lanparty. Here we will describe and promote your event.                        <\/div>\r\n\t\t\t\t\t                    <div class=\"list_content upcomming_organizer\">\r\n                        <span class=\"far fa-list-alt\"><\/span>\r\n\t\t\t\t\tOrganisator: GCE                    <\/div>\r\n\t\t\t                    <div class=\"list_content upcomming_location\">\r\n                        <span class=\"mi mi-marker\"><\/span>\r\n\t\t\t\t\t\tLocation :  Palais 12                    <\/div>\r\n\t\t\t\t                    <div class=\"list_content upcomming_date_only_only\">\r\n                        <span class=\"far fa-calendar-alt\"><\/span>1 januari 2027  18:00                    <\/div>\r\n\t\t\t\t            <\/a>\r\n\t\t\t        <\/div>\r\n\t\t    <\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                <\/div>\n                            <\/div>\n\t\t\t\t\t\t\t                <input type=\"hidden\" name=\"pagination_per_page\" value=\"10\"\/>\n                <input type=\"hidden\" name=\"pagination_style\" value=\"load_more\"\/>\n\t\t\t\t                <\/div>\n                <script>\n                    jQuery(document).ready(function () {\n                        var containerEl = document.querySelector('#mep_event_list_abr69e5e08d74311');\n                        var mixer = mixitup(containerEl, {\n                            selectors: {\n                                target: '.mep-event-list-loop',\n                                control: '[data-mixitup-control]'\n                            }\n                        });\n                        \/\/ Handle title filter input\n                        jQuery('input[name=\"filter_with_title\"]').on('keyup', function () {\n                            var searchText = jQuery(this).val().toLowerCase();\n                            var items = jQuery('.mep-event-list-loop');\n                            items.each(function () {\n                                var itemTitle = jQuery(this).data('title').toLowerCase();\n                                if (itemTitle.indexOf(searchText) > -1) {\n                                    jQuery(this).show();\n                                } else {\n                                    jQuery(this).hide();\n                                }\n                            });\n                        });\n                        \/\/ Handle date filter change\n                        jQuery('input[name=\"filter_with_date\"]').on('change', function () {\n                            var selectedDate = jQuery(this).val();\n                            var items = jQuery('.mep-event-list-loop');\n                            if (!selectedDate) {\n                                items.show();\n                            } else {\n                                var filterDate = new Date(selectedDate);\n                                filterDate.setHours(0, 0, 0, 0); \/\/ Reset time part for date comparison\n                                items.each(function () {\n                                    var itemDate = new Date(jQuery(this).data('date'));\n                                    itemDate.setHours(0, 0, 0, 0); \/\/ Reset time part for date comparison\n                                    if (itemDate.getTime() === filterDate.getTime()) {\n                                        jQuery(this).show();\n                                    } else {\n                                        jQuery(this).hide();\n                                    }\n                                });\n                            }\n                        });\n                        \/\/ Handle state filter change\n                        jQuery('select[name=\"filter_with_state\"]').on('change', function () {\n                            var state = jQuery(this).val();\n                            var items = jQuery('.mep-event-list-loop');\n                            if (state === '') {\n                                items.show();\n                            } else {\n                                items.each(function () {\n                                    var itemState = jQuery(this).data('state');\n                                    if (itemState === state) {\n                                        jQuery(this).show();\n                                    } else {\n                                        jQuery(this).hide();\n                                    }\n                                });\n                            }\n                        });\n                        \/\/ Handle city filter change\n                        jQuery('select[name=\"filter_with_city\"]').on('change', function () {\n                            applyAllFilters();\n                        });\n                        \/\/ Handle category filter change\n                        jQuery('select[name=\"filter_with_category\"]').on('change', function () {\n                            applyAllFilters();\n                        });\n                        \/\/ Handle organizer filter change\n                        jQuery('select[name=\"filter_with_organizer\"]').on('change', function () {\n                            applyAllFilters();\n                        });\n                        \/\/ Combined filter function that applies all filters\n                        function applyAllFilters() {\n                            var titleFilter = jQuery('input[name=\"filter_with_title\"]').val().toLowerCase();\n                            var dateFilter = jQuery('input[name=\"filter_with_date\"]').val();\n                            var stateFilter = jQuery('select[name=\"filter_with_state\"]').val();\n                            var cityFilter = jQuery('select[name=\"filter_with_city\"]').val();\n                            var categoryFilter = jQuery('select[name=\"filter_with_category\"]').val();\n                            var organizerFilter = jQuery('select[name=\"filter_with_organizer\"]').val();\n                            var visibleCount = 0;\n                            jQuery('.mep-event-list-loop').each(function () {\n                                var $item = jQuery(this);\n                                var show = true;\n                                \/\/ Title filter\n                                if (titleFilter) {\n                                    var itemTitle = ($item.data('title') || '').toLowerCase();\n                                    if (itemTitle.indexOf(titleFilter) === -1) {\n                                        show = false;\n                                    }\n                                }\n                                \/\/ Date filter\n                                if (show && dateFilter) {\n                                    var itemDate = $item.data('date');\n                                    if (itemDate) {\n                                        var filterDate = new Date(dateFilter);\n                                        filterDate.setHours(0, 0, 0, 0);\n                                        var itemDateObj = new Date(itemDate);\n                                        itemDateObj.setHours(0, 0, 0, 0);\n                                        if (itemDateObj.getTime() !== filterDate.getTime()) {\n                                            show = false;\n                                        }\n                                    } else {\n                                        show = false;\n                                    }\n                                }\n                                \/\/ State filter\n                                if (show && stateFilter) {\n                                    var itemState = $item.data('state') || '';\n                                    if (itemState !== stateFilter) {\n                                        show = false;\n                                    }\n                                }\n                                \/\/ City filter\n                                if (show && cityFilter) {\n                                    var itemCity = $item.data('city-name') || '';\n                                    if (itemCity !== cityFilter) {\n                                        show = false;\n                                    }\n                                }\n                                \/\/ Category filter\n                                if (show && categoryFilter) {\n                                    var itemCategory = $item.data('category') || '';\n                                    \/\/ Check if category matches (can be comma-separated)\n                                    var itemCategories = itemCategory.split(',').map(function (c) {\n                                        return c.trim();\n                                    });\n                                    if (itemCategories.indexOf(categoryFilter) === -1) {\n                                        show = false;\n                                    }\n                                }\n                                \/\/ Organizer filter\n                                if (show && organizerFilter) {\n                                    var itemOrganizer = $item.data('organizer') || '';\n                                    \/\/ Check if organizer matches (can be comma-separated)\n                                    var itemOrganizers = itemOrganizer.split(',').map(function (o) {\n                                        return o.trim();\n                                    });\n                                    if (itemOrganizers.indexOf(organizerFilter) === -1) {\n                                        show = false;\n                                    }\n                                }\n                                if (show) {\n                                    $item.show();\n                                    visibleCount++;\n                                } else {\n                                    $item.hide();\n                                }\n                            });\n                            \/\/ Update count display\n                            jQuery('.qty_count').text(visibleCount);\n                        }\n                        \/\/ Update title filter to use combined function\n                        jQuery('input[name=\"filter_with_title\"]').off('keyup').on('keyup', function () {\n                            applyAllFilters();\n                        });\n                        \/\/ Update date filter to use combined function\n                        jQuery('input[name=\"filter_with_date\"]').off('change').on('change', function () {\n                            applyAllFilters();\n                        });\n                        \/\/ Update state filter to use combined function\n                        jQuery('select[name=\"filter_with_state\"]').off('change').on('change', function () {\n                            applyAllFilters();\n                        });\n\t\t\t\t\t\t                    });\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-4435","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gamingchairs.eu\/nl\/wp-json\/wp\/v2\/pages\/4435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gamingchairs.eu\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gamingchairs.eu\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gamingchairs.eu\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gamingchairs.eu\/nl\/wp-json\/wp\/v2\/comments?post=4435"}],"version-history":[{"count":0,"href":"https:\/\/www.gamingchairs.eu\/nl\/wp-json\/wp\/v2\/pages\/4435\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gamingchairs.eu\/nl\/wp-json\/wp\/v2\/media?parent=4435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}