{"id":716,"date":"2026-04-27T16:00:11","date_gmt":"2026-04-27T16:00:11","guid":{"rendered":"https:\/\/pinted.io\/pinted-otsing\/"},"modified":"2026-04-27T16:00:11","modified_gmt":"2026-04-27T16:00:11","slug":"pinted-otsing","status":"publish","type":"page","link":"https:\/\/www.pinted.io\/et\/pinted-otsing\/","title":{"rendered":"Pinted Otsing"},"content":{"rendered":"<main class=\"container\">\n        <div class=\"search-layout\">\n            <!-- Sidebar Filters -->\n            <div class=\"filter-backdrop\" id=\"filterBackdrop\" onclick=\"toggleFilters()\"><\/div>\n            <aside class=\"filters\" id=\"searchFilters\">\n                <div class=\"filters-header\">\n                    <h3>Filters<\/h3>\n                    <div style=\"display: flex; gap: 1rem; align-items: center;\">\n                        <span class=\"clear-filters\" onclick=\"clearFilters()\">Clear<\/span>\n                        <button class=\"btn-close-mobile\" onclick=\"toggleFilters()\">\n                            <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"filter-group\" id=\"desktopSearchGroup\">\n                    <label style=\"display: block; font-weight: 700; margin-bottom: 0.25rem; color: var(--navy); font-size: 0.8rem;\">Text Search<\/label>\n                    <input type=\"text\" id=\"textSearchInput\" placeholder=\"Name, city, tags, capabilities...\" style=\"width: 100%; padding: 0.4rem 0.6rem; border-radius: 6px; border: 1px solid var(--slate-200); font-family: inherit; font-size: 0.85rem;\" oninput=\"document.getElementById('mobileSearchInput').value = this.value; debounceSearch()\">\n                <\/div>\n                \n                <div id=\"dynamicFilters\">\n                    <!-- Filters will be generated dynamically based on database contents -->\n                <\/div>\n            <\/aside>\n\n            <!-- Results Column -->\n            <section class=\"results-col\">\n                <!-- Mobile Search Input -->\n                <div class=\"mobile-search-container\" style=\"display: none;\">\n                    <input type=\"text\" id=\"mobileSearchInput\" placeholder=\"Name, city, tags, capabilities...\" style=\"width: 100%; padding: 0.75rem 1rem; border-radius: 8px; border: 1px solid var(--slate-200); font-family: inherit; font-size: 0.95rem; margin-bottom: 1.5rem;\" oninput=\"document.getElementById('textSearchInput').value = this.value; debounceSearch()\">\n                <\/div>\n                \n                <div class=\"results-header\">\n                    <div style=\"display: flex; align-items: center; justify-content: space-between; width: 100%;\">\n                        <div>\n                            <h2 id=\"searchQueryTitle\" style=\"display: none;\">Search results<\/h2>\n                            <span class=\"results-count\" id=\"resultsCountText\">Loading results...<\/span>\n                        <\/div>\n                        <span class=\"clear-filters mobile-clear-filters\" onclick=\"clearFilters()\" id=\"mobileClearFiltersBtn\" style=\"display: none;\">Clear filters<\/span>\n                    <\/div>\n                    <div class=\"header-actions\">\n                        <button class=\"btn-mobile-filter\" onclick=\"toggleFilters()\">\n                            <svg viewBox=\"0 0 24 24\"><line x1=\"4\" y1=\"21\" x2=\"4\" y2=\"14\"><\/line><line x1=\"4\" y1=\"10\" x2=\"4\" y2=\"3\"><\/line><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"3\"><\/line><line x1=\"20\" y1=\"21\" x2=\"20\" y2=\"16\"><\/line><line x1=\"20\" y1=\"12\" x2=\"20\" y2=\"3\"><\/line><line x1=\"1\" y1=\"14\" x2=\"7\" y2=\"14\"><\/line><line x1=\"9\" y1=\"8\" x2=\"15\" y2=\"8\"><\/line><line x1=\"17\" y1=\"16\" x2=\"23\" y2=\"16\"><\/line><\/svg>\n                            Filters\n                        <\/button>\n                        <div class=\"custom-dropdown\" id=\"sortDropdown\">\n                            <div class=\"dropdown-selected\">Sort: A-Z<\/div>\n                            <div class=\"dropdown-options\">\n                                <div class=\"dropdown-option active\" data-sort=\"name_asc\">Sort: A-Z<\/div>\n                                <div class=\"dropdown-option\" data-sort=\"name_desc\">Sort: Z-A<\/div>\n                                <div class=\"dropdown-option\" data-sort=\"newest\">Sort: Newest<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <style>\n                    .result-card.premium { border: 2px solid var(--gold); background: #fffcf5; }\n                    .tier-badge { font-size: 0.7rem; font-weight: 800; padding: 0.25rem 0.6rem; border-radius: 4px; margin-bottom: 0.5rem; display: inline-block; text-transform: uppercase; letter-spacing: 0.05em; }\n                    .tier-premium { background: var(--gold); color: white; }\n                    .tier-verified { background: #d1fae5; color: #065f46; border: 1px solid #10b981; }\n                <\/style>\n\n                <div id=\"resultsContainer\">\n                    <!-- Cards will be injected here by Javascript API fetch -->\n                <\/div>\n\n                <!-- Pagination -->\n                <div class=\"pagination\" id=\"paginationContainer\">\n                    <!-- Pagination injected via JS -->\n                <\/div>\n\n            <\/section>\n        <\/div>\n    <\/main>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-716","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pinted.io\/et\/wp-json\/wp\/v2\/pages\/716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pinted.io\/et\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pinted.io\/et\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pinted.io\/et\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pinted.io\/et\/wp-json\/wp\/v2\/comments?post=716"}],"version-history":[{"count":0,"href":"https:\/\/www.pinted.io\/et\/wp-json\/wp\/v2\/pages\/716\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.pinted.io\/et\/wp-json\/wp\/v2\/media?parent=716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}