{"id":6,"date":"2026-04-01T14:17:07","date_gmt":"2026-04-01T14:17:07","guid":{"rendered":"https:\/\/pinki.rs\/index.php\/kalendar-dogadaja\/"},"modified":"2026-04-01T14:18:48","modified_gmt":"2026-04-01T14:18:48","slug":"kalendar-dogadjaja","status":"publish","type":"page","link":"https:\/\/pinki.rs\/?page_id=6","title":{"rendered":"Kalendar doga\u0111aja"},"content":{"rendered":"\t<div class=\"pinki-kalendar-wrapper\">\n\t\t<div class=\"pinki-calendar-inner\">\n\t\t\t\n\t\t\t<div class=\"pinki-calendar-header\" style=\"display: flex; gap: 15px; align-items: center; margin-bottom: 30px;\">\n\t\t\t\t<input type=\"text\" id=\"pinkiSearchInput\" placeholder=\"Pretra\u017ei doga\u0111aje...\" class=\"pinki-search-input\" style=\"margin-bottom: 0; flex-grow: 1;\">\n                \n                                    <a href=\"https:\/\/pinki.rs\/?page_id=340\" class=\"pinki-archive-link-btn\">ARHIVA<\/a>\n                \t\t\t<\/div>\n\n\t\t\t<div class=\"pinki-table-container\">\n\t\t\t\t<table class=\"pinki-modern-table\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Naziv Doga\u0111aja<\/th>\n\t\t\t\t\t\t\t<th>Vrsta<\/th>\n\t\t\t\t\t\t\t<th>Datum<\/th>\n\t\t\t\t\t\t\t<th>Vreme<\/th>\n\t\t\t\t\t\t\t<th>Lokacija<\/th>\n\t\t\t\t\t\t\t<th>Link<\/th>\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t\t\t<\/tbody>\n\t\t\t\t<\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div id=\"pinkiModal\" class=\"pinki-glass-modal\">\n\t\t<div class=\"modal-card\">\n\t\t\t<span class=\"close-btn\">&times;<\/span>\n\t\t\t<h2 id=\"modalTitle\"><\/h2>\n\t\t\t<hr>\n\t\t\t<div id=\"modalDesc\" class=\"modal-body\"><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<style>\n\t\t\/* Remove Theme Preset Padding for Calendar Page *\/\n\t\t.wp-block-group.alignfull.has-global-padding,\n\t\t.wp-block-group.is-layout-constrained,\n\t\t.wp-site-blocks .wp-block-group {\n\t\t\tpadding-top: 0 !important;\n\t\t\tmargin-top: 0 !important;\n\t\t}\n\n\t\t\/* Full Width Breakout *\/\n\t\t.pinki-kalendar-wrapper { \n\t\t\tfont-family: 'Outfit', 'Inter', sans-serif; \n\t\t\tpadding: 0 0 60px 0; \n\t\t\tbackground: var(--pinki-bg); \n\t\t\twidth: 100vw !important;\n\t\t\tmax-width: 100vw !important;\n\t\t\tmargin-left: calc(50% - 50vw) !important;\n\t\t\tmargin-right: calc(50% - 50vw) !important;\n\t\t\tposition: relative;\n\t\t\toverflow: hidden;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t\n\t\t\/* Inner wrapper that can stretch *\/\n\t\t.pinki-calendar-inner {\n\t\t\twidth: 100%;\n\t\t\tmax-width: 100%; \/* Allows full stretch *\/\n\t\t\tpadding: 0 40px;\n\t\t\tmargin: 0 auto;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t\/* Search Input *\/\n\t\t.pinki-search-input {\n\t\t\twidth: 100%;\n\t\t\tpadding: 16px 25px;\n\t\t\tfont-size: 16px;\n\t\t\tborder: 2px solid #e2e8f0;\n\t\t\tborder-radius: 12px;\n\t\t\tmargin-bottom: 30px;\n\t\t\tbox-shadow: 0 4px 6px rgba(0,0,0,0.02);\n\t\t\ttransition: all 0.3s ease;\n\t\t\tfont-family: inherit;\n\t\t\tcolor: #334155;\n\t\t}\n\t\t.pinki-search-input:focus {\n\t\t\tborder-color: var(--pinki-primary);\n\t\t\toutline: none;\n\t\t\tbox-shadow: 0 0 0 4px rgba(30, 58, 138, 0.1);\n\t\t}\n\n\t\t\/* Table Styles *\/\n\t\t.pinki-table-container { overflow-x: auto; box-shadow: var(--pinki-shadow); border-radius: 12px; background: white; }\n\t\t.pinki-modern-table { width: 100%; border-collapse: collapse; background: white; }\n\t\t.pinki-modern-table th { background: var(--pinki-primary); color: white; padding: 18px 20px; text-align: left; font-weight: 600; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; }\n\t\t.pinki-modern-table td { padding: 18px 20px; border-bottom: 1px solid #e2e8f0; color: #334155; vertical-align: middle; font-size: 15px; }\n\t\t.pinki-row:hover { background-color: #f8fafc; transition: background 0.3s ease; }\n\t\t\n\t\t.pinki-td-title a { color: var(--pinki-primary); font-weight: 800; text-decoration: none; font-size: 17px; display: block; transition: transform 0.2s; }\n\t\t.pinki-td-title a:hover { color: var(--pinki-secondary); transform: translateX(5px); }\n\t\t\n\t\t.pinki-td-vrsta strong { color: #475569; font-weight: 700; background: #e2e8f0; padding: 4px 10px; border-radius: 6px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; }\n\n\t\t.pinki-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; white-space: nowrap; }\n\t\t.pinki-loc-bazen { background: #dbeafe; color: #1e40af; }\n\t\t.pinki-loc-velika-sala { background: #fef3c7; color: #92400e; }\n\t\t.pinki-loc-borilacka-sala { background: #fee2e2; color: #991b1b; }\n\t\t.pinki-loc-organizator { background: #dcfce7; color: #166534; }\n\t\t\n\t\t.pinki-btn { background: linear-gradient(135deg, var(--pinki-primary), var(--pinki-secondary)); color: white !important; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 700; display: inline-block; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); transition: all 0.3s; }\n\t\t.pinki-btn:hover { opacity: 0.9; transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }\n\t\t\n        .pinki-archive-link-btn {\n            background: #fff;\n            color: var(--pinki-primary) !important;\n            padding: 14px 25px;\n            border-radius: 12px;\n            text-decoration: none;\n            font-size: 14px;\n            font-weight: 700;\n            white-space: nowrap;\n            border: 2px solid var(--pinki-primary);\n            transition: all 0.3s;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n        }\n        .pinki-archive-link-btn:hover {\n            background: var(--pinki-primary);\n            color: #fff !important;\n            transform: translateY(-2px);\n        }\n        .pinki-back-btn {\n            border-color: #64748b;\n            color: #64748b !important;\n        }\n        .pinki-back-btn:hover {\n            background: #64748b;\n            color: #fff !important;\n        }\n\n\t\t\/* Modals *\/\n\t\t.pinki-glass-modal { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(8px); animation: fadeIn 0.3s; }\n\t\t.modal-card { background: rgba(255, 255, 255, 0.95); margin: 8% auto; padding: 40px; width: 60%; max-width: 700px; border-radius: 24px; position: relative; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); animation: slideIn 0.4s; }\n\t\t.modal-card h2 { color: var(--pinki-primary); margin-top: 0; font-weight: 800; }\n\t\t.modal-card hr { border: none; border-top: 2px solid #f1f5f9; margin: 20px 0; }\n\t\t.modal-body { color: #475569; line-height: 1.6; font-size: 16px; }\n\t\t.close-btn { position: absolute; right: 25px; top: 20px; font-size: 32px; font-weight: bold; color: #cbd5e1; cursor: pointer; text-shadow: 0 1px 1px white; }\n\t\t.close-btn:hover { color: #64748b; }\n\t\t\n\t\t@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n\t\t@keyframes slideIn { from { transform: translateY(30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n\t\t\n\t\t@media (max-width: 768px) { \n\t\t\t.modal-card { width: 90%; margin: 15% auto; padding: 25px; } \n\t\t\t.pinki-modern-table th { padding: 12px 10px; font-size: 12px; } \n\t\t\t.pinki-modern-table td { padding: 12px 10px; font-size: 14px; } \n\t\t\t.pinki-calendar-inner { padding: 0 15px; }\n\t\t}\n\t<\/style>\n\n\t<script>\n\t\tdocument.addEventListener('DOMContentLoaded', function() {\n\t\t\t\/\/ Modal Logic\n\t\t\tvar modal = document.getElementById(\"pinkiModal\");\n\t\t\tvar mTitle = document.getElementById(\"modalTitle\");\n\t\t\tvar mDesc = document.getElementById(\"modalDesc\");\n\t\t\tvar btns = document.querySelectorAll(\".pinki-open-modal\");\n\t\t\tvar close = document.querySelector(\".close-btn\");\n\t\t\t\n\t\t\tbtns.forEach(function(b) { \n\t\t\t\tb.onclick = function() { \n\t\t\t\t\tmTitle.innerText = this.getAttribute(\"data-title\"); \n\t\t\t\t\tmDesc.innerHTML = this.getAttribute(\"data-desc\"); \n\t\t\t\t\tmodal.style.display = \"block\"; \n\t\t\t\t} \n\t\t\t});\n\t\t\t\n\t\t\tclose.onclick = function() { modal.style.display = \"none\"; }\n\t\t\twindow.onclick = function(e) { if (e.target == modal) modal.style.display = \"none\"; }\n\n\t\t\t\/\/ Live Search Filtering Logic\n\t\t\tvar searchInput = document.getElementById(\"pinkiSearchInput\");\n\t\t\tif (searchInput) {\n\t\t\t\tsearchInput.addEventListener(\"keyup\", function() {\n\t\t\t\t\tvar filter = this.value.toLowerCase();\n\t\t\t\t\tvar rows = document.querySelectorAll(\".pinki-row\");\n\t\t\t\t\t\n\t\t\t\t\trows.forEach(function(row) {\n\t\t\t\t\t\t\/\/ TextContent gets all text inside the row (Title, Vrsta, Lokacija, etc.)\n\t\t\t\t\t\tvar text = row.textContent.toLowerCase();\n\t\t\t\t\t\tif(text.indexOf(filter) > -1) {\n\t\t\t\t\t\t\trow.style.display = \"\";\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\trow.style.display = \"none\";\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t<\/script>\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pinki.rs\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pinki.rs\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pinki.rs\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/pinki.rs\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":1,"href":"https:\/\/pinki.rs\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":7,"href":"https:\/\/pinki.rs\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/7"}],"wp:attachment":[{"href":"https:\/\/pinki.rs\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}