{"id":42,"date":"2026-08-12T10:24:45","date_gmt":"2026-08-12T08:24:45","guid":{"rendered":"https:\/\/rock-pop.test\/?page_id=42"},"modified":"2026-08-12T10:39:07","modified_gmt":"2026-08-12T08:39:07","slug":"podujatia","status":"publish","type":"page","link":"https:\/\/rockpop.sk\/en\/podujatia\/","title":{"rendered":"Podujatia"},"content":{"rendered":"<section  class=\"my-10.5 xl:my-22.5\"\n    x-data=\"eventList(JSON.parse('{\\u0022endpoint\\u0022:\\u0022https:\\\\\\\/\\\\\\\/rockpop.sk\\\\\\\/en\\\\\\\/wp-json\\\\\\\/rockpop\\\\\\\/v1\\\\\\\/events\\u0022,\\u0022perPage\\u0022:8}'))\">\n    <div class=\"custom-container\">\n        <div class=\"flex flex-col gap-6\">\n\n                            \n                \n                <h1 class=\"font-display font-extrabold font-feat-heading text-4xl leading-9 text-black desktop:text-[80px] desktop:leading-20\">Podujatia<\/h1>\n            \n                            \n                <div class=\"flex flex-wrap items-center gap-1 desktop:gap-1.5\">\n                                            <div x-data=\"{ id: $id('event-filter') }\" class=\"relative\"\n    @keydown.escape=\"if (open === 'genre') { open = null; $refs.trigger.focus() }\"\n    @focusout=\"if (! $el.contains($event.relatedTarget) &#038;&#038; open === 'genre') open = null\"\n    @click.outside=\"if (open === 'genre') open = null\">\n\n    <button type=\"button\" x-ref=\"trigger\"\n        @click=\"open = open === 'genre' ? null : 'genre'\"\n        :aria-expanded=\"(open === 'genre').toString()\"\n        :aria-controls=\"id\"\n        \n        class=\"relative z-30 flex cursor-pointer items-center gap-1 border py-1.5 pr-1 pl-2 font-display text-xs leading-4 font-extrabold font-feat-heading transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:gap-1.5 desktop:py-2 desktop:pr-1.5 desktop:pl-3 desktop:text-base desktop:leading-6\"\n        \n        :class=\"open === 'genre'\n            ? 'border-x-black border-t-black border-b-transparent bg-white text-black'\n            : (filters.genre ? 'border-black bg-white text-black' : 'border-transparent bg-grey-100 hover:bg-grey-200 text-grey-700')\">\n        <span x-text=\"labelFor('genre', JSON.parse('{\\u00220\\u0022:{\\u0022value\\u0022:\\u0022disco\\u0022,\\u0022label\\u0022:\\u0022Disco\\u0022},\\u00221\\u0022:{\\u0022value\\u0022:\\u0022elektro\\u0022,\\u0022label\\u0022:\\u0022Elektro\\u0022},\\u00222\\u0022:{\\u0022value\\u0022:\\u0022experimental\\u0022,\\u0022label\\u0022:\\u0022Experimental\\u0022},\\u00223\\u0022:{\\u0022value\\u0022:\\u0022funk\\u0022,\\u0022label\\u0022:\\u0022Funk\\u0022},\\u00225\\u0022:{\\u0022value\\u0022:\\u0022gospel\\u0022,\\u0022label\\u0022:\\u0022Gospel\\u0022},\\u00226\\u0022:{\\u0022value\\u0022:\\u0022jazz\\u0022,\\u0022label\\u0022:\\u0022Jazz\\u0022},\\u00229\\u0022:{\\u0022value\\u0022:\\u0022soul\\u0022,\\u0022label\\u0022:\\u0022Soul\\u0022},\\u002210\\u0022:{\\u0022value\\u0022:\\u0022surf-rock\\u0022,\\u0022label\\u0022:\\u0022Surf Rock\\u0022},\\u002211\\u0022:{\\u0022value\\u0022:\\u0022techno\\u0022,\\u0022label\\u0022:\\u0022Techno\\u0022}}'), '\\u017d\\u00e1ner')\"><\/span>\n        <svg class=\"shrink-0 size-4 desktop:size-6 transition-transform duration-200\" :class=\"{ '-rotate-180': open === 'genre' }\"\n    viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n    <use href=\"https:\/\/rockpop.sk\/wp-content\/themes\/rock-pop\/public\/build\/assets\/spritemap.1b2e31a6.svg#arrow_drop_down\"><\/use>\n<\/svg>\n    <\/button>\n\n    <div :id=\"id\" x-show=\"open === 'genre'\" x-cloak\n        x-transition:enter=\"transition ease-out duration-150\"\n        x-transition:enter-start=\"opacity-0 motion-safe:-translate-y-1\"\n        x-transition:enter-end=\"opacity-100 motion-safe:translate-y-0\"\n        \n        class=\"absolute top-full left-0 -mt-px z-20 max-h-80 w-max min-w-full max-w-[calc(100vw-1.5rem)] overflow-y-auto border border-black bg-white\">\n\n        <button type=\"button\" @click=\"select('genre', '')\"\n            class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n            :class=\"! filters.genre ? 'text-black' : 'text-grey-700'\">V\u0161etky \u017e\u00e1nre<\/button>\n\n                    <button type=\"button\" @click=\"select('genre', 'disco')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'disco' ? 'text-black' : 'text-grey-700'\">Disco<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'elektro')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'elektro' ? 'text-black' : 'text-grey-700'\">Elektro<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'experimental')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'experimental' ? 'text-black' : 'text-grey-700'\">Experimental<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'funk')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'funk' ? 'text-black' : 'text-grey-700'\">Funk<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'gospel')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'gospel' ? 'text-black' : 'text-grey-700'\">Gospel<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'jazz')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'jazz' ? 'text-black' : 'text-grey-700'\">Jazz<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'soul')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'soul' ? 'text-black' : 'text-grey-700'\">Soul<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'surf-rock')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'surf-rock' ? 'text-black' : 'text-grey-700'\">Surf Rock<\/button>\n                    <button type=\"button\" @click=\"select('genre', 'techno')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.genre === 'techno' ? 'text-black' : 'text-grey-700'\">Techno<\/button>\n            <\/div>\n<\/div>\n                    \n                                            <div x-data=\"{ id: $id('event-filter') }\" class=\"relative\"\n    @keydown.escape=\"if (open === 'city') { open = null; $refs.trigger.focus() }\"\n    @focusout=\"if (! $el.contains($event.relatedTarget) &#038;&#038; open === 'city') open = null\"\n    @click.outside=\"if (open === 'city') open = null\">\n\n    <button type=\"button\" x-ref=\"trigger\"\n        @click=\"open = open === 'city' ? null : 'city'\"\n        :aria-expanded=\"(open === 'city').toString()\"\n        :aria-controls=\"id\"\n        \n        class=\"relative z-30 flex cursor-pointer items-center gap-1 border py-1.5 pr-1 pl-2 font-display text-xs leading-4 font-extrabold font-feat-heading transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:gap-1.5 desktop:py-2 desktop:pr-1.5 desktop:pl-3 desktop:text-base desktop:leading-6\"\n        \n        :class=\"open === 'city'\n            ? 'border-x-black border-t-black border-b-transparent bg-white text-black'\n            : (filters.city ? 'border-black bg-white text-black' : 'border-transparent bg-grey-100 hover:bg-grey-200 text-grey-700')\">\n        <span x-text=\"labelFor('city', JSON.parse('[{\\u0022value\\u0022:\\u0022bratislava\\u0022,\\u0022label\\u0022:\\u0022Bratislava\\u0022}]'), 'Mesto')\"><\/span>\n        <svg class=\"shrink-0 size-4 desktop:size-6 transition-transform duration-200\" :class=\"{ '-rotate-180': open === 'city' }\"\n    viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n    <use href=\"https:\/\/rockpop.sk\/wp-content\/themes\/rock-pop\/public\/build\/assets\/spritemap.1b2e31a6.svg#arrow_drop_down\"><\/use>\n<\/svg>\n    <\/button>\n\n    <div :id=\"id\" x-show=\"open === 'city'\" x-cloak\n        x-transition:enter=\"transition ease-out duration-150\"\n        x-transition:enter-start=\"opacity-0 motion-safe:-translate-y-1\"\n        x-transition:enter-end=\"opacity-100 motion-safe:translate-y-0\"\n        \n        class=\"absolute top-full left-0 -mt-px z-20 max-h-80 w-max min-w-full max-w-[calc(100vw-1.5rem)] overflow-y-auto border border-black bg-white\">\n\n        <button type=\"button\" @click=\"select('city', '')\"\n            class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n            :class=\"! filters.city ? 'text-black' : 'text-grey-700'\">V\u0161etky mest\u00e1<\/button>\n\n                    <button type=\"button\" @click=\"select('city', 'bratislava')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.city === 'bratislava' ? 'text-black' : 'text-grey-700'\">Bratislava<\/button>\n            <\/div>\n<\/div>\n                    \n                                            <div x-data=\"{ id: $id('event-filter') }\" class=\"relative\"\n    @keydown.escape=\"if (open === 'mesiac') { open = null; $refs.trigger.focus() }\"\n    @focusout=\"if (! $el.contains($event.relatedTarget) &#038;&#038; open === 'mesiac') open = null\"\n    @click.outside=\"if (open === 'mesiac') open = null\">\n\n    <button type=\"button\" x-ref=\"trigger\"\n        @click=\"open = open === 'mesiac' ? null : 'mesiac'\"\n        :aria-expanded=\"(open === 'mesiac').toString()\"\n        :aria-controls=\"id\"\n        \n        class=\"relative z-30 flex cursor-pointer items-center gap-1 border py-1.5 pr-1 pl-2 font-display text-xs leading-4 font-extrabold font-feat-heading transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:gap-1.5 desktop:py-2 desktop:pr-1.5 desktop:pl-3 desktop:text-base desktop:leading-6\"\n        \n        :class=\"open === 'mesiac'\n            ? 'border-x-black border-t-black border-b-transparent bg-white text-black'\n            : (filters.mesiac ? 'border-black bg-white text-black' : 'border-transparent bg-grey-100 hover:bg-grey-200 text-grey-700')\">\n        <span x-text=\"labelFor('mesiac', JSON.parse('[{\\u0022value\\u0022:\\u0022202611\\u0022,\\u0022label\\u0022:\\u0022November\\u0022}]'), 'Mesiac')\"><\/span>\n        <svg class=\"shrink-0 size-4 desktop:size-6 transition-transform duration-200\" :class=\"{ '-rotate-180': open === 'mesiac' }\"\n    viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n    <use href=\"https:\/\/rockpop.sk\/wp-content\/themes\/rock-pop\/public\/build\/assets\/spritemap.1b2e31a6.svg#arrow_drop_down\"><\/use>\n<\/svg>\n    <\/button>\n\n    <div :id=\"id\" x-show=\"open === 'mesiac'\" x-cloak\n        x-transition:enter=\"transition ease-out duration-150\"\n        x-transition:enter-start=\"opacity-0 motion-safe:-translate-y-1\"\n        x-transition:enter-end=\"opacity-100 motion-safe:translate-y-0\"\n        \n        class=\"absolute top-full left-0 -mt-px z-20 max-h-80 w-max min-w-full max-w-[calc(100vw-1.5rem)] overflow-y-auto border border-black bg-white\">\n\n        <button type=\"button\" @click=\"select('mesiac', '')\"\n            class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n            :class=\"! filters.mesiac ? 'text-black' : 'text-grey-700'\">V\u0161etky mesiace<\/button>\n\n                    <button type=\"button\" @click=\"select('mesiac', '202611')\"\n                class=\"block w-full cursor-pointer py-2 pr-1.5 pl-3 text-left font-display text-sm leading-5 font-extrabold font-feat-heading transition-colors hover:bg-grey-100 hover:text-black focus-visible:bg-grey-100 focus-visible:text-black focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black desktop:text-base desktop:leading-6\"\n                :class=\"filters.mesiac === '202611' ? 'text-black' : 'text-grey-700'\">November<\/button>\n            <\/div>\n<\/div>\n                    \n                    \n                                            <div class=\"flex flex-wrap items-center gap-1 desktop:gap-1.5\">\n                                                            <button type=\"button\" @click=\"toggleFestival('bratislavske-jazzove-dni')\"\n                                    :aria-pressed=\"(filters.festival === 'bratislavske-jazzove-dni').toString()\"\n                                    \n                                    :data-selected=\"filters.festival === 'bratislavske-jazzove-dni'\"\n                                    class=\"flex cursor-pointer items-center border border-transparent px-2 py-1.5 font-display text-xs leading-4 font-extrabold font-feat-heading transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black desktop:px-3 desktop:py-2 desktop:text-base desktop:leading-6 bg-crimson-50 text-crimson-500 hover:bg-crimson-200 data-[selected]:bg-transparent data-[selected]:border-crimson-500\">Bratislavsk\u00e9 jazzov\u00e9 dni<\/button>\n                                                            <button type=\"button\" @click=\"toggleFestival('metropol')\"\n                                    :aria-pressed=\"(filters.festival === 'metropol').toString()\"\n                                    \n                                    :data-selected=\"filters.festival === 'metropol'\"\n                                    class=\"flex cursor-pointer items-center border border-transparent px-2 py-1.5 font-display text-xs leading-4 font-extrabold font-feat-heading transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black desktop:px-3 desktop:py-2 desktop:text-base desktop:leading-6 bg-blue-50 text-blue-500 hover:bg-blue-200 data-[selected]:bg-transparent data-[selected]:border-blue-500\">Metropol<\/button>\n                                                    <\/div>\n                                    <\/div>\n            \n                            <div class=\"flex flex-col items-center gap-6 desktop:gap-12\"\n                    :aria-busy=\"loading.toString()\" aria-live=\"polite\">\n\n                    \n                    <template x-if=\"loading &#038;&#038; ! events.length\">\n                        <div class=\"flex w-full flex-col gap-1.5 desktop:gap-3\" aria-hidden=\"true\">\n                                                            <div class=\"h-17 w-full animate-pulse bg-grey-100 desktop:h-31\"><\/div>\n                                                            <div class=\"h-17 w-full animate-pulse bg-grey-100 desktop:h-31\"><\/div>\n                                                            <div class=\"h-17 w-full animate-pulse bg-grey-100 desktop:h-31\"><\/div>\n                                                    <\/div>\n                    <\/template>\n\n                    <div class=\"flex w-full flex-col gap-6 desktop:gap-12\" :class=\"loading &#038;&#038; events.length &#038;&#038; 'opacity-60'\">\n                        <template x-for=\"group in groups\" :key=\"group.key\">\n                            <div class=\"flex w-full flex-col gap-1 desktop:gap-2\">\n\n                                <div class=\"flex items-center gap-2 desktop:gap-3\">\n                                    <h3 class=\"font-display text-lg leading-6.5 font-extrabold font-feat-heading text-black desktop:text-4xl desktop:leading-10\"\n                                        x-text=\"group.label\"><\/h3>\n\n                                    <template x-if=\"newLabel(group.key)\">\n                                        \n                                        <span class=\"bg-black px-2 py-1 font-display text-xs leading-4 font-extrabold text-toxic desktop:px-2.5 desktop:py-1.5 desktop:text-sm desktop:leading-5\"\n                                            x-text=\"newLabel(group.key)\"><\/span>\n                                    <\/template>\n                                <\/div>\n\n                                <div class=\"flex w-full flex-col gap-1.5 desktop:gap-3\">\n                                    <template x-for=\"event in group.events\" :key=\"event.id\">\n                                        \n                                        <article :class=\"event.rowClass\"\n                                            class=\"relative flex w-full items-center gap-2.25 py-2 pr-3 pl-1 desktop:min-h-31 desktop:justify-between desktop:gap-0 desktop:py-3.5 desktop:pr-9.5 desktop:pl-5\">\n\n                                            \n                                            <a :href=\"event.permalink\" class=\"absolute inset-0 z-10 desktop:hidden\">\n                                                <span class=\"sr-only\" x-text=\"event.name\"><\/span>\n                                            <\/a>\n\n                                            <div class=\"flex min-w-0 items-center gap-2.25 desktop:gap-6.5\">\n                                                <div class=\"flex shrink-0 items-center gap-1 desktop:gap-4.5\">\n\n                                                    \n                                                    <div class=\"flex w-11 shrink-0 flex-col items-center text-center text-white desktop:w-16 desktop:gap-1\"\n                                                        :class=\"event.dayEnd ? '' : 'desktop:py-4'\">\n                                                        \n                                                        <span class=\"font-display text-[24px] leading-7 font-extrabold font-feat-heading desktop:text-5xl desktop:leading-9\" x-text=\"event.day\"><\/span>\n\n                                                        \n                                                        <template x-if=\"event.dayEnd\">\n                                                            <span class=\"font-display text-[24px] leading-7 font-extrabold font-feat-heading whitespace-nowrap desktop:text-5xl desktop:leading-9\" x-text=\"event.dayEnd\"><\/span>\n                                                        <\/template>\n                                                        <span class=\"text-[10px] leading-3.5 font-medium desktop:text-sm desktop:leading-6\" x-text=\"event.monthShort\"><\/span>\n                                                    <\/div>\n\n                                                    <template x-if=\"event.image\">\n                                                        <img :src=\"event.image.src\" :srcset=\"event.image.srcset\" :sizes=\"event.image.sizes\"\n                                                            alt=\"\" loading=\"lazy\" decoding=\"async\"\n                                                            class=\"size-13 shrink-0 object-cover object-top desktop:h-24 desktop:w-37\">\n                                                    <\/template>\n\n                                                    \n                                                    <template x-if=\"! event.image\">\n                                                        <div class=\"size-13 shrink-0 bg-grey-800 desktop:h-24 desktop:w-37\"><\/div>\n                                                    <\/template>\n                                                <\/div>\n\n                                                <div class=\"flex min-w-0 flex-col gap-0.5 text-white desktop:gap-0\">\n                                                    <div class=\"flex min-w-0 items-start gap-2\">\n                                                        \n                                                        <h4 class=\"min-w-0 font-display text-base leading-5 font-extrabold font-feat-heading break-words desktop:text-3xl desktop:leading-9\"\n                                                            x-text=\"event.name\"><\/h4>\n\n                                                        <template x-if=\"event.accent\">\n                                                            \n                                                            <span class=\"shrink-0 font-accent text-xs leading-4 font-normal uppercase whitespace-nowrap desktop:text-xl desktop:leading-7\"\n                                                                x-text=\"event.accent\"><\/span>\n                                                        <\/template>\n                                                    <\/div>\n\n                                                    <p class=\"truncate text-xs leading-4 desktop:text-base desktop:leading-6\" x-text=\"event.venue\"><\/p>\n                                                <\/div>\n                                            <\/div>\n\n                                            \n                                            <div class=\"z-10 hidden shrink-0 items-center gap-2 desktop:flex\">\n                                                <a\n     href=\"#\"     class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-[18px] py-3 text-base leading-6 bg-white text-black hover:bg-grey-200 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400\" :href=\"event.permalink\"\n>Zisti\u0165 viac<\/a>\n\n                                                <template x-if=\"event.ticket.label &#038;&#038; event.ticket.url\">\n                                                    <a\n     href=\"#\"     class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-[18px] py-3 text-base leading-6 bg-toxic text-black hover:bg-toxic-600 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400\" :href=\"event.ticket.url\" :target=\"event.ticket.target || false\" :rel=\"event.ticket.target ? 'noopener' : false\" x-text=\"event.ticket.label\"\n>K\u00fapi\u0165 l\u00edstok<\/a>\n                                                <\/template>\n                                            <\/div>\n                                        <\/article>\n                                    <\/template>\n                                <\/div>\n                            <\/div>\n                        <\/template>\n                    <\/div>\n\n                    \n                    <template x-if=\"loaded &#038;&#038; ! events.length\">\n                        <div class=\"flex flex-col items-center gap-3 py-6\">\n                            <p class=\"text-base leading-6 text-grey-700\">\u017diadne podujatia nezodpovedaj\u00fa v\u00fdberu.<\/p>\n                            <template x-if=\"hasFilters\">\n                                <button\n     type=\"button\"      class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-4 py-2.5 text-sm leading-[22px] bg-black text-white hover:bg-grey-700 focus-visible:outline-toxic disabled:bg-grey-50 disabled:text-grey-400\" x-on:click=\"clear()\"\n>Zru\u0161i\u0165 filtre<\/button>\n                            <\/template>\n                        <\/div>\n                    <\/template>\n\n                    <template x-if=\"error\">\n                        <p class=\"text-base leading-6 text-crimson\">Podujatia sa nepodarilo na\u010d\u00edta\u0165. Sk\u00faste to pros\u00edm znova.<\/p>\n                    <\/template>\n\n                                            \n                        <template x-if=\"hasMore\">\n                            <button\n     type=\"button\"      class=\"inline-flex items-center justify-center gap-2 text-center whitespace-nowrap font-display font-extrabold font-feat-ui cursor-pointer select-none transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none px-4 py-2.5 text-sm leading-[22px] bg-grey-400 text-white hover:bg-grey-700 focus-visible:outline-black disabled:bg-grey-50 disabled:text-grey-400 desktop:px-[18px] desktop:py-3 desktop:text-base desktop:leading-6\" x-on:click=\"loadMore()\" :disabled=\"loading\" x-text=\"loading ? 'Na\u010d\u00edtavam\u2026' : 'Zobrazi\\u0165 viac'\"\n>Zobrazi\u0165 viac<\/button>\n                        <\/template>\n                                    <\/div>\n\n                <noscript>\n                    <p class=\"text-base leading-6\">\n                        <a class=\"underline\" href=\"https:\/\/rockpop.sk\/en\/podujatia\">Zobrazi\u0165 v\u0161etky podujatia<\/a>\n                    <\/p>\n                <\/noscript>\n                    <\/div>\n    <\/div>\n<\/section>\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":{"_acf_changed":false,"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":5,"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/pages\/42\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/rockpop.sk\/en\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}