{"id":7,"date":"2026-02-18T14:21:24","date_gmt":"2026-02-18T14:21:24","guid":{"rendered":"https:\/\/kwata.app\/health\/discover\/"},"modified":"2026-05-26T10:46:53","modified_gmt":"2026-05-26T09:46:53","slug":"discover","status":"publish","type":"page","link":"https:\/\/kwata.app\/health\/","title":{"rendered":"Discover"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dddc2ac e-con-full e-flex e-con e-parent\" data-id=\"2dddc2ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f966ec elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"9f966ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kwata.app\/health\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"229\" src=\"https:\/\/kwata.app\/health\/wp-content\/uploads\/2026\/05\/Health-C-web-1024x293.png\" class=\"attachment-large size-large wp-image-153\" alt=\"\" srcset=\"https:\/\/kwata.app\/health\/wp-content\/uploads\/2026\/05\/Health-C-web-1024x293.png 1024w, https:\/\/kwata.app\/health\/wp-content\/uploads\/2026\/05\/Health-C-web-300x86.png 300w, https:\/\/kwata.app\/health\/wp-content\/uploads\/2026\/05\/Health-C-web-768x220.png 768w, https:\/\/kwata.app\/health\/wp-content\/uploads\/2026\/05\/Health-C-web-1536x439.png 1536w, https:\/\/kwata.app\/health\/wp-content\/uploads\/2026\/05\/Health-C-web-2048x586.png 2048w, https:\/\/kwata.app\/health\/wp-content\/uploads\/2026\/05\/Health-C-web-600x172.png 600w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d3a58e1 elementor-widget-mobile__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"2d3a58e1\" 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\">\n<div class=\"rwm-food-discovery-container rwm-pharmacy-discovery\" data-view=\"grid\" data-mode=\"pharmacy\">\n\n    <!-- Hero Search Section -->\n    <div class=\"rwm-search-section\">\n\n        <h1 class=\"rwm-hero-title\">Pharmacies <span\n                class=\"rwm-hero-gradient\">Near You<\/span><\/h1>\n        <div class=\"rwm-hero-subtitle\">\n            Order Medication and Consult online        <\/div>\n\n        <div class=\"rwm-search-bar-wrapper\">\n            <div class=\"rwm-search-bar\">\n                <input type=\"text\" id=\"rwm-search-input\" class=\"rwm-search-input\"\n                    placeholder=\"Search by name, city, or street...\"\n                    aria-label=\"Search for pharmacies\"\n                    autocomplete=\"off\">\n\n                <button type=\"button\" class=\"rwm-search-button rwm-search-button--icon rwm-icon-button\" aria-label=\"Search\" title=\"Search\">\n                    <span class=\"dashicons dashicons-search\" aria-hidden=\"true\"><\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Location Prompt -->\n        <div class=\"rwm-location-prompt\" data-expanded=\"false\">\n            <button type=\"button\" class=\"rwm-location-button\"\n                aria-label=\"Use my location\">\n                <span class=\"dashicons dashicons-location\"><\/span>\n                <span class=\"rwm-location-button-text\">Use my location<\/span>\n            <\/button>\n            <span class=\"rwm-location-privacy-text\">\n                We&#039;ll use your location to find pharmacies near you            <\/span>\n            <button type=\"button\" class=\"rwm-location-collapse\"\n                aria-label=\"Collapse location prompt\">\n                <span class=\"dashicons dashicons-arrow-up-alt2\"><\/span>\n            <\/button>\n        <\/div>\n\n        <!-- Location Status Display -->\n        <div class=\"rwm-location-status\" style=\"display: none;\">\n            <div class=\"rwm-location-indicator\">\n                <span class=\"dashicons dashicons-location-alt\"><\/span>\n                <span class=\"rwm-location-text\"><\/span>\n                <button type=\"button\" class=\"rwm-location-clear\"\n                    aria-label=\"Clear location\">\n                    <span class=\"dashicons dashicons-no\"><\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- ========== FEATURED PHARMACIES SLIDER ========== -->\n    <div class=\"rwm-featured-section rwm-restaurants-section rwm-minimalist-slider\">\n        <div class=\"rwm-featured-slider rwm-restaurants-slider\" data-type=\"restaurants\">\n            <div class=\"rwm-slider-loading\">\n                <span class=\"dashicons dashicons-update\"><\/span>\n                Loading pharmacies...            <\/div>\n            <div class=\"rwm-slider-items-container\">\n                <!-- Populated by JavaScript -->\n            <\/div>\n        <\/div>\n    <\/div>\n\n            <!-- Filters -->\n        <div class=\"rwm-filters-section\">\n            <button type=\"button\" class=\"rwm-filters-toggle\">\n                <span class=\"dashicons dashicons-filter\"><\/span>\n                Filters            <\/button>\n\n            <div class=\"rwm-filters-panel\">\n                <!-- Open Now Toggle -->\n                <div class=\"rwm-filter-group\">\n                    <label class=\"rwm-filter-toggle\">\n                        <input type=\"checkbox\" id=\"rwm-filter-open-now\" checked>\n                        <span>Open Now Only<\/span>\n                    <\/label>\n                <\/div>\n\n                <!-- Clear Filters Button -->\n                <div class=\"rwm-filter-actions\">\n                    <button type=\"button\" class=\"rwm-clear-filters\">\n                        Clear All Filters                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    \n    <!-- Main content: results -->\n    <div class=\"rwm-main-grid\">\n        <style>\n            @media (max-width: 900px) {\n                .rwm-main-grid { flex-direction: column; }\n            }\n\n            .rwm-search-bar .rwm-search-button--icon {\n                display: inline-flex !important;\n                align-items: center !important;\n                justify-content: center !important;\n                padding: 0 !important;\n                min-width: 0 !important;\n                width: 46px !important;\n                height: 46px !important;\n                border-radius: 999px !important;\n                background: transparent !important;\n                border: 2px solid rgba(255,255,255,0.06) !important;\n                box-shadow: 0 6px 18px rgba(0,0,0,0.36) !important;\n                margin-left: 8px !important;\n                color: var(--rwm-accent-secondary, #F7941D) !important;\n                transition: transform 180ms ease, box-shadow 220ms ease, background-color 200ms ease, border-color 160ms ease !important;\n                position: relative !important;\n                z-index: 70 !important;\n            }\n\n            .rwm-search-bar .rwm-search-button--icon .dashicons {\n                font-size: 16px !important;\n                width: 16px !important;\n                height: 16px !important;\n                line-height: 1 !important;\n                color: var(--rwm-accent-secondary, #F7941D) !important;\n            }\n\n            .rwm-search-bar .rwm-search-button--icon:hover {\n                transform: translateY(-2px) scale(1.03) !important;\n                box-shadow: 0 14px 40px rgba(10,72,52,0.18) !important;\n                border-color: rgba(255,255,255,0.12) !important;\n            }\n\n            \/* Pharmacy card styling *\/\n            .rwm-pharmacy-card {\n                cursor: pointer;\n                transition: transform 200ms ease, box-shadow 200ms ease;\n            }\n            .rwm-pharmacy-card:hover {\n                transform: translateY(-3px);\n                box-shadow: 0 8px 24px rgba(0,0,0,0.12);\n            }\n            .rwm-pharmacy-card .rwm-pharmacy-status {\n                display: inline-flex;\n                align-items: center;\n                gap: 4px;\n                font-size: 12px;\n                font-weight: 600;\n                padding: 2px 8px;\n                border-radius: 12px;\n            }\n            .rwm-pharmacy-card .rwm-pharmacy-status.open {\n                color: #059669;\n                background: rgba(5,150,105,0.1);\n            }\n            .rwm-pharmacy-card .rwm-pharmacy-distance {\n                font-size: 12px;\n                color: #6b7280;\n                margin-top: 4px;\n            }\n            .rwm-pharmacy-card .rwm-pharmacy-items-count {\n                font-size: 11px;\n                color: #9ca3af;\n            }\n            .rwm-pharmacy-card .rwm-pharmacy-closing {\n                font-size: 11px;\n                color: #f59e0b;\n            }\n            .rwm-pharmacy-card .rwm-visit-btn {\n                display: inline-flex;\n                align-items: center;\n                gap: 4px;\n                padding: 6px 16px;\n                border-radius: 8px;\n                font-size: 13px;\n                font-weight: 600;\n                border: none;\n                cursor: pointer;\n                background: var(--rwm-primary-color, #139647);\n                color: #fff;\n                transition: background 200ms ease;\n            }\n            .rwm-pharmacy-card .rwm-visit-btn:hover {\n                background: var(--rwm-button-hover, #0d6e34);\n            }\n\n            \/* On Call status badge *\/\n            .rwm-pharmacy-card .rwm-pharmacy-status.on-call {\n                color: #d97706;\n                background: rgba(217,119,6,0.1);\n            }\n\n            \/* Coming Soon Popup *\/\n            .rwm-coming-soon-overlay {\n                position: fixed;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background: rgba(0,0,0,0.5);\n                z-index: 10000;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                padding: 20px;\n            }\n            .rwm-coming-soon-popup {\n                background: #fff;\n                border-radius: 16px;\n                padding: 32px 24px;\n                max-width: 380px;\n                width: 100%;\n                text-align: center;\n                box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n                position: relative;\n                animation: rwmPopupIn 200ms ease-out;\n            }\n            @keyframes rwmPopupIn {\n                from { transform: scale(0.9); opacity: 0; }\n                to { transform: scale(1); opacity: 1; }\n            }\n            .rwm-coming-soon-close {\n                position: absolute;\n                top: 12px;\n                right: 16px;\n                background: none;\n                border: none;\n                font-size: 24px;\n                color: #999;\n                cursor: pointer;\n                line-height: 1;\n                padding: 0;\n            }\n            .rwm-coming-soon-close:hover {\n                color: #333;\n            }\n            .rwm-coming-soon-icon {\n                margin-bottom: 12px;\n            }\n            .rwm-coming-soon-icon .dashicons {\n                font-size: 48px;\n                width: 48px;\n                height: 48px;\n                color: var(--rwm-primary-color, #139647);\n            }\n            .rwm-coming-soon-title {\n                font-size: 20px;\n                font-weight: 700;\n                color: #1a1a1a;\n                margin: 0 0 12px;\n            }\n            .rwm-coming-soon-pharmacy {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 8px;\n                margin-bottom: 8px;\n                font-size: 15px;\n            }\n            .rwm-coming-soon-pharmacy strong {\n                color: #1a1a1a;\n            }\n            .rwm-coming-soon-location {\n                font-size: 13px;\n                color: #6b7280;\n                margin-bottom: 12px;\n            }\n            .rwm-coming-soon-location .dashicons {\n                font-size: 14px;\n                width: 14px;\n                height: 14px;\n                vertical-align: middle;\n            }\n            .rwm-coming-soon-message {\n                font-size: 14px;\n                color: #6b7280;\n                line-height: 1.5;\n                margin: 0 0 20px;\n            }\n            .rwm-coming-soon-ok {\n                display: inline-block;\n                padding: 10px 40px;\n                border-radius: 10px;\n                font-size: 14px;\n                font-weight: 600;\n                border: none;\n                cursor: pointer;\n                background: var(--rwm-primary-color, #139647);\n                color: #fff;\n                transition: background 200ms ease;\n            }\n            .rwm-coming-soon-ok:hover {\n                background: var(--rwm-button-hover, #0d6e34);\n            }\n        <\/style>\n\n        <!-- Results Column -->\n        <div class=\"rwm-results-column\" style=\"flex:1;min-width:0;\">\n            <div class=\"rwm-results-container\" role=\"region\" aria-live=\"polite\">\n\n                <!-- Loading State -->\n                <div class=\"rwm-loading-state\" style=\"display: none;\">\n                    <div class=\"rwm-spinner\"><\/div>\n                    <p>Searching pharmacies...<\/p>\n                <\/div>\n\n                <!-- Results Grid -->\n                <div class=\"rwm-results-grid\">\n                    <!-- Pharmacy cards populated by JavaScript -->\n                <\/div>\n\n                <!-- Empty State -->\n                <div class=\"rwm-empty-state\" style=\"display: none;\" role=\"status\" aria-live=\"polite\">\n                    <div class=\"rwm-empty-card\">\n                        <div class=\"rwm-empty-card-left\">\n                            <div class=\"rwm-empty-visual\" aria-hidden=\"true\">\n                                <span class=\"dashicons dashicons-search\"><\/span>\n                            <\/div>\n                            <div class=\"rwm-empty-copy\">\n                                <h3 class=\"rwm-empty-title\">No pharmacies found<\/h3>\n                                <p class=\"rwm-empty-subtitle\">\n                                    Try searching with a different name, city, or area. You can also use your location to find nearby pharmacies.                                <\/p>\n                                <div class=\"rwm-empty-suggestions-container\">\n                                    <h4 class=\"rwm-suggestions-title\">Suggestions<\/h4>\n                                    <ul class=\"rwm-empty-suggestions\">\n                                        <li>Try searching by city name<\/li>\n                                        <li>Use your location to find nearby pharmacies<\/li>\n                                        <li>Check your spelling<\/li>\n                                    <\/ul>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"rwm-empty-card-right\">\n                            <div class=\"rwm-empty-actions\">\n                                <button type=\"button\"\n                                    class=\"rwm-btn rwm-btn-primary rwm-browse-all-pharmacies\">Show all open pharmacies<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Error State -->\n                <div class=\"rwm-error-state\" style=\"display: none;\">\n                    <div class=\"rwm-error-icon\">\n                        <span class=\"dashicons dashicons-warning\"><\/span>\n                    <\/div>\n                    <h3>Something went wrong<\/h3>\n                    <p class=\"rwm-error-message\"><\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Pagination -->\n    <div class=\"rwm-pagination\" style=\"display: none;\"\n        aria-label=\"Pharmacy results pagination\">\n        <nav class=\"rwm-pagination-nav\" role=\"navigation\" aria-label=\"Pages\">\n            <ul class=\"rwm-pagination-list\" role=\"list\">\n            <\/ul>\n        <\/nav>\n    <\/div>\n\n<\/div>\n\n<script>\n    (function () {\n        function init() {\n            var section = document.querySelector('.rwm-search-section');\n            var btn = document.querySelector('.rwm-search-button');\n            var input = document.getElementById('rwm-search-input');\n\n            if (!section) return;\n\n            var addCollapse = function () {\n                if (!section.classList.contains('rwm-has-border')) {\n                    section.classList.add('rwm-has-border');\n                }\n            };\n\n            if (btn) {\n                btn.addEventListener('click', function () { addCollapse(); }, { passive: true });\n            }\n\n            if (input) {\n                input.addEventListener('keydown', function (e) {\n                    if (e.key === 'Enter' || e.keyCode === 13) { addCollapse(); }\n                });\n                input.addEventListener('input', function () {\n                    if (input.value.trim() === '') {\n                        var resultsGrid = document.querySelector('.rwm-results-grid');\n                        var hasResults = resultsGrid && resultsGrid.children.length > 0;\n                        if (!hasResults) { section.classList.remove('rwm-has-border'); }\n                    }\n                });\n            }\n\n            var resultsContainer = document.querySelector('.rwm-results-container');\n            if (resultsContainer) {\n                var mo = new MutationObserver(function () {\n                    var loading = resultsContainer.querySelector('.rwm-loading-state');\n                    var error = resultsContainer.querySelector('.rwm-error-state');\n                    var resultsGrid = resultsContainer.querySelector('.rwm-results-grid');\n                    var hasResults = resultsGrid && resultsGrid.children.length > 0;\n\n                    var loadingVisible = loading && loading.style.display !== 'none' && loading.offsetParent !== null;\n                    var errorVisible = error && error.style.display !== 'none' && error.offsetParent !== null;\n\n                    if (loadingVisible || errorVisible || hasResults) {\n                        section.classList.add('rwm-has-border');\n                    } else {\n                        var inputEmpty = !input || input.value.trim() === '';\n                        if (inputEmpty) { section.classList.remove('rwm-has-border'); }\n                    }\n                });\n                mo.observe(resultsContainer, { childList: true, subtree: true, attributes: true, attributeFilter: ['style'] });\n            }\n        }\n\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', init);\n        } else {\n            init();\n        }\n    })();\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66da5f9 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"66da5f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kwata.app\/blood\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Find\/Become A Blood Donor<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\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>Find\/Become A Blood Donor<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kwata.app\/health\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kwata.app\/health\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kwata.app\/health\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kwata.app\/health\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kwata.app\/health\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":61,"href":"https:\/\/kwata.app\/health\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/kwata.app\/health\/wp-json\/wp\/v2\/pages\/7\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/kwata.app\/health\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}