{"id":333,"date":"2025-08-22T07:18:12","date_gmt":"2025-08-22T07:18:12","guid":{"rendered":"https:\/\/sample-events.allintheloop.com\/?page_id=333"},"modified":"2026-03-18T09:27:24","modified_gmt":"2026-03-18T09:27:24","slug":"schedule","status":"publish","type":"page","link":"https:\/\/allintheloop.com\/nar-legislative-2026\/schedule\/","title":{"rendered":"Schedule"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"333\" class=\"elementor elementor-333\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3d3b43 e-flex e-con-boxed e-con e-parent\" data-id=\"f3d3b43\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83f6928 elementor-widget elementor-widget-heading\" data-id=\"83f6928\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Schedule<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc0da88 elementor-widget elementor-widget-shortcode\" data-id=\"dc0da88\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t    <!-- SIDEBAR FILTER PANEL -->\n        <div class=\"filter-sidebar\">\n            <div class=\"filter-sidebar-inner\">\n                <div class=\"filter-header\">\n                    <h3>Filter by Type<\/h3>\n                    <button class=\"filter-close-btn\">&times;<\/button>\n                <\/div>\n                <div class=\"filter-clear-bar\" style=\"padding: 0 20px 15px; display: none;\">\n                    <button class=\"clear-filter-btn\" style=\"\n                        background: transparent;\n                        border: 1px solid #dc3545;\n                        color: #dc3545;\n                        padding: 8px 16px;\n                        border-radius: 6px;\n                        cursor: pointer;\n                        font-size: 14px;\n                        font-weight: 500;\n                        display: flex;\n                        align-items: center;\n                        gap: 6px;\n                        transition: all 0.2s ease;\n                    \">\n                        <i class=\"fa fa-times-circle\"><\/i> Clear All\n                    <\/button>\n                <\/div>\n        \n                <div class=\"filter-body\">\n                    <!-- Dynamic Types -->\n                    \n                    <div class=\"filter-group\">\n                        <h5 class=\"group-title\" data-group=\"7970\">\n                            Activity Type                            <span class=\"toggle-icon\">\n                                <i class=\"fa-solid fa-chevron-down\"><\/i>\n                            <\/span>\n                        <\/h5>\n\n                        <ul class=\"filter-checkbox-list\" id=\"group-7970\">\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46661\"\n                                            data-group=\"7970\"\n                                            data-type-color=\"#FFA640\">\n\n                                        <span class=\"checkbox-label\">\n                                            Ticketed Event                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46663\"\n                                            data-group=\"7970\"\n                                            data-type-color=\"#FFA640\">\n\n                                        <span class=\"checkbox-label\">\n                                            NAR Members Only                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46901\"\n                                            data-group=\"7970\"\n                                            data-type-color=\"#FFA640\">\n\n                                        <span class=\"checkbox-label\">\n                                            Office                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46928\"\n                                            data-group=\"7970\"\n                                            data-type-color=\"#FFA640\">\n\n                                        <span class=\"checkbox-label\">\n                                            State and Ancillary                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46929\"\n                                            data-group=\"7970\"\n                                            data-type-color=\"#FFA640\">\n\n                                        <span class=\"checkbox-label\">\n                                            Networking                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46641\"\n                                            data-group=\"7970\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            Governance Meetings                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46656\"\n                                            data-group=\"7970\"\n                                            data-type-color=\"#5140BD\">\n\n                                        <span class=\"checkbox-label\">\n                                            Live Streamed                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46651\"\n                                            data-group=\"7970\"\n                                            data-type-color=\"#FFA640\">\n\n                                        <span class=\"checkbox-label\">\n                                            Advanced Sign Up Required                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46647\"\n                                            data-group=\"7970\"\n                                            data-type-color=\"#D83A34\">\n\n                                        <span class=\"checkbox-label\">\n                                            Closed Meeting                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46646\"\n                                            data-group=\"7970\"\n                                            data-type-color=\"#FFA640\">\n\n                                        <span class=\"checkbox-label\">\n                                            By Invitation Only                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46645\"\n                                            data-group=\"7970\"\n                                            data-type-color=\"#FF8B33\">\n\n                                        <span class=\"checkbox-label\">\n                                            Expo Activities                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46644\"\n                                            data-group=\"7970\"\n                                            data-type-color=\"#D83A34\">\n\n                                        <span class=\"checkbox-label\">\n                                            Closed Press                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                \n                    <div class=\"filter-group\">\n                        <h5 class=\"group-title\" data-group=\"7604\">\n                            Affiliate                            <span class=\"toggle-icon\">\n                                <i class=\"fa-solid fa-chevron-down\"><\/i>\n                            <\/span>\n                        <\/h5>\n\n                        <ul class=\"filter-checkbox-list\" id=\"group-7604\">\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46668\"\n                                            data-group=\"7604\"\n                                            data-type-color=\"#864094\">\n\n                                        <span class=\"checkbox-label\">\n                                            WCR                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46665\"\n                                            data-group=\"7604\"\n                                            data-type-color=\"#864094\">\n\n                                        <span class=\"checkbox-label\">\n                                            REBI                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46667\"\n                                            data-group=\"7604\"\n                                            data-type-color=\"#864094\">\n\n                                        <span class=\"checkbox-label\">\n                                            RRC                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46642\"\n                                            data-group=\"7604\"\n                                            data-type-color=\"#003971\">\n\n                                        <span class=\"checkbox-label\">\n                                            NAR                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                \n                    <div class=\"filter-group\">\n                        <h5 class=\"group-title\" data-group=\"7617\">\n                            Topic\/Audience                            <span class=\"toggle-icon\">\n                                <i class=\"fa-solid fa-chevron-down\"><\/i>\n                            <\/span>\n                        <\/h5>\n\n                        <ul class=\"filter-checkbox-list\" id=\"group-7617\">\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46658\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            National Directors                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46659\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            Sales Agent                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46660\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            Global                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46662\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            Appraisers                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46657\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            MLS Directors                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46655\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            Education Directors                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46654\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            Communication Directors                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46653\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            Commercial Real Estate                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46652\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            Broker\/Owner\/Manager                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46650\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            IT Professional                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46649\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            Association Staff                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46648\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            Association Executives                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                            <li>\n                                    <label>\n                                        <input type=\"checkbox\"\n                                            class=\"filter-checkbox\"\n                                            value=\"46643\"\n                                            data-group=\"7617\"\n                                            data-type-color=\"#B03795\">\n\n                                        <span class=\"checkbox-label\">\n                                            Presidents                                        <\/span>\n                                    <\/label>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                                    <div class=\"filter-footer\">\n                        <div class=\"filter-mode-toggle\">\n                            <label class=\"toggle-label\">\n                                <input type=\"radio\" name=\"filter-mode\" value=\"and\" checked>\n                                <span>AND<\/span>\n                            <\/label>\n                            <label class=\"toggle-label\">\n                                <input type=\"radio\" name=\"filter-mode\" value=\"or\">\n                                <span>OR<\/span>\n                            <\/label>\n                        <\/div>\n                        <button class=\"apply-filter-btn\">Apply Filter<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- BACKDROP -->\n        <div class=\"filter-backdrop\"><\/div>\n        \t\t<div class=\"elementor-shortcode\">    <section class=\"schedule-section style-two\">\n                <div class=\"schedule-section-inner\">\n            <div class=\"schedule-tabs style-two tabs-box\">\n                <!-- ============================== -->\n                <!--     SEARCH BAR ADDED HERE     -->\n                <!-- ============================== -->\n                <div class=\"schedule-search-filter-main\">\n                    <div class=\"schedule-search-wrapper\" style=\"margin-bottom: 25px; text-align:center; position: relative; display: flex; align-items: center; gap: 10px;\">\n                        <input type=\"text\" id=\"scheduleSearch\" \n                            placeholder=\"Search sessions...\"\n                            style=\"\n                                width: 60%;\n                                padding: 12px 15px;\n                                font-size: 16px;\n                                border: 1px solid #ccc;\n                                border-radius: 8px;\n                            \">\n                        <button type=\"button\" id=\"clearSearchBtn\" \n                            style=\"\n                                padding: 12px 20px;\n                                font-size: 14px;\n                                background: #dc3545;\n                                color: #fff;\n                                border: none;\n                                border-radius: 8px;\n                                cursor: pointer;\n                                display: none;\n                            \">\n                            <i class=\"fa fa-times\"><\/i> Clear\n                        <\/button>\n                    <\/div>  \n                    <button type=\"button\" id=\"clearFilterMainBtn\" \n                        style=\"\n                            padding: 10px 18px;\n                            font-size: 14px;\n                            background: #dc3545;\n                            color: #fff;\n                            border: none;\n                            border-radius: 6px;\n                            cursor: pointer;\n                            margin-left: 10px;\n                            display: none;\n                            margin-bottom: 25px;\n                            margin-right: 10px;\n                        \">\n                        <i class=\"fa fa-times\"><\/i> Clear Filter\n                    <\/button> \n                    <button class=\"open-filter-btn\">\n                        <i class=\"fa fa-filter\"><\/i> Filter\n                    <\/button>\n                    \n                <\/div>\n                <!-- Tabs Navigation -->\n                <div class=\"tab-buttons-wrapper\">\n                    <button class=\"carousel-nav-btn carousel-prev\" type=\"button\">\n                        <i class=\"fa fa-chevron-left\"><\/i>\n                    <\/button>\n                    <div class=\"tab-buttons-carousel-container\">\n                        <ul class=\"tab-buttons-carousel\">\n                                                            <li class=\"tab-btn-item\">\n                                    <div class=\"tab-btn active-btn\"\n                                        data-tab=\"#tab-1\"\n                                        data-index=\"0\"\n                                        data-date=\"2026-06-13\">\n                                        <span class=\"date\">13<\/span>\n                                        <span class=\"month\">Jun<\/span>\n                                        \n                                        <span class=\"day-name\">SAT<\/span>\n                                    <\/div>\n                                <\/li>\n                                                            <li class=\"tab-btn-item\">\n                                    <div class=\"tab-btn \"\n                                        data-tab=\"#tab-2\"\n                                        data-index=\"1\"\n                                        data-date=\"2026-06-14\">\n                                        <span class=\"date\">14<\/span>\n                                        <span class=\"month\">Jun<\/span>\n                                        \n                                        <span class=\"day-name\">SUN<\/span>\n                                    <\/div>\n                                <\/li>\n                                                            <li class=\"tab-btn-item\">\n                                    <div class=\"tab-btn \"\n                                        data-tab=\"#tab-3\"\n                                        data-index=\"2\"\n                                        data-date=\"2026-06-15\">\n                                        <span class=\"date\">15<\/span>\n                                        <span class=\"month\">Jun<\/span>\n                                        \n                                        <span class=\"day-name\">MON<\/span>\n                                    <\/div>\n                                <\/li>\n                                                            <li class=\"tab-btn-item\">\n                                    <div class=\"tab-btn \"\n                                        data-tab=\"#tab-4\"\n                                        data-index=\"3\"\n                                        data-date=\"2026-06-16\">\n                                        <span class=\"date\">16<\/span>\n                                        <span class=\"month\">Jun<\/span>\n                                        \n                                        <span class=\"day-name\">TUE<\/span>\n                                    <\/div>\n                                <\/li>\n                                                            <li class=\"tab-btn-item\">\n                                    <div class=\"tab-btn \"\n                                        data-tab=\"#tab-5\"\n                                        data-index=\"4\"\n                                        data-date=\"2026-06-17\">\n                                        <span class=\"date\">17<\/span>\n                                        <span class=\"month\">Jun<\/span>\n                                        \n                                        <span class=\"day-name\">WED<\/span>\n                                    <\/div>\n                                <\/li>\n                                                            <li class=\"tab-btn-item\">\n                                    <div class=\"tab-btn \"\n                                        data-tab=\"#tab-6\"\n                                        data-index=\"5\"\n                                        data-date=\"2026-06-18\">\n                                        <span class=\"date\">18<\/span>\n                                        <span class=\"month\">Jun<\/span>\n                                        \n                                        <span class=\"day-name\">THU<\/span>\n                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <button class=\"carousel-nav-btn carousel-next\" type=\"button\">\n                        <i class=\"fa fa-chevron-right\"><\/i>\n                    <\/button>\n                <\/div>\n\n                <div class=\"tabs-content\" \n                     data-ajax-url=\"https:\/\/allintheloop.com\/nar-legislative-2026\/wp-admin\/admin-ajax.php\"\n                     data-nonce=\"bf8b9377cd\">\n                                            <div class=\"tab active-tab color-1\"\n                             id=\"tab-1\"\n                             data-date=\"2026-06-13\"\n                             data-loaded=\"true\">\n                            \n                                                        <div class=\"tab-date-header\" style=\"\n                                font-size: 20px;\n                                font-weight: 600;\n                                margin-bottom: 20px;\n                                padding: 15px 0;\n                                border-bottom: 2px solid #e0e0e0;\n                                color: #222;\n                            \">\n                                Saturday, Jun 13                            <\/div>\n\n                            <div class=\"schedule-timeline\">\n                                \n                                <div class=\"schedule-block color-1  \n                                     \"\n                                     data-message=\"You do not have access to this session.\"\n                                     data-search=\"leadership academy meeting (by invitation only) the\u00a02026 leadership academy class session focuses on nar&#039;s washington leadership efforts\u00a0and an afternoon skill-building workshop\n  governance meetings by invitation only nar\" data-types=\"46641,46646,46642\">\n\n                                    <div class=\"inner-box\">\n                                        <div class=\"inner\">\n\n                                            <div class=\"date\">\n                                                7:30 AM - 5:30 PM                                            <\/div>\n\n                                            <!-- Favourite -->\n                                            \n                                            <!-- Title -->\n                                            <h4>\n                                                                                                    <a class=\"agenda-link\" href=\"https:\/\/allintheloop.com\/nar-legislative-2026\/schedule-details\/?agenda_id=9mMEX96o6LuU7BlSosz4OQ%3D%3D\">\n                                                        Leadership Academy Meeting (By Invitation Only)                                                    <\/a>\n                                                                                                <\/h4>\n\n                                                                                            <div class=\"text\"><p style=\"margin-left:0in; margin-right:0in\">The\u00a02026 Leadership Academy Class session focuses on NAR&#39;s Washington leadership efforts\u00a0and an afternoon skill-building workshop<\/p>\n<\/div>\n                                            \n                                             \n                                            <!-- Tags -->\n                                                                                            <div class=\"type-buttons\" style=\"padding-bottom: 20px;\">\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #B03795;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            Governance Meetings                                                        <\/span>\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #FFA640;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            By Invitation Only                                                        <\/span>\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #003971;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            NAR                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                        \n                                            \n                                            \n                                            <!-- Location -->\n                                                                                            <div class=\"agenda-locations\">\n                                                    <span class=\"icon fa fa-map-marker-alt\"><\/span>\n                                                    Room 140AB, Level 1 \u2013 Walter E. Washington Convention Center                                                <\/div>\n                                            \n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                \n                                <div class=\"schedule-block color-2  \n                                     \"\n                                     data-message=\"You do not have access to this session.\"\n                                     data-search=\"real property operations committee the real property operations committee (rpoc) provides oversight to real property owned by nar in chicago, il, washington, dc and west chester, oh.\u00a0\r\n  governance meetings closed meeting nar\" data-types=\"46641,46647,46642\">\n\n                                    <div class=\"inner-box\">\n                                        <div class=\"inner\">\n\n                                            <div class=\"date\">\n                                                12:00 PM - 4:00 PM                                            <\/div>\n\n                                            <!-- Favourite -->\n                                            \n                                            <!-- Title -->\n                                            <h4>\n                                                                                                    <a class=\"agenda-link\" href=\"https:\/\/allintheloop.com\/nar-legislative-2026\/schedule-details\/?agenda_id=JrwfDf%2Fnus%2FVkSVf4zFRSQ%3D%3D\">\n                                                        Real Property Operations Committee                                                    <\/a>\n                                                                                                <\/h4>\n\n                                                                                            <div class=\"text\"><p>The Real Property Operations Committee (RPOC) provides oversight to real property owned by NAR in Chicago, IL, Washington, DC and West Chester, OH.\u00a0<\/p>\r\n<\/div>\n                                            \n                                             \n                                            <!-- Tags -->\n                                                                                            <div class=\"type-buttons\" style=\"padding-bottom: 20px;\">\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #B03795;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            Governance Meetings                                                        <\/span>\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #D83A34;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            Closed Meeting                                                        <\/span>\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #003971;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            NAR                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                        \n                                            \n                                            \n                                            <!-- Location -->\n                                                                                            <div class=\"agenda-locations\">\n                                                    <span class=\"icon fa fa-map-marker-alt\"><\/span>\n                                                    NAR Building, Boardroom, 12th Floor \u2013 Off Property Event                                                <\/div>\n                                            \n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                \n                                <div class=\"schedule-block color-3  \n                                     \"\n                                     data-message=\"You do not have access to this session.\"\n                                     data-search=\"aec: recommendations &amp; recognition advisory board to recommend the aec chair and vice chair; four ae appointees to the nar board of directors; aec representatives to nar committees. to select an annual william r. magel award of excellence recipient; to annually select up to three inductees to the dr. almon r. (bud) smith, rce, ae leadership society; to select the ae leaders of tomorrow young professionals award recipient; to annually select recipients for the william d. north annual ae institute scholarship; and to annually select recipients for the judith lindenau rce designation scholarships. when making appointments to the aec, the recommendations and recognition panel will be sensitive to the needs of considering one&#039;s individual talents, as well as reflecting diversity in gender and other minority constituencies.\n  governance meetings association staff association executives closed meeting closed press nar\" data-types=\"46641,46649,46648,46647,46644,46642\">\n\n                                    <div class=\"inner-box\">\n                                        <div class=\"inner\">\n\n                                            <div class=\"date\">\n                                                1:00 PM - 4:00 PM                                            <\/div>\n\n                                            <!-- Favourite -->\n                                            \n                                            <!-- Title -->\n                                            <h4>\n                                                                                                    <a class=\"agenda-link\" href=\"https:\/\/allintheloop.com\/nar-legislative-2026\/schedule-details\/?agenda_id=M88p9tvQ1Hut0Ai1jKLk6g%3D%3D\">\n                                                        AEC: Recommendations &amp; Recognition Advisory Board                                                    <\/a>\n                                                                                                <\/h4>\n\n                                                                                            <div class=\"text\"><p>To recommend the AEC Chair and Vice Chair; four AE appointees to the NAR Board of Directors; AEC Representatives to NAR committees. To select an annual William R. Magel Award of Excellence recipient; to annually select up to three inductees to the Dr. Almon R. (Bud) Smith, RCE, AE Leadership Society; to select the AE leaders of Tomorrow Young Professionals Award recipient; to annually select recipients for the William D. North Annual AE Institute Scholarship; and to annually select recipients for the Judith Lindenau RCE Designation scholarships. When making appointments to the AEC, the Recommendations and Recognition Panel will be sensitive to the needs of considering one&#39;s individual talents, as well as reflecting diversity in gender and other minority constituencies.<\/p>\n<\/div>\n                                            \n                                             \n                                            <!-- Tags -->\n                                                                                            <div class=\"type-buttons\" style=\"padding-bottom: 20px;\">\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #B03795;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            Governance Meetings                                                        <\/span>\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #B03795;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            Association Staff                                                        <\/span>\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #B03795;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            Association Executives                                                        <\/span>\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #D83A34;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            Closed Meeting                                                        <\/span>\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #D83A34;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            Closed Press                                                        <\/span>\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #003971;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            NAR                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                        \n                                            \n                                            \n                                            <!-- Location -->\n                                                                                            <div class=\"agenda-locations\">\n                                                    <span class=\"icon fa fa-map-marker-alt\"><\/span>\n                                                    Room 153, Level 1 \u2013 Walter E. Washington Convention Center                                                <\/div>\n                                            \n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                \n                                <div class=\"schedule-block color-4  \n                                     \"\n                                     data-message=\"You do not have access to this session.\"\n                                     data-search=\"leadership academy advisory group ( by invitation only)   governance meetings by invitation only nar\" data-types=\"46641,46646,46642\">\n\n                                    <div class=\"inner-box\">\n                                        <div class=\"inner\">\n\n                                            <div class=\"date\">\n                                                1:00 PM - 5:30 PM                                            <\/div>\n\n                                            <!-- Favourite -->\n                                            \n                                            <!-- Title -->\n                                            <h4>\n                                                                                                    <a class=\"agenda-link\" href=\"https:\/\/allintheloop.com\/nar-legislative-2026\/schedule-details\/?agenda_id=U%2BZRG5Favt6pDMBiGfxyNQ%3D%3D\">\n                                                        Leadership Academy Advisory Group ( By Invitation Only)                                                    <\/a>\n                                                                                                <\/h4>\n\n                                            \n                                             \n                                            <!-- Tags -->\n                                                                                            <div class=\"type-buttons\" style=\"padding-bottom: 20px;\">\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #B03795;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            Governance Meetings                                                        <\/span>\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #FFA640;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            By Invitation Only                                                        <\/span>\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #003971;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            NAR                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                        \n                                            \n                                            \n                                            <!-- Location -->\n                                                                                            <div class=\"agenda-locations\">\n                                                    <span class=\"icon fa fa-map-marker-alt\"><\/span>\n                                                    Room 154AB, Level 1 \u2013 Walter E. Washington Convention Center                                                <\/div>\n                                            \n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                \n                                <div class=\"schedule-block color-1  \n                                     \"\n                                     data-message=\"You do not have access to this session.\"\n                                     data-search=\"colab nar realtor benefits partner welcome reception   governance meetings by invitation only\" data-types=\"46641,46646\">\n\n                                    <div class=\"inner-box\">\n                                        <div class=\"inner\">\n\n                                            <div class=\"date\">\n                                                6:00 PM - 10:00 PM                                            <\/div>\n\n                                            <!-- Favourite -->\n                                            \n                                            <!-- Title -->\n                                            <h4>\n                                                                                                    <a class=\"agenda-link\" href=\"https:\/\/allintheloop.com\/nar-legislative-2026\/schedule-details\/?agenda_id=FRQiEREOGHKqlg0A0cT%2B1g%3D%3D\">\n                                                        CoLAB NAR REALTOR Benefits Partner Welcome Reception                                                    <\/a>\n                                                                                                <\/h4>\n\n                                            \n                                             \n                                            <!-- Tags -->\n                                                                                            <div class=\"type-buttons\" style=\"padding-bottom: 20px;\">\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #B03795;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            Governance Meetings                                                        <\/span>\n                                                                                                            <span class=\"type-badge\"\n                                                            style=\"\n                                                                background: #FFA640;\n                                                                color: #fff;\n                                                                padding: 4px 10px;\n                                                                border-radius: 6px;\n                                                                font-size: 16px;\n                                                                margin-right: 6px;\n                                                                margin-bottom: 15px;\n                                                                display: inline-block;\n                                                            \">\n                                                            By Invitation Only                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                        \n                                            \n                                            \n                                            <!-- Location -->\n                                                                                            <div class=\"agenda-locations\">\n                                                    <span class=\"icon fa fa-map-marker-alt\"><\/span>\n                                                    Off Property                                                <\/div>\n                                            \n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"tab  color-2\"\n                             id=\"tab-2\"\n                             data-date=\"2026-06-14\"\n                             data-loaded=\"false\">\n                            \n                                                        <div class=\"tab-date-header\" style=\"\n                                font-size: 20px;\n                                font-weight: 600;\n                                margin-bottom: 20px;\n                                padding: 15px 0;\n                                border-bottom: 2px solid #e0e0e0;\n                                color: #222;\n                            \">\n                                Sunday, Jun 14                            <\/div>\n\n                            <div class=\"schedule-timeline\">\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"tab  color-3\"\n                             id=\"tab-3\"\n                             data-date=\"2026-06-15\"\n                             data-loaded=\"false\">\n                            \n                                                        <div class=\"tab-date-header\" style=\"\n                                font-size: 20px;\n                                font-weight: 600;\n                                margin-bottom: 20px;\n                                padding: 15px 0;\n                                border-bottom: 2px solid #e0e0e0;\n                                color: #222;\n                            \">\n                                Monday, Jun 15                            <\/div>\n\n                            <div class=\"schedule-timeline\">\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"tab  color-4\"\n                             id=\"tab-4\"\n                             data-date=\"2026-06-16\"\n                             data-loaded=\"false\">\n                            \n                                                        <div class=\"tab-date-header\" style=\"\n                                font-size: 20px;\n                                font-weight: 600;\n                                margin-bottom: 20px;\n                                padding: 15px 0;\n                                border-bottom: 2px solid #e0e0e0;\n                                color: #222;\n                            \">\n                                Tuesday, Jun 16                            <\/div>\n\n                            <div class=\"schedule-timeline\">\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"tab  color-1\"\n                             id=\"tab-5\"\n                             data-date=\"2026-06-17\"\n                             data-loaded=\"false\">\n                            \n                                                        <div class=\"tab-date-header\" style=\"\n                                font-size: 20px;\n                                font-weight: 600;\n                                margin-bottom: 20px;\n                                padding: 15px 0;\n                                border-bottom: 2px solid #e0e0e0;\n                                color: #222;\n                            \">\n                                Wednesday, Jun 17                            <\/div>\n\n                            <div class=\"schedule-timeline\">\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"tab  color-2\"\n                             id=\"tab-6\"\n                             data-date=\"2026-06-18\"\n                             data-loaded=\"false\">\n                            \n                                                        <div class=\"tab-date-header\" style=\"\n                                font-size: 20px;\n                                font-weight: 600;\n                                margin-bottom: 20px;\n                                padding: 15px 0;\n                                border-bottom: 2px solid #e0e0e0;\n                                color: #222;\n                            \">\n                                Thursday, Jun 18                            <\/div>\n\n                            <div class=\"schedule-timeline\">\n                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Pagination -->\n            <\/section>\n    \n    <!-- Global Schedule Data -->\n    <script>\n    window.scheduleUserData = {\n        isLoggedIn: false,\n        eventId: '5090',\n        userId: '',\n        userAgendaIds: [],\n        scheduleDetailUrl: 'https:\/\/allintheloop.com\/nar-legislative-2026\/schedule-details\/',\n        firstDate: '2026-06-13',\n        currentLoadedDate: '2026-06-13'\n    };\n    <\/script>\n    \n    <!-- Loader -->\n    <div class=\"pagination-loader\" style=\"display: none;\">\n        <div class=\"loader-spinner\"><\/div>\n        <span class=\"loader-text\">Loading...<\/span>\n    <\/div>\n     <!-- Zoom Meeting Popup -->\n    <div id=\"zoom-meeting-popup\" class=\"zoom-popup-overlay\" style=\"display: none;\">\n        <div class=\"zoom-popup-container\">\n            <div class=\"zoom-popup-header\">\n                <h3>Join Zoom Meeting<\/h3>\n                <button class=\"zoom-popup-close\" id=\"zoom-popup-close\">\n                    <i class=\"fa fa-times\"><\/i>\n                <\/button>\n            <\/div>\n            <div class=\"zoom-popup-body\">\n                <div id=\"zoom-meeting-container\">\n                    <div id=\"zmmtg-root\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <style>\n        .agenda-speaker-card{\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            border: 1px solid #cccccc;\n            margin-right: 10px;\n            padding: 12px 6px 6px 6px;\n            border-radius: 10px;\n        }\n        .filtered-hide {\n            display: none !important;\n        }\n        .search-hide {\n            display: none !important;\n        }\n        \/* Date header styling *\/\n        .tab-date-header {\n            font-size: 20px;\n            font-weight: 600;\n            margin-bottom: 20px;\n            padding: 15px 0;\n            border-bottom: 2px solid #e0e0e0;\n            color: #222;\n            font-family: Poppins-Medium, sans-serif;\n        }\n        \/* When searching, show all tabs with results in a unified view *\/\n        .schedule-section.search-active .tabs-content .tab.active-tab {\n            display: block !important;\n        }\n        .schedule-section.search-active .tabs-content .tab.active-tab + .tab.active-tab {\n            margin-top: 40px;\n            padding-top: 20px;\n            border-top: 1px solid #e0e0e0;\n        }\n        button.open-filter-btn,\n        button.apply-filter-btn{\n            float: right;\n            margin-bottom: 25px;\n            background: #000;\n            color: #fff;\n            border-radius: 5px;\n            border-color: #000;\n        }\n        button.apply-filter-btn {\n            float: none;\n            margin-top: 20px;\n            width: 100%;\n        }\n        \n        \/* Filter Mode Toggle *\/\n        .filter-mode-toggle {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 15px;\n            justify-content: center;\n        }\n        \n        .toggle-label {\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n            padding: 8px 16px;\n            border: 2px solid #ddd;\n            border-radius: 5px;\n            background: #fff;\n            transition: all 0.3s;\n        }\n        \n        .toggle-label input[type=\"radio\"] {\n            margin-right: 6px;\n        }\n        \n        .toggle-label input[type=\"radio\"]:checked + span {\n            font-weight: 600;\n        }\n        \n        .toggle-label:has(input[type=\"radio\"]:checked) {\n            border-color: #000;\n            background: #f5f5f5;\n        }\n        \n        \/* Collapsible Filter Groups *\/\n        .filter-group {\n            margin-bottom: 10px;\n            border: none;\n            border-radius: 0;\n            overflow: hidden;\n        }\n        \n        .group-title {\n            background: #f5f5f5;\n            padding: 10px 15px;\n            margin: 0;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-weight: 600;\n            color: #333;\n            transition: background-color 0.3s;\n            user-select: none;\n            border-bottom: 1px solid #e0e0e0;\n        }\n        \n        .group-title:hover {\n            background: #eeeeee;\n        }\n        \n        .toggle-icon {\n            font-size: 12px;\n            transition: transform 0.3s;\n            color: #666;\n        }\n        \n        .group-title.collapsed .toggle-icon {\n            transform: rotate(-90deg);\n        }\n        \n        .filter-checkbox-list {\n            margin: 0;\n            padding: 15px;\n            background: #fff;\n            transition: max-height 0.3s ease-out, opacity 0.3s ease-out;\n            opacity: 1;\n            max-height: none;\n            overflow: visible;\n        }\n        \n        .filter-checkbox-list.collapsed {\n            max-height: 0;\n            padding: 0 15px;\n            opacity: 0;\n            overflow: hidden;\n        }\n        \n        \/* Start with collapsed state *\/\n        .filter-checkbox-list {\n            display: none;\n        }\n        \n        .filter-checkbox-list:not(.collapsed) {\n            display: block;\n        }\n        \n        \/* Colored Checkboxes *\/\n        .filter-checkbox-list label {\n            display: flex;\n            \/*align-items: center;*\/\n            cursor: pointer;\n        }\n        \n        .filter-checkbox-list input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            margin-right: 10px;\n            cursor: pointer;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            appearance: none;\n            border: 2px solid #ccc;\n            border-radius: 3px;\n            position: relative;\n            transition: all 0.3s;\n        }\n        \n        .filter-checkbox-list input[type=\"checkbox\"]:checked {\n            background-color: var(--checkbox-color, #0073aa);\n            border-color: var(--checkbox-color, #0073aa);\n        }\n        \n        .filter-checkbox-list input[type=\"checkbox\"]:checked::after {\n            content: '\u2713';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            color: #fff;\n            font-size: 12px;\n            font-weight: bold;\n        }\n        \n        .filter-checkbox-list input[type=\"checkbox\"]:not(:checked) {\n            border-color: #ccc;\n        }\n        \n        .filter-checkbox-list input[type=\"checkbox\"]:hover {\n            border-color: var(--checkbox-color, #0073aa);\n        }\n        \n        \/* Filter Sidebar Styles *\/\n        .filter-sidebar {\n            position: fixed;\n            top: 0;\n            right: -400px;\n            width: 350px;\n            height: 100vh;\n            background: #fff;\n            box-shadow: -2px 0 10px rgba(0,0,0,0.1);\n            z-index: 1001;\n            transition: right 0.3s ease;\n            overflow-y: auto;\n        }\n        \n        .filter-sidebar.active {\n            right: 0;\n        }\n        \n        .filter-sidebar-inner {\n            padding: 20px;\n        }\n        \n        .filter-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 20px;\n            padding-bottom: 15px;\n            border-bottom: 1px solid #e0e0e0;\n        }\n        \n        .filter-header h3 {\n            margin: 0;\n            font-size: 18px;\n            font-weight: 600;\n        }\n        \n        .filter-close-btn {\n            background: none;\n            border: none;\n            font-size: 24px;\n            cursor: pointer;\n            padding: 0;\n            width: 30px;\n            height: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .filter-backdrop {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0,0,0,0.5);\n            z-index: 1000;\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s ease, visibility 0.3s ease;\n        }\n        \n        .filter-backdrop.active {\n            opacity: 1;\n            visibility: visible;\n        }\n        \n        \/* Date Carousel Styles *\/\n        .tab-buttons-wrapper {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 30px;\n            padding: 0 50px;\n        }\n        \n        .tab-buttons-carousel-container {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n            flex: 1;\n        }\n        \n        .tab-buttons-carousel {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            transition: transform 0.4s ease;\n            will-change: transform;\n        }\n        \n        .tab-buttons-carousel .tab-btn-item {\n            flex-shrink: 0;\n            padding: 0 7.5px;\n        }\n        \n        .tab-buttons-carousel .tab-btn {\n            position: relative;\n            display: inline-block;\n            \/* height: 135px; *\/\n            width: 160px;\n            border-radius: 20px;\n            background-color: #ffffff;\n            font-size: 16px;\n            line-height: 20px;\n            color: #222222;\n            font-weight: 600;\n            text-align: center;\n            padding: 35px 15px;\n            cursor: pointer;\n            margin: 0;\n            border: 1px solid #dddddd;\n            -webkit-transition: all 300ms ease;\n            -moz-transition: all 300ms ease;\n            -ms-transition: all 300ms ease;\n            -o-transition: all 300ms ease;\n            transition: all 300ms ease;\n            font-family: Poppins-Medium;\n            box-sizing: border-box;\n        }\n        \n        .tab-buttons-carousel .tab-btn:hover {\n            border-color: #404040;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n        }\n        \n        .tab-buttons-carousel .tab-btn.active-btn {\n            border-color: #404040;\n            box-shadow: 0 0px 30px #404040;\n        }\n        \n        .tab-buttons-carousel .tab-btn .date {\n            position: relative;\n            left: auto;\n            top: auto;\n            width: 100%;\n            display: block;\n            font-size: 38px;\n            line-height: 20px;\n            font-weight: 600;\n            color: #222222;\n            margin-bottom: 5px;\n            font-family: Poppins-Medium;\n        }\n        \n        .tab-buttons-carousel .tab-btn .month {\n            display: block;\n            font-size: 20px;\n            line-height: 1em;\n            font-weight: 600;\n            color: #222222;\n            text-transform: uppercase;\n            margin-bottom: 3px;\n            font-family: Poppins-Medium;\n        }\n        \n        \/* Carousel Navigation Buttons *\/\n        .carousel-nav-btn {\n            background: #222222;\n            color: #ffffff;\n            border: none;\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 18px;\n            transition: all 0.3s ease;\n            flex-shrink: 0;\n            z-index: 10;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n        \n        .carousel-nav-btn:hover {\n            background: #404040;\n            transform: translateY(-50%) scale(1.1);\n        }\n        \n        .carousel-nav-btn:disabled {\n            opacity: 0.3;\n            cursor: not-allowed;\n            transform: translateY(-50%);\n        }\n        \n        .carousel-prev {\n            left: 0;\n        }\n        \n        .carousel-next {\n            right: 0;\n        }\n        \n        \/* Hide filtered items in carousel *\/\n        .tab-buttons-carousel .tab-btn-item.filtered-hide {\n            display: none !important;\n        }\n        \n        @media (max-width: 768px) {\n            .tab-buttons-wrapper {\n                padding: 0 40px;\n            }\n        }\n        \n        \/* Pagination Styles *\/\n        .schedule-pagination-wrapper {\n            margin-top: 40px;\n            text-align: center;\n            padding: 20px 0;\n            position: relative;\n        }\n        \n        .schedule-pagination {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            flex-wrap: wrap;\n            justify-content: center;\n        }\n        \n        .pagination-btn {\n            padding: 10px 20px;\n            background-color: #222;\n            color: #fff;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n            font-size: 15px;\n            font-weight: 600;\n            transition: all 0.2s ease;\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            white-space: nowrap;\n        }\n        \n        .pagination-btn:hover:not(:disabled) {\n            background-color: #404040;\n            transform: translateY(-1px);\n            box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n        }\n        \n        .pagination-btn:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n            background-color: #ccc;\n        }\n        \n        .pagination-numbers {\n            display: inline-flex;\n            align-items: center;\n            gap: 4px;\n            margin: 0 10px;\n        }\n        \n        .pagination-number {\n            min-width: 40px;\n            height: 40px;\n            padding: 0 8px;\n            background-color: #fff;\n            color: #222;\n            border: 1px solid #ddd;\n            border-radius: 5px;\n            cursor: pointer;\n            font-size: 15px;\n            font-weight: 500;\n            transition: all 0.2s ease;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .pagination-number:hover:not(:disabled) {\n            background-color: #f5f5f5;\n            border-color: #222;\n            transform: translateY(-1px);\n        }\n        \n        .pagination-number.active {\n            background-color: #222;\n            color: #fff;\n            border-color: #222;\n            font-weight: 600;\n            cursor: default;\n        }\n        \n        .pagination-number:disabled {\n            cursor: default;\n        }\n        \n        .pagination-dots {\n            padding: 0 8px;\n            color: #999;\n            font-size: 16px;\n            user-select: none;\n        }\n        \n        .pagination-loading {\n            opacity: 0.6;\n            pointer-events: none;\n        }\n        \n        \/* Loader Styles *\/\n        .pagination-loader {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-color: rgba(255, 255, 255, 0.95);\n            display: none;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            z-index: 1000;\n            border-radius: 8px;\n            backdrop-filter: blur(2px);\n        }\n        \n        .pagination-loader[style*=\"display: flex\"],\n        .pagination-loader.show {\n            display: flex !important;\n        }\n        \n        .loader-spinner {\n            width: 40px;\n            height: 40px;\n            border: 4px solid #f3f3f3;\n            border-top: 4px solid #222;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n        }\n        \n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n        \n        .loader-text {\n            font-size: 16px;\n            color: #222;\n            font-weight: 500;\n        }\n        \n        @media (max-width: 768px) {\n            .schedule-pagination {\n                flex-direction: column;\n                gap: 15px;\n            }\n            \n            .pagination-btn {\n                width: 100%;\n                max-width: 200px;\n                justify-content: center;\n            }\n            \n            .pagination-numbers {\n                margin: 10px 0;\n                flex-wrap: wrap;\n                justify-content: center;\n            }\n            \n            .pagination-number {\n                min-width: 36px;\n                height: 36px;\n                font-size: 14px;\n            }\n        }\n    <\/style>\n    <script>\n        \/\/ Global filter state \u2014 must be declared before any IIFE references them\n        var selectedTypesGlobal  = [];\n        var filterModeGlobal     = 'and';\n        var filterPayloadGlobal  = null; \/\/ \u2190 ADD THIS\n    \/\/ ===============================\n    \/\/ LIVE SEARCH SYSTEM - Search ONLY within the currently selected date\n    \/\/ ===============================\n    (function() {\n        function initScheduleSearch() {\n            if (typeof jQuery === 'undefined') {\n                setTimeout(initScheduleSearch, 100);\n                return;\n            }\n            \n            var $ = jQuery;\n            var searchTimeout;\n            var $scheduleSection = $('.schedule-section.style-two');\n            var $searchInput = $('#scheduleSearch');\n            var $clearSearchBtn = $('#clearSearchBtn');\n            var currentActiveDate = window.scheduleUserData ? window.scheduleUserData.currentLoadedDate : '';\n\n            \/\/ Show\/hide clear button based on search input\n            function updateClearSearchButton() {\n                if ($searchInput.val().trim().length > 0) {\n                    $clearSearchBtn.show();\n                } else {\n                    $clearSearchBtn.hide();\n                }\n            }\n\n            \/\/ Handle clear search button click\n            $clearSearchBtn.on('click', function() {\n                $searchInput.val('');\n                $clearSearchBtn.hide();\n                \n                \/\/ Check if any filters are checked\n                var hasCheckedFilters = $('.filter-checkbox:checked').length > 0;\n                \n                if (hasCheckedFilters) {\n                    \/\/ Rebuild and apply filter payload\n                    selectedTypesGlobal = [];\n                    filterModeGlobal = $('input[name=\"filter-mode\"]:checked').val() || 'and';\n                    \n                    var groupedFilters = {};\n                    $('.filter-checkbox:checked').each(function () {\n                        var typeId  = $(this).val();\n                        var groupId = $(this).data('group');\n                        if (!groupedFilters[groupId]) {\n                            groupedFilters[groupId] = [];\n                        }\n                        groupedFilters[groupId].push(typeId);\n                        selectedTypesGlobal.push(typeId);\n                    });\n                    \n                    var filtersArray = [];\n                    Object.keys(groupedFilters).forEach(function(groupKey) {\n                        filtersArray.push({\n                            group_key: groupKey,\n                            values:    groupedFilters[groupKey]\n                        });\n                    });\n                    \n                    filterPayloadGlobal = filtersArray.length > 0 ? {\n                        filter_type: filterModeGlobal.toUpperCase(),\n                        filters:     filtersArray\n                    } : null;\n                    \n                    \/\/ Reload agenda with filters\n                    let $activeTab  = $('.tab.active-tab');\n                    let currentDate = $activeTab.data('date');\n                    if (!currentDate) {\n                        currentDate = $('.tab-buttons-carousel .tab-btn.active-btn').data('date') || $('.tab-buttons-carousel .tab-btn').first().data('date') || '';\n                        if (currentDate) {\n                            $activeTab = $('.tabs-content .tab[data-date=\"' + currentDate + '\"]');\n                        }\n                    }\n                    \n                    $('.tab').data('loaded', false);\n                    \n                    if (currentDate && $activeTab.length) {\n                        window.loadAgendaByDate(currentDate, $activeTab, { sendDate: false });\n                    } else if (typeof window.loadDefaultAgendaData === 'function') {\n                        window.loadDefaultAgendaData();\n                    }\n                } else {\n                    \/\/ No filters checked, reload default agenda data\n                    if (typeof window.loadDefaultAgendaData === 'function') {\n                        window.loadDefaultAgendaData();\n                    } else if (typeof loadDefaultAgendaData === 'function') {\n                        loadDefaultAgendaData();\n                    }\n                }\n            });\n\n            \/\/ Update clear button visibility on input\n            $searchInput.on('input', function() {\n                updateClearSearchButton();\n            });\n            \n            \/\/ Update current active date when tab changes\n            $(document).on('click', '.tab-buttons-carousel .tab-btn', function() {\n                var date = $(this).data('date');\n                if (date) {\n                    currentActiveDate = date;\n                    if (window.scheduleUserData) {\n                        window.scheduleUserData.currentLoadedDate = date;\n                    }\n                }\n            });\n            \n            \/\/ Listen for agenda loaded events\n            $(document).on('agenda:loaded', function(e, date, agendaList) {\n                if (currentActiveDate === date) {\n                    \/\/ Search results are now fetched from API directly via input handler.\n                    \/\/ Keep this hook only for date state synchronization.\n                }\n            });\n            \n            \/\/ Only initialize if schedule section and search input exist\n            if (!$scheduleSection.length || !$searchInput.length) {\n                setTimeout(initScheduleSearch, 100);\n                return;\n            }\n\n            \/\/ Initial check for clear button visibility\n            updateClearSearchButton();\n            \n            \/\/ Remove any existing handlers to prevent duplicates\n            $searchInput.off('input.search keyup.search');\n            \n            function performSearch(searchVal) {\n                if (searchVal) {\n                    $scheduleSection.addClass('search-active');\n                } else {\n                    $scheduleSection.removeClass('search-active');\n                }\n\n                var $activeTab = $scheduleSection.find('.tab.active-tab');\n                if (!$activeTab.length || typeof window.loadAgendaByDate !== 'function') {\n                    return;\n                }\n\n                var activeDate = $activeTab.data('date') || currentActiveDate;\n                if (!activeDate) {\n                    var $firstBtn = $('.tab-buttons-carousel .tab-btn').first();\n                    activeDate = $firstBtn.data('date') || '';\n                }\n\n                if (!activeDate) {\n                    return;\n                }\n\n                \/\/ Force reload so AJAX runs for each search term.\n                $('.tab').data('loaded', false);\n                \/\/ Search request should not send date.\n                window.loadAgendaByDate(activeDate, $activeTab, { sendDate: false });\n            }\n            \n            $searchInput.on('input.search keyup.search', function() {\n                clearTimeout(searchTimeout);\n                var $input = $(this);\n                \n                searchTimeout = setTimeout(function() {\n                    var searchVal = $input.val().trim();\n                    if (!searchVal && !filterPayloadGlobal) {\n                        if (typeof window.loadDefaultAgendaData === 'function') {\n                            window.loadDefaultAgendaData();\n                            return;\n                        }\n                    }\n                    performSearch(searchVal);\n                }, 350); \/\/ Debounce API search calls\n            });\n        }\n        \n        \/\/ Initialize search when DOM is ready\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initScheduleSearch);\n        } else {\n            \/\/ DOM already loaded, try to initialize\n            if (window.requestIdleCallback) {\n                requestIdleCallback(initScheduleSearch);\n            } else {\n                setTimeout(initScheduleSearch, 100);\n            }\n        } \n    })();\n\n     jQuery(document).ready(function($) {\n        \/\/ When blocked agenda clicked\n        $(\".schedule-block.blocked-agenda\").on(\"click\", function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n    \n            let message = $(this).data(\"message\");\n            $(\"#blockedMessage\").text(message);\n    \n            $(\"#blockedPopup\").fadeIn();\n        });\n    \n        \/\/ Close popup button\n        $(\".close-blocked-popup\").on(\"click\", function() {\n            $(\"#blockedPopup\").fadeOut();\n        });\n    \n        \/\/ Click outside closes popup\n        $(\"#blockedPopup\").on(\"click\", function(e) {\n            if (e.target.id === \"blockedPopup\") {\n                $(\"#blockedPopup\").fadeOut();\n            }\n        });\n    \n        \/\/ Prevent links inside blocked item from working\n        $(\".schedule-block.blocked-agenda a\").on(\"click\", function(e) {\n            e.preventDefault();\n        });\n    \n    });\n    \/\/ Disable right-click \n    \/\/document.addEventListener(\"contextmenu\", event => event.preventDefault());\n    \n    \/\/ Disable F12, Ctrl+Shift+I, Ctrl+U\n    document.onkeydown = function(e) {\n        if (e.keyCode == 123) return false; \n        if (e.ctrlKey && e.shiftKey && e.keyCode == 73) return false;\n        if (e.ctrlKey && e.keyCode == 85) return false;\n    };\n\n    jQuery(document).ready(function($) {\n        \/\/ First date is automatically selected by PHP - no persistence needed\n        \/\/ The first tab is always active on page load\n    });\n\n    \/\/ ==================================================\n    \/\/ AJAX LOADING OF AGENDA BY DATE\n    \/\/ ==================================================\n    (function() {\n        function initDateAjaxLoading() {\n            if (typeof jQuery === 'undefined') {\n                setTimeout(initDateAjaxLoading, 100);\n                return;\n            }\n            \n            var $ = jQuery;\n            var isLoading = false;\n            var $tabsContent = $('.tabs-content');\n            var ajaxUrl = $tabsContent.data('ajax-url');\n            var nonce = $tabsContent.data('nonce');\n\n            function formatDateHeader(dateStr) {\n                var d = new Date(dateStr + 'T00:00:00');\n                if (isNaN(d.getTime())) {\n                    return dateStr;\n                }\n                return d.toLocaleDateString('en-US', {\n                    weekday: 'long',\n                    month: 'short',\n                    day: '2-digit'\n                });\n            }\n\n            function rebuildDateTabsFromApiDates(dates, activeDate) {\n                if (!Array.isArray(dates) || !dates.length) {\n                    return null;\n                }\n\n                var $carousel = $('.tab-buttons-carousel');\n                var $tabsWrap = $('.tabs-content');\n                if (!$carousel.length || !$tabsWrap.length) {\n                    return null;\n                }\n\n                var active = activeDate && dates.indexOf(activeDate) !== -1 ? activeDate : dates[0];\n                var buttonsHtml = '';\n                var tabsHtml = '';\n\n                dates.forEach(function(dateStr, index) {\n                    var d = new Date(dateStr + 'T00:00:00');\n                    var dayNum = !isNaN(d.getTime()) ? String(d.getDate()).padStart(2, '0') : '';\n                    var month = !isNaN(d.getTime()) ? d.toLocaleString('en-US', { month: 'short' }) : '';\n                    var dayName = !isNaN(d.getTime()) ? d.toLocaleString('en-US', { weekday: 'short' }).toUpperCase() : '';\n                    var tabId = 'tab-' + (index + 1);\n                    var isActive = (dateStr === active);\n\n                    buttonsHtml += '<li class=\"tab-btn-item\">' +\n                        '<div class=\"tab-btn' + (isActive ? ' active-btn' : '') + '\" data-tab=\"#' + tabId + '\" data-index=\"' + index + '\" data-date=\"' + dateStr + '\">' +\n                        '<span class=\"date\">' + dayNum + '<\/span>' +\n                        '<span class=\"month\">' + month + '<\/span>' +\n                        '<span class=\"day-name\">' + dayName + '<\/span>' +\n                        '<\/div><\/li>';\n\n                    tabsHtml += '<div class=\"tab' + (isActive ? ' active-tab' : '') + '\" id=\"' + tabId + '\" data-date=\"' + dateStr + '\" data-loaded=\"false\" style=\"' + (isActive ? '' : 'display:none;') + '\">' +\n                        '<div class=\"tab-date-header\" style=\"font-size:20px;font-weight:600;margin-bottom:20px;padding:15px 0;border-bottom:2px solid #e0e0e0;color:#222;\">' + formatDateHeader(dateStr) + '<\/div>' +\n                        '<div class=\"schedule-timeline\"><p style=\"text-align:center;padding:40px;\">Loading agenda...<\/p><\/div>' +\n                        '<\/div>';\n                });\n\n                $carousel.html(buttonsHtml);\n                $tabsWrap.html(tabsHtml);\n\n                $(window).trigger('resize');\n                return active;\n            }\n            \n            \/\/ Function to load agenda for a specific date\n            window.loadAgendaByDate = function(date, $tab, options) {\n                options = options || {};\n                if (isLoading || !date) return;\n                \n                \/\/ Check if already loaded\n                if ($tab.data('loaded') === true && selectedTypesGlobal.length === 0) {\n                    return;\n                }\n                \n                isLoading = true;\n                \n                \/\/ Show loading state\n                var $timeline = $tab.find('.schedule-timeline');\n                if (!$timeline.length) {\n                    $timeline = $('<div class=\"schedule-timeline\"><div class=\"date-loading\" style=\"text-align:center;padding:40px;\"><div class=\"loader-spinner\" style=\"width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #222;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px;\"><\/div><span>Loading agenda...<\/span><\/div><\/div>');\n                    $tab.append($timeline);\n                } else {\n                    $timeline.html('<div class=\"date-loading\" style=\"text-align:center;padding:40px;\"><div class=\"loader-spinner\" style=\"width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #222;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px;\"><\/div><span>Loading agenda...<\/span><\/div>');\n                }\n                \n                var searchKeyword = $.trim($('#scheduleSearch').val() || '');\n                var hasFilterPayload = !!(filterPayloadGlobal && filterPayloadGlobal.filters && filterPayloadGlobal.filters.length);\n                var hasSearchKeyword = searchKeyword.length > 0;\n                var sendDate = (typeof options.sendDate === 'boolean') ? options.sendDate : true;\n                var requestData = {\n                    action: 'ssp_get_agenda_by_date',\n                    page_no: 0,\n                    nonce: nonce\n                };\n\n                \/\/ Rule:\n                \/\/ - Date tab click => send date\n                \/\/ - Search\/filter can also be sent with selected date\n                if (hasSearchKeyword) {\n                    requestData.serach_keyword = searchKeyword;\n                }\n\n                if (hasFilterPayload) {\n                    requestData.filter_payload = JSON.stringify(filterPayloadGlobal);\n                }\n\n                \/\/ For search + filter apply, date can be intentionally blank.\n                \/\/ On tab click we always pass date.\n                if (date && sendDate) {\n                    requestData.date = date;\n                }\n\n                $.ajax({\n                    url: ajaxUrl,\n                    type: 'POST',\n                    dataType: 'json',\n                    data: requestData,\n                    success: function(response) {\n                        if (response.success && response.data && response.data.agenda_list) {\n                            var targetDate = date;\n                            if (hasFilterPayload || searchKeyword.length > 0) {\n                                var rebuiltActiveDate = rebuildDateTabsFromApiDates(response.data.dates || [], date || response.data.selected_date);\n                                if (rebuiltActiveDate) {\n                                    targetDate = rebuiltActiveDate;\n                                    $tab = $('.tabs-content .tab[data-date=\"' + targetDate + '\"]');\n                                }\n                            }\n\n                            renderAgendaForDate($tab, response.data.agenda_list, targetDate);\n\n                            \/\/ \u2705 Mark ONLY this tab as loaded\n                            $tab.data('loaded', true);\n\n                            $(document).trigger('agenda:loaded', [targetDate, response.data.agenda_list]);\n                        } else {\n                            $timeline.html('<p style=\"text-align:center;padding:40px;\">No agenda available for this date.<\/p>');\n                        }\n                    },\n                    error: function() {\n                        $timeline.html('<p style=\"text-align:center;padding:40px;color:#dc3545;\">Error loading agenda. Please try again.<\/p>');\n                    },\n                    complete: function() {\n                        isLoading = false;\n                    }\n                });\n            }\n\n            window.loadDefaultAgendaData = function() {\n                if (isLoading) return;\n                isLoading = true;\n\n                $.ajax({\n                    url: ajaxUrl,\n                    type: 'POST',\n                    dataType: 'json',\n                    data: {\n                        action: 'ssp_get_agenda_by_date',\n                        page_no: 0,\n                        nonce: nonce\n                    },\n                    success: function(response) {\n                        if (response.success && response.data) {\n                            var activeDate = rebuildDateTabsFromApiDates(response.data.dates || [], response.data.selected_date || '');\n                            if (activeDate) {\n                                var $activeTab = $('.tabs-content .tab[data-date=\"' + activeDate + '\"]');\n                                renderAgendaForDate($activeTab, response.data.agenda_list || [], activeDate);\n                                $activeTab.data('loaded', true);\n                                $(document).trigger('agenda:loaded', [activeDate, response.data.agenda_list || []]);\n                            }\n                        }\n                    },\n                    complete: function() {\n                        isLoading = false;\n                    }\n                });\n            };\n            \n            \/\/ Function to render agenda HTML\n            function renderAgendaForDate($tab, agendaList, date) {\n                var $timeline = $tab.find('.schedule-timeline');\n                if (!$timeline.length) {\n                    $timeline = $('<div class=\"schedule-timeline\"><\/div>');\n                    $tab.append($timeline);\n                }\n\n                var filteredAgendaList = Array.isArray(agendaList) ? agendaList.slice() : [];\n                if (date) {\n                    filteredAgendaList = filteredAgendaList.filter(function(agendaItem) {\n                        return (agendaItem && agendaItem.Start_date === date);\n                    });\n                }\n\n                \/\/ Keep search term applied when switching tabs.\n                var activeSearchTerm = $.trim($('#scheduleSearch').val() || '').toLowerCase();\n                if (activeSearchTerm) {\n                    filteredAgendaList = filteredAgendaList.filter(function(agendaItem) {\n                        if (!agendaItem) return false;\n                        var searchHaystack = [\n                            String(agendaItem.Heading || ''),\n                            String((agendaItem.description || '').replace(\/<[^>]*>\/g, '')),\n                            String(agendaItem.search_text || '')\n                        ].join(' ').toLowerCase();\n\n                        if (Array.isArray(agendaItem.type_ids)) {\n                            agendaItem.type_ids.forEach(function(typeItem) {\n                                searchHaystack += ' ' + String((typeItem && typeItem.name) || '').toLowerCase();\n                            });\n                        }\n\n                        return searchHaystack.indexOf(activeSearchTerm) !== -1;\n                    });\n                }\n                \n                if (filteredAgendaList.length === 0) {\n                    $timeline.html('<p style=\"text-align:center;padding:40px;\">No agenda available for this date.<\/p>');\n                    return;\n                }\n                \n                \/\/ Get user data from global scope (set by PHP)\n                var userAgendaIds = window.scheduleUserData ? window.scheduleUserData.userAgendaIds : [];\n                var isLoggedIn = window.scheduleUserData ? window.scheduleUserData.isLoggedIn : false;\n                var eventId = window.scheduleUserData ? window.scheduleUserData.eventId : '';\n                var userId = window.scheduleUserData ? window.scheduleUserData.userId : '';\n                \n                var html = '';\n                \n                filteredAgendaList.forEach(function(agenda, index) {\n                    var agendaColorClass = 'color-' + ((index % 4) + 1);\n                    var isFavourite = userAgendaIds.indexOf(agenda.agenda_id) !== -1;\n                    var typeIds = [];\n                    var searchText = (agenda.Heading || '').toLowerCase() + ' ' + \n                                     (agenda.description ? $(agenda.description).text().toLowerCase() : '');\n                    \n                    \/\/ Build type IDs and search text\n                    if (agenda.type_ids && agenda.type_ids.length) {\n                        agenda.type_ids.forEach(function(type) {\n                            typeIds.push(type.type_id);\n                            searchText += ' ' + (type.name || '').toLowerCase();\n                        });\n                    }\n                    \n                    var startTime = agenda.Start_time ? new Date('2000-01-01 ' + agenda.Start_time).toLocaleTimeString('en-US', {hour: 'numeric', minute: '2-digit'}) : '';\n                    var endTime = agenda.End_time ? new Date('2000-01-01 ' + agenda.End_time).toLocaleTimeString('en-US', {hour: 'numeric', minute: '2-digit'}) : '';\n                    \n                    var timeDisplay = startTime + (endTime ? ' - ' + endTime : '');\n                    \n                    var isBlocked = agenda.isBlocked == 1;\n                    var blockMessage = agenda.blockMessage || 'You do not have access to this session.';\n                    \n                    html += '<div class=\"schedule-block ' + agendaColorClass + (isFavourite ? ' favourited' : '') + (isBlocked ? ' blocked-agenda' : '') + '\" ' +\n                            'data-message=\"' + blockMessage + '\" ' +\n                            'data-search=\"' + searchText.replace(\/\"\/g, '&quot;') + '\" ' +\n                            'data-types=\"' + typeIds.join(',') + '\">' +\n                            '<div class=\"inner-box\"><div class=\"inner\">' +\n                            '<div class=\"date\">' + timeDisplay + '<\/div>';\n                    \n                    \/\/ Favorite button\n                    if (isLoggedIn) {\n                        var heartClass = isFavourite ? 'fa-solid fa-bookmark active' : 'fa-regular fa-bookmark';\n                        html += '<div class=\"favourite_icon ' + (isFavourite ? 'favourited' : '') + '\" ' +\n                                'data-agenda_id=\"' + agenda.agenda_id + '\" ' +\n                                'data-event_id=\"' + eventId + '\" ' +\n                                'data-user_id=\"' + userId + '\">' +\n                                '<i class=\"' + heartClass + '\"><\/i><\/div>';\n                    }\n                    \n                    \/\/ Title\n                    html += '<h4>';\n                    if (isBlocked) {\n                        html += '<a class=\"agenda-link\" href=\"javascript:void(0);\" style=\"pointer-events:none;opacity:0.6;\">' + (agenda.Heading || '') + '<\/a>';\n                    } else {\n                        html += '<a class=\"agenda-link\" href=\"' + (window.scheduleUserData ? window.scheduleUserData.scheduleDetailUrl : '\/schedule-details\/') + '?agenda_id=' + encodeURIComponent(agenda.agenda_id) + '\">' + (agenda.Heading || '') + '<\/a>';\n                    }\n                    html += '<\/h4>';\n                    \n                    \/\/ Description\n                    if (agenda.description) {\n                        html += '<div class=\"text\">' + agenda.description + '<\/div>';\n                    }\n                    \n                    \/\/ Zoom link\n                    if (agenda.zoom_link) {\n                        html += '<div class=\"zoom-join-button-wrapper\">' +\n                                '<a class=\"zoom-join-btns\" href=\"' + agenda.zoom_link + '\" target=\"_blank\" rel=\"noopener noreferrer\" ' +\n                                'data-zoom-link=\"' + agenda.zoom_link + '\">' +\n                                '<i class=\"fa fa-video\"><\/i> Join Zoom Meeting<\/a><\/div>';\n                    }\n                    \n                    \/\/ Type badges\n                    if (agenda.type_ids && agenda.type_ids.length) {\n                        html += '<div class=\"type-buttons\" style=\"padding-bottom:20px;\">';\n                        agenda.type_ids.forEach(function(type) {\n                            html += '<span class=\"type-badge\" style=\"background:' + (type.color || '#000') + ';color:#fff;padding:4px 10px;border-radius:6px;font-size:16px;margin-right:6px;margin-bottom:15px;display:inline-block;\">' + \n                                    (type.name || '') + '<\/span>';\n                        });\n                        html += '<\/div>';\n                    }\n                    \n                    \/\/ Location\n                    if (agenda.location) {\n                        html += '<div class=\"agenda-locations\"><span class=\"icon fa fa-map-marker-alt\"><\/span>' + agenda.location + '<\/div>';\n                    }\n\n                    \/\/ Speakers\n                    if (agenda.speakers && agenda.speakers.length) {\n                        html += '<div class=\"agenda-speakers\" style=\"display: flex;overflow-x: hidden;width: 100%;\">';\n                        agenda.speakers.forEach(function(speaker) {\n                            var objectKey = speaker.s3_image_thumbnail || '';\n                            var imgUrl = (window.scheduleUserData && window.scheduleUserData.templateDirUri ? window.scheduleUserData.templateDirUri : '') + '\/assets\/images\/profile-placeholder.png';\n                            \/\/if (!objectKey && speaker.logo) {\n                                imgUrl = 'https:\/\/allintheloop.info\/media\/user_profile\/' + parseInt(eventId || '0') + '\/' + speaker.logo;\n                            \/\/}\n                            var speakerName = speaker.custom_speaker_name || speaker.name || '';\n                            var designation = speaker.speaker_designation || '';\n                            var firstLetter = speakerName ? speakerName.charAt(0).toUpperCase() : 'S';\n                            var userId = speaker.User_id || '';\n\n                           const baseUrl = window.scheduleUserData?.scheduleDetailUrl || window.location.origin;\n\n                            html += '<div class=\"agenda-speaker-card\">' +\n                                    '<div class=\"speaker-image\" style=\"flex-shrink:0; margin-bottom:8px;\">' +\n                                    '<a href=\"' + baseUrl.replace('\/schedule-details\/', '') +  '\/speakers-detail\/?speaker=' + encodeURIComponent(userId) + '\">' +\n                                    '<img loading=\"lazy\" class=\"speaker-img\" src=\"' + imgUrl + '\" data-object-key=\"' + objectKey + '\" loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"80\" alt=\"' + firstLetter + '\" style=\"width:80px; height:80px; object-fit:cover; border-radius:8px; display:block; margin:0 auto;\" \/>' +\n                                    '<\/a>' +\n                                    '<\/div>' +\n                                    '<h5 class=\"agenda-speaker-name\">' +\n                                    '<a href=\"' + baseUrl.replace('\/schedule-details\/', '') +  '\/speakers-detail\/?speaker=' + encodeURIComponent(userId) + '\">' + speakerName + '<\/a>' +\n                                    '<\/h5>';\n                            if (designation) {\n                                html += '<div class=\"agenda-speaker-designation\" style=\"color:#9a9a9a; font-size:12px; line-height:1.3; margin-top:2px;\">' + designation + '<\/div>';\n                            }\n                            html += '<\/div>';\n                        });\n                        html += '<\/div>';\n                    }\n\n                    html += '<\/div><\/div><\/div>';\n                });\n                \n                $timeline.html(html);\n                \n                \/\/ Re-initialize image loading for new content\n                if (typeof initImageLoading === 'function') {\n                    setTimeout(initImageLoading, 100);\n                }\n            }\n            \n            \/\/ Handle tab clicks for AJAX loading\n            $(document).on('click', '.tab-buttons-carousel .tab-btn', function(e) {\n                var date = $(this).data('date');\n                var tabId = $(this).data('tab');\n                var $tab = $(tabId);\n                \n                \/\/ Load agenda for this date if not loaded yet\n                if (date && $tab.length) {\n                    loadAgendaByDate(date, $tab, { sendDate: true });\n                }\n            });\n            \n            \/\/ AUTO-LOAD: Load first date's agenda when page loads\n            setTimeout(function() {\n                var $firstTabBtn = $('.tab-buttons-carousel .tab-btn').first();\n                if ($firstTabBtn.length) {\n                    var firstDate = $firstTabBtn.data('date');\n                    var firstTabId = $firstTabBtn.data('tab');\n                    var $firstTab = $(firstTabId);\n                    \n                    if (firstDate && $firstTab.length) {\n                        \/\/ Load agenda for first date\n                        loadAgendaByDate(firstDate, $firstTab, { sendDate: true });\n                        \n                        \/\/ Update global data\n                        if (window.scheduleUserData) {\n                            window.scheduleUserData.currentLoadedDate = firstDate;\n                        }\n                    }\n                }\n            }, 500); \/\/ Small delay to ensure DOM is fully ready\n        }\n        \n        \/\/ Initialize when DOM is ready\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initDateAjaxLoading);\n        } else {\n            initDateAjaxLoading();\n        }\n    })();\n\n    \/\/ ==================================================\n    \/\/ DATE CAROUSEL FUNCTIONALITY - JQUERY CAROUSEL\n    \/\/ ==================================================\n    jQuery(document).ready(function($) {\n        var $carousel = $('.tab-buttons-carousel');\n        var $container = $('.tab-buttons-carousel-container');\n        var $prevBtn = $('.carousel-prev');\n        var $nextBtn = $('.carousel-next');\n        var currentPosition = 0;\n        var itemWidth = 0;\n        var visibleItems = 0;\n        var totalItems = 0;\n        var maxPosition = 0;\n        \n        function initCarousel() {\n            if (!$carousel.length) return;\n            \n            \/\/ Calculate dimensions\n            var containerWidth = $container.width();\n            var firstItem = $carousel.find('.tab-btn-item:not(.filtered-hide)').first();\n            \n            if (!firstItem.length) return;\n            \n            itemWidth = firstItem.outerWidth(true);\n            visibleItems = Math.floor(containerWidth \/ itemWidth);\n            totalItems = $carousel.find('.tab-btn-item:not(.filtered-hide)').length;\n            maxPosition = Math.max(0, (totalItems - visibleItems) * itemWidth);\n            \n            \/\/ Reset position if needed\n            if (currentPosition > maxPosition) {\n                currentPosition = maxPosition;\n            }\n            \n            updateCarousel();\n            updateButtons();\n        }\n        \n        function updateCarousel() {\n            $carousel.css('transform', 'translateX(-' + currentPosition + 'px)');\n        }\n        \n        function updateButtons() {\n            $prevBtn.prop('disabled', currentPosition <= 0);\n            $nextBtn.prop('disabled', currentPosition >= maxPosition || totalItems <= visibleItems);\n        }\n        \n        function centerItem($item) {\n            if (!$item.length) return;\n            \n            \/\/ Get all visible items (not filtered)\n            var $allItems = $carousel.find('.tab-btn-item:not(.filtered-hide)');\n            var itemIndex = $allItems.index($item);\n            \n            if (itemIndex === -1) return;\n            \n            var containerWidth = $container.width();\n            var itemWidth = $item.outerWidth(true);\n            \n            \/\/ Calculate position to center this item\n            var centerOffset = (containerWidth \/ 2) - (itemWidth \/ 2);\n            var targetPosition = (itemIndex * itemWidth) - centerOffset;\n            \n            \/\/ Clamp to valid range\n            targetPosition = Math.max(0, Math.min(maxPosition, targetPosition));\n            \n            currentPosition = targetPosition;\n            updateCarousel();\n            updateButtons();\n        }\n        \n        function scrollCarousel(direction) {\n            var scrollAmount = itemWidth * Math.max(1, Math.floor(visibleItems \/ 2));\n            \n            if (direction === 'prev') {\n                currentPosition = Math.max(0, currentPosition - scrollAmount);\n            } else {\n                currentPosition = Math.min(maxPosition, currentPosition + scrollAmount);\n            }\n            \n            updateCarousel();\n            updateButtons();\n        }\n        \n        \/\/ Navigation button handlers\n        $prevBtn.on('click', function() {\n            if (!$(this).prop('disabled')) {\n                scrollCarousel('prev');\n            }\n        });\n        \n        $nextBtn.on('click', function() {\n            if (!$(this).prop('disabled')) {\n                scrollCarousel('next');\n            }\n        });\n        \n        \/\/ Handle tab switching and center selected date when tab button is clicked\n        $(document).on('click', '.tab-buttons-carousel .tab-btn', function(e) {\n            e.preventDefault();\n            var $clickedBtn = $(this);\n            var $item = $clickedBtn.closest('.tab-btn-item');\n            var target = $($clickedBtn.attr('data-tab'));\n            var $scheduleSection = $clickedBtn.closest('.schedule-section');\n            \n            \/\/ Switch tabs\n            if (target.length) {\n                if (!target.is(':visible')) {\n                    \/\/ Remove active classes\n                    $scheduleSection.find('.tab-buttons-carousel .tab-btn').removeClass('active-btn');\n                    $clickedBtn.addClass('active-btn');\n                    \n                    \/\/ Hide all tabs and show selected\n                    $scheduleSection.find('.tabs-content .tab').fadeOut(0);\n                    $scheduleSection.find('.tabs-content .tab').removeClass('active-tab animated fadeIn');\n                    target.fadeIn(300);\n                    target.addClass('active-tab animated fadeIn');\n                }\n            }\n            \n            \/\/ Center the clicked item in carousel\n            setTimeout(function() {\n                centerItem($item);\n            }, 50);\n        });\n        \n        \/\/ Initialize on load\n        initCarousel();\n        \n        \/\/ Re-initialize on window resize\n        var resizeTimer;\n        $(window).on('resize', function() {\n            clearTimeout(resizeTimer);\n            resizeTimer = setTimeout(function() {\n                initCarousel();\n            }, 250);\n        });\n        \n        \/\/ Re-initialize after filter is applied\n        $(document).on('click', '.apply-filter-btn', function() {\n            setTimeout(function() {\n                currentPosition = 0;\n                initCarousel();\n            }, 300);\n        });\n        \n        \/\/ First tab is always centered on page load - no saved state\n        setTimeout(function() {\n            var $firstBtn = $carousel.find('.tab-btn').first();\n            if ($firstBtn.length) {\n                var $item = $firstBtn.closest('.tab-btn-item');\n                centerItem($item);\n            }\n        }, 500);\n    });\n\n    jQuery(document).ready(function ($) {\n        \/* ==============================\n           OPEN SIDEBAR\n        ============================== *\/\n        $('.open-filter-btn').on('click', function(){\n            $('.filter-sidebar').addClass('active');\n            $('.filter-backdrop').addClass('active');\n        });\n\n        \/* ==============================\n           CLOSE SIDEBAR\n        ============================== *\/\n        $('.filter-close-btn, .filter-backdrop').on('click', function(){\n            $('.filter-sidebar').removeClass('active');\n            $('.filter-backdrop').removeClass('active');\n        });\n\n        \/\/ Set checkbox colors on page load\n        $('.filter-checkbox').each(function() {\n            var color = $(this).data('type-color');\n            if (color) {\n                $(this).css('--checkbox-color', color);\n            }\n        });\n\n        \/\/ Show\/hide clear button based on checkbox selection\n        function updateClearButton() {\n            var hasChecked = $('.filter-checkbox:checked').length > 0;\n            $('.filter-clear-bar').toggle(hasChecked);\n            $('#clearFilterMainBtn').toggle(hasChecked);\n        }\n\n        \/\/ Check on page load\n        updateClearButton();\n\n        \/\/ Check when any checkbox changes\n        $(document).on('change', '.filter-checkbox', function() {\n            updateClearButton();\n        });\n\n        function reloadAfterFilterClear() {\n            var searchVal = $.trim($('#scheduleSearch').val() || '');\n            var $activeTab = $('.tab.active-tab');\n            var activeDate = $activeTab.data('date') || $('.tab-buttons-carousel .tab-btn.active-btn').data('date') || $('.tab-buttons-carousel .tab-btn').first().data('date') || '';\n\n            \/\/ Re-resolve active tab by date if active class state is stale.\n            if ((!$activeTab.length || !$activeTab.data('date')) && activeDate) {\n                $activeTab = $('.tabs-content .tab[data-date=\"' + activeDate + '\"]');\n            }\n\n            \/\/ Final fallback to first tab if still not found.\n            if ((!$activeTab.length || !activeDate) && $('.tabs-content .tab').length) {\n                $activeTab = $('.tabs-content .tab').first();\n                activeDate = $activeTab.data('date') || activeDate;\n            }\n\n            \/\/ If search still exists, keep search result (not default).\n            if (searchVal && activeDate && $activeTab.length && typeof window.loadAgendaByDate === 'function') {\n                $('.tab').data('loaded', false);\n                window.loadAgendaByDate(activeDate, $activeTab, { sendDate: true });\n                return;\n            }\n\n            \/\/ If no search and no filter, load default data.\n            if (typeof window.loadDefaultAgendaData === 'function') {\n                window.loadDefaultAgendaData();\n            }\n        }\n\n        \/\/ Clear all checkboxes when clear button is clicked (sidebar button)\n        $(document).on('click', '.clear-filter-btn', function() {\n            $('.filter-checkbox:checked').prop('checked', false);\n            selectedTypesGlobal = [];\n            filterPayloadGlobal = null;\n            updateClearButton();\n            reloadAfterFilterClear();\n        });\n\n        \/\/ Clear filter from main button (next to Filter button)\n        $('#clearFilterMainBtn').on('click', function() {\n            $('.filter-checkbox:checked').prop('checked', false);\n            selectedTypesGlobal = [];\n            filterPayloadGlobal = null;\n            updateClearButton();\n            reloadAfterFilterClear();\n        });\n\n        \/\/ Track current active date for filtering\n        var currentFilterDate = window.scheduleUserData ? window.scheduleUserData.currentLoadedDate : '';\n        \n        \/\/ Update current date when tab changes\n        $(document).on('click', '.tab-buttons-carousel .tab-btn', function() {\n            var date = $(this).data('date');\n            if (date) {\n                currentFilterDate = date;\n            }\n        });\n        \n        $('.apply-filter-btn').on('click', function () {\n\n            selectedTypesGlobal = [];\n            filterModeGlobal = $('input[name=\"filter-mode\"]:checked').val() || 'and';\n\n            \/\/ Build grouped filter structure: { group_id: [type_id, ...], ... }\n            var groupedFilters = {};\n\n            $('.filter-checkbox:checked').each(function () {\n                var typeId  = $(this).val();\n                var groupId = $(this).data('group'); \/\/ \u2190 reads data-group from checkbox\n\n                if (!groupedFilters[groupId]) {\n                    groupedFilters[groupId] = [];\n                }\n                groupedFilters[groupId].push(typeId);\n\n                selectedTypesGlobal.push(typeId); \/\/ keep for backward compat \/ loaded check\n            });\n\n            \/\/ Build filters array in required format\n            var filtersArray = [];\n            Object.keys(groupedFilters).forEach(function(groupKey) {\n                filtersArray.push({\n                    group_key: groupKey,\n                    values:    groupedFilters[groupKey]\n                });\n            });\n\n            \/\/ Store globally so AJAX can access it\n            filterPayloadGlobal = filtersArray.length > 0 ? {\n                filter_type: filterModeGlobal.toUpperCase(), \/\/ \"AND\" or \"OR\"\n                filters:     filtersArray\n            } : null;\n\n            let $activeTab  = $('.tab.active-tab');\n            let currentDate = $activeTab.data('date');\n            if (!currentDate) {\n                currentDate = $('.tab-buttons-carousel .tab-btn.active-btn').data('date') || $('.tab-buttons-carousel .tab-btn').first().data('date') || '';\n                if (currentDate) {\n                    $activeTab = $('.tabs-content .tab[data-date=\"' + currentDate + '\"]');\n                }\n            }\n\n            \/\/ Reset ALL tabs so API reloads\n            $('.tab').data('loaded', false);\n\n            \/\/ Reload API with filters\n            if (currentDate && $activeTab.length) {\n                \/\/ Apply filter request should not send date.\n                \/\/ Date will be sent once user clicks a date tab.\n                window.loadAgendaByDate(currentDate, $activeTab, { sendDate: false });\n            } else if (typeof window.loadDefaultAgendaData === 'function') {\n                window.loadDefaultAgendaData();\n            }\n\n            closeFilter();\n            });\n    \n        \/\/ =====================\n        \/\/ HELPERS\n        \/\/ =====================\n        function closeFilter() {\n            $('.filter-sidebar').removeClass('active');\n            $('.filter-backdrop').removeClass('active');\n        }\n    });\n    \n    \n    \/\/ ***************************************************************\/\/\n    \/\/***** Load speakers image after page loading with API CURL *****\/\/\n    \/\/ ***************************************************************\/\/\n    var siteData = {\n        restUrl: \"https:\/\/allintheloop.com\/nar-legislative-2026\/wp-json\/custom\/v1\/speaker-images\"\n    };\n    \n    \/\/ Optimized image loading - deferred to prevent blocking navigation\n    (function() {\n        'use strict';\n        \n        const CHUNK_SIZE = 20; \/\/ Reduced for better performance\n        const queue = [];\n        let loading = false;\n        const processed = new Set();\n        let observer = null;\n        let mutationObserver = null;\n        let initialized = false;\n\n        \/\/ Ensure links navigate immediately without waiting for images\n        document.addEventListener('click', function(e) {\n            const link = e.target.closest('.agenda-link');\n            if (link && link.href && !link.href.includes('javascript:')) {\n                \/\/ Allow immediate navigation - don't block\n                return true;\n            }\n        }, true); \/\/ Use capture phase for immediate handling\n\n        \/\/ Initialize image loading after page is ready and idle\n        function initImageLoading() {\n            if (initialized) return;\n            initialized = true;\n\n            \/\/ Use requestIdleCallback if available, otherwise setTimeout\n            const initCallback = window.requestIdleCallback || ((cb) => setTimeout(cb, 500));\n            \n            initCallback(() => {\n                \/\/ Only load images in viewport initially\n                const viewportImgs = [];\n                const allImgs = document.querySelectorAll('.speaker-img[data-object-key], .agenda-description img[data-object-key]');\n                \n                allImgs.forEach(img => {\n                    if (img.dataset.objectKey && !processed.has(img.dataset.objectKey)) {\n                        processed.add(img.dataset.objectKey);\n                        \n                        \/\/ Check if in viewport\n                        const rect = img.getBoundingClientRect();\n                        const isInViewport = rect.top < window.innerHeight + 100 && \n                                           rect.bottom > -100 &&\n                                           img.closest('.tab.active-tab') !== null;\n                        \n                        if (isInViewport) {\n                            viewportImgs.push(img);\n                        }\n                    }\n                });\n\n                \/\/ Load only viewport images in small batches\n                if (viewportImgs.length > 0) {\n                    loadImagesBatch(viewportImgs.slice(0, 10), true); \/\/ Load first 10 immediately\n                    \n                    \/\/ Load rest in background\n                    if (viewportImgs.length > 10) {\n                        setTimeout(() => {\n                            loadImagesBatch(viewportImgs.slice(10), false);\n                        }, 200);\n                    }\n                }\n\n                \/\/ Setup IntersectionObserver for lazy loading\n                observer = new IntersectionObserver(entries => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            observer.unobserve(entry.target);\n                            if (entry.target.dataset.objectKey && !queue.includes(entry.target)) {\n                                queue.push(entry.target);\n                                processQueue();\n                            }\n                        }\n                    });\n                }, {\n                    rootMargin: '150px'\n                });\n\n                \/\/ Observe all non-viewport images\n                allImgs.forEach(img => {\n                    if (!viewportImgs.includes(img) && img.dataset.objectKey) {\n                        observer.observe(img);\n                    }\n                });\n\n                \/\/ Setup MutationObserver for dynamic content\n                mutationObserver = new MutationObserver(mutations => {\n                    mutations.forEach(mutation => {\n                        mutation.addedNodes.forEach(node => {\n                            if (node.nodeType === 1) {\n                                const imgs = node.querySelectorAll ? \n                                    node.querySelectorAll('.speaker-img[data-object-key], img[data-object-key]') : [];\n                                \n                                Array.from(imgs).forEach(img => {\n                                    if (img.dataset.objectKey && !processed.has(img.dataset.objectKey)) {\n                                        processed.add(img.dataset.objectKey);\n                                        const rect = img.getBoundingClientRect();\n                                        const isInViewport = rect.top < window.innerHeight + 100 && rect.bottom > -100;\n                                        \n                                        if (isInViewport) {\n                                            loadImagesBatch([img], false);\n                                        } else {\n                                            observer.observe(img);\n                                        }\n                                    }\n                                });\n                            }\n                        });\n                    });\n                });\n\n                document.querySelectorAll('.agenda-description').forEach(container => {\n                    mutationObserver.observe(container, {\n                        childList: true,\n                        subtree: true\n                    });\n                });\n            });\n        }\n\n        function loadImagesBatch(images, immediate = false) {\n            if (images.length === 0) return Promise.resolve();\n\n            const keys = images.map(img => img.dataset.objectKey).filter(Boolean);\n            if (keys.length === 0) return Promise.resolve();\n\n            const batchSize = immediate ? Math.min(keys.length, 10) : CHUNK_SIZE;\n            const placeholderUrl = 'https:\/\/allintheloop.com\/nar-legislative-2026\/wp-content\/themes\/hello-elementor\/assets\/images\/profile-placeholder.png';\n            \n            \/\/ Collect all promises for batches\n            const batchPromises = [];\n            \n            for (let i = 0; i < keys.length; i += batchSize) {\n                const batch = keys.slice(i, i + batchSize);\n                const batchImages = images.slice(i, i + batchSize);\n\n                \/\/ Create a promise for each batch\n                const batchPromise = new Promise((resolve) => {\n                    const loadBatch = () => {\n                         fetch(siteData.restUrl, {\n                            method: 'POST',\n                            headers: { 'Content-Type': 'application\/json' },\n                            body: JSON.stringify({ keys: batch })\n                        })\n                        .then(res => res.json())\n                        .then(data => {\n                            batchImages.forEach(img => {\n                                const key = img.dataset.objectKey;\n                                if (data[key] && img.dataset.objectKey === key) {\n                                    img.src = data[key];\n                                    img.onerror = function() {\n                                        this.src = placeholderUrl;\n                                    };\n                                }\n                            });\n                            resolve();\n                        })\n                        .catch(err => {\n                            console.error('Error loading speaker images:', err);\n                            batchImages.forEach(img => {\n                                if (!img.src || img.src.includes('profile-placeholder')) {\n                                    img.src = placeholderUrl;\n                                }\n                            });\n                            resolve(); \/\/ Resolve even on error to continue processing\n                        });\n                    };\n\n                    if (immediate && i === 0) {\n                        loadBatch(); \/\/ Load first batch immediately\n                    } else {\n                        const delayCallback = window.requestIdleCallback || ((cb) => setTimeout(cb, 100));\n                        delayCallback(loadBatch);\n                    }\n                });\n\n                batchPromises.push(batchPromise);\n            }\n\n            \/\/ Return a promise that resolves when all batches are done\n            return Promise.all(batchPromises).then(() => {});\n        }\n\n        function processQueue() {\n            if (loading || queue.length === 0) return;\n\n            loading = true;\n            const chunk = queue.splice(0, CHUNK_SIZE);\n\n            loadImagesBatch(chunk).finally(() => {\n                loading = false;\n                if (queue.length > 0) {\n                    const delayCallback = window.requestIdleCallback || ((cb) => setTimeout(cb, 50));\n                    delayCallback(() => processQueue());\n                }\n            });\n        }\n\n        \/\/ Load images when tab changes (deferred)\n        jQuery(document).on('click', '.tab-btn', function() {\n            setTimeout(() => {\n                const activeTab = jQuery('.tab.active-tab');\n                const tabImgs = activeTab.find('.speaker-img[data-object-key]').toArray().filter(img => {\n                    return img.dataset.objectKey && \n                           (img.src.includes('profile-placeholder') || !img.src || img.complete === false);\n                });\n                \n                if (tabImgs.length > 0) {\n                    \/\/ Load first 10 immediately, rest in background\n                    loadImagesBatch(tabImgs.slice(0, 10), true);\n                    if (tabImgs.length > 10) {\n                        setTimeout(() => loadImagesBatch(tabImgs.slice(10), false), 300);\n                    }\n                }\n            }, 150);\n        });\n\n        \/\/ Initialize after DOM is ready\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initImageLoading);\n        } else {\n            initImageLoading();\n        }\n    })();\n    \n    jQuery(document).on('click', '.zoom-join-btns', function (e) {\n        e.preventDefault();\n        e.stopPropagation();\n\n        \/\/ Use the original zoom link directly from data attribute or href\n        let zoomLink = jQuery(this).data('zoom-link') || jQuery(this).attr('href');\n\n        if (!zoomLink) {\n            alert('Zoom link not available.');\n            return;\n        }\n\n        \/\/ Validate it's a zoom link\n        if (!zoomLink.includes('zoom.us') && !zoomLink.includes('zoom.com')) {\n            alert('Invalid Zoom link.');\n            return;\n        }\n\n        \/\/ Convert to direct join link (skip landing page)\n        \/\/ Convert format: https:\/\/domain.zoom.us\/j\/MEETING_ID to https:\/\/domain.zoom.us\/wc\/join\/MEETING_ID\n        try {\n            const url = new URL(zoomLink);\n            \n            \/\/ Check if it's already a direct join link\n            if (url.pathname.includes('\/wc\/join\/')) {\n                \/\/ Already a direct join link, use as-is\n                window.open(zoomLink, '_blank', 'noopener,noreferrer');\n                return;\n            }\n            \n            \/\/ Extract meeting ID from \/j\/MEETING_ID format\n            const meetingMatch = url.pathname.match(\/\\\/j\\\/(\\d{9,11})\/);\n            if (meetingMatch) {\n                const meetingId = meetingMatch[1];\n                \/\/ Build direct join URL: replace \/j\/ with \/wc\/join\/\n                const directJoinUrl = `${url.protocol}\/\/${url.host}\/wc\/join\/${meetingId}`;\n                \n                \/\/ Preserve all query parameters (pwd, etc.)\n                if (url.search) {\n                    window.open(directJoinUrl + url.search, '_blank', 'noopener,noreferrer');\n                } else {\n                    window.open(directJoinUrl, '_blank', 'noopener,noreferrer');\n                }\n            } else {\n                \/\/ If we can't parse it, try to use original link\n                \/\/ Try alternative patterns\n                const altMatch = zoomLink.match(\/(https?:\\\/\\\/[^\\\/]+)\\\/(?:j\\\/|meeting\\\/join\\\/|s\\\/|s\\\/join\\\/)(\\d{9,11})\/);\n                if (altMatch) {\n                    const domain = altMatch[1];\n                    const meetingId = altMatch[2];\n                    const queryString = zoomLink.includes('?') ? zoomLink.substring(zoomLink.indexOf('?')) : '';\n                    const directJoinUrl = `${domain}\/wc\/join\/${meetingId}${queryString}`;\n                    window.open(directJoinUrl, '_blank', 'noopener,noreferrer');\n                } else {\n                    \/\/ Fallback: use original link\n                    window.open(zoomLink, '_blank', 'noopener,noreferrer');\n                }\n            }\n        } catch (error) {\n            \/\/ If URL parsing fails, try regex approach\n            const regexMatch = zoomLink.match(\/(https?:\\\/\\\/[^\\\/]+(?:\\.[^\\\/]+)*)\\\/j\\\/(\\d{9,11})(.*)\/);\n            if (regexMatch) {\n                const domain = regexMatch[1];\n                const meetingId = regexMatch[2];\n                const queryString = regexMatch[3] || '';\n                const directJoinUrl = `${domain}\/wc\/join\/${meetingId}${queryString}`;\n                window.open(directJoinUrl, '_blank', 'noopener,noreferrer');\n            } else {\n                \/\/ Final fallback: use original link\n                console.warn('Could not convert Zoom link to direct join format, using original:', error);\n                window.open(zoomLink, '_blank', 'noopener,noreferrer');\n            }\n        }\n    });\n    \n    \/\/ ==================================================\n    \/\/ PAGINATION AJAX HANDLER (OPTIMIZED)\n    \/\/ ==================================================\n    jQuery(document).ready(function($) {\n        var $pagination = $('.schedule-pagination');\n        var $paginationWrapper = $('.schedule-pagination-wrapper');\n        var $loader = $('.pagination-loader');\n        \n        if (!$pagination.length) return;\n        \n        var ajaxUrl = 'https:\/\/allintheloop.com\/nar-legislative-2026\/wp-admin\/admin-ajax.php';\n        var currentPage = parseInt($pagination.data('current-page')) || 1;\n        var totalPages = parseInt($pagination.data('total-pages')) || 1;\n        var isLoading = false;\n        var ajaxRequest = null;\n        \n        \/\/ Optimized function to load page\n        function loadPage(targetPage) {\n            \/\/ Validation\n            if (!targetPage || targetPage < 1 || targetPage > totalPages || targetPage === currentPage) {\n                \/\/ If validation fails, hide loader\n                resetLoadingState();\n                return;\n            }\n            \n            \/\/ Cancel any pending request\n            if (ajaxRequest && ajaxRequest.readyState !== 4) {\n                ajaxRequest.abort();\n            }\n            \n            \/\/ Loading state and loader already shown by showLoaderImmediately\n            \n            \/\/ Scroll to top smoothly\n            var $scheduleSection = $('.schedule-section');\n            if ($scheduleSection.length) {\n                $('html, body').stop().animate({\n                    scrollTop: $scheduleSection.offset().top - 100\n                }, 300);\n            }\n            \n            \/\/ Make optimized AJAX request with timeout - Get HTML content\n            ajaxRequest = $.ajax({\n                url: ajaxUrl,\n                type: 'POST',\n                dataType: 'json',\n                timeout: 30000, \/\/ 30 second timeout\n                cache: false,\n                data: {\n                    action: 'get_agenda_pagination_html',\n                    page_no: targetPage\n                },\n                success: function(response) {\n                    if (response && response.success && response.data && response.data.html) {\n                        \/\/ Update URL without reload using History API\n                        var url = new URL(window.location.href);\n                        url.searchParams.set('schedule_page', targetPage);\n                        window.history.pushState({page: targetPage}, '', url.toString());\n                        \n                        \/\/ Get the schedule section container\n                        var $scheduleSection = $('.schedule-section.style-two');\n                        \n                        \/\/ Parse the new HTML - wrap in a temporary container\n                        var $tempContainer = $('<div>').html(response.data.html);\n                        var $newScheduleInner = $tempContainer.find('.schedule-section-inner').first();\n                        var $newPagination = $tempContainer.find('.schedule-pagination-wrapper').first();\n                        \n                        \/\/ If not found, the HTML might be the section itself, try finding within it\n                        if (!$newScheduleInner.length) {\n                            var $sectionInHtml = $tempContainer.find('.schedule-section.style-two');\n                            if ($sectionInHtml.length) {\n                                $newScheduleInner = $sectionInHtml.find('.schedule-section-inner').first();\n                                $newPagination = $sectionInHtml.find('.schedule-pagination-wrapper').first();\n                            }\n                        }\n                        \n                        \/\/ Fade out old content\n                        $scheduleSection.find('.schedule-section-inner, .schedule-pagination-wrapper').fadeOut(200, function() {\n                            \/\/ Replace schedule inner content\n                            if ($newScheduleInner.length) {\n                                $scheduleSection.find('.schedule-section-inner').replaceWith($newScheduleInner);\n                            }\n                            \n                            \/\/ Update pagination\n                            if ($newPagination.length) {\n                                var $existingPagination = $scheduleSection.find('.schedule-pagination-wrapper');\n                                if ($existingPagination.length) {\n                                    $existingPagination.replaceWith($newPagination);\n                                } else {\n                                    $scheduleSection.append($newPagination);\n                                }\n                            } else {\n                                $scheduleSection.find('.schedule-pagination-wrapper').remove();\n                            }\n                            \n                            \/\/ Update pagination variables\n                            var $newPaginationEl = $scheduleSection.find('.schedule-pagination');\n                            if ($newPaginationEl.length) {\n                                currentPage = parseInt($newPaginationEl.data('current-page')) || targetPage;\n                                totalPages = parseInt($newPaginationEl.data('total-pages')) || 1;\n                                $pagination = $newPaginationEl;\n                                $paginationWrapper = $scheduleSection.find('.schedule-pagination-wrapper');\n                            }\n                            \n                            \/\/ Update loader reference (loader is now outside section, as sibling)\n                            $loader = $('.pagination-loader');\n                            \n                            \/\/ Re-initialize necessary handlers\n                            reinitializeHandlers();\n                            \n                            \/\/ Fade in new content\n                            $scheduleSection.find('.schedule-section-inner, .schedule-pagination-wrapper').hide().fadeIn(300);\n                            \n                            \/\/ Reset loading state - hide loader after content is visible\n                            setTimeout(function() {\n                                resetLoadingState();\n                            }, 100);\n                        });\n                    } else {\n                        showError('Error loading page. Please try again.');\n                    }\n                },\n                error: function(xhr, status, error) {\n                    if (status !== 'abort') {\n                        console.error('Pagination AJAX Error:', error);\n                        showError('Error loading page. Please try again.');\n                    }\n                },\n                complete: function() {\n                    \/\/ Loading state will be reset in success handler\n                }\n            });\n        }\n        \n        \/\/ Show error and reset\n        function showError(message) {\n            alert(message);\n            resetLoadingState();\n        }\n        \n        \/\/ Reset loading state\n        function resetLoadingState() {\n            isLoading = false;\n            \n            \/\/ Update references in case content was replaced\n            $pagination = $('.schedule-pagination');\n            $loader = $('.pagination-loader');\n            \n            if ($pagination.length) {\n                $pagination.removeClass('pagination-loading');\n            }\n            $('.pagination-btn, .pagination-number').prop('disabled', false);\n            \n            \/\/ Hide loader - ensure it's hidden\n            if ($loader.length) {\n                $loader.stop(true, true).fadeOut(200, function() {\n                    $(this).css({\n                        'display': 'none',\n                        'opacity': '0'\n                    });\n                });\n            } else {\n                \/\/ If loader not found, try to hide by class\n                $('.pagination-loader').stop(true, true).fadeOut(200, function() {\n                    $(this).css({\n                        'display': 'none',\n                        'opacity': '0'\n                    });\n                });\n            }\n        }\n        \n        \/\/ Re-initialize handlers after content update\n        function reinitializeHandlers() {\n            \/\/ Re-initialize carousel if it exists\n            if (typeof initCarousel === 'function') {\n                setTimeout(function() {\n                    if ($('.tab-buttons-carousel').length) {\n                        \/\/ Trigger carousel re-initialization\n                        $(window).trigger('resize');\n                    }\n                }, 100);\n            }\n            \n            \/\/ Re-initialize image loading for new content\n            if (typeof initImageLoading === 'function') {\n                setTimeout(function() {\n                    initImageLoading();\n                }, 200);\n            }\n            \n            \/\/ Re-initialize search functionality\n            var $searchInput = $('#scheduleSearch');\n            if ($searchInput.length) {\n                \/\/ Search is already set up with delegated events, should work automatically\n            }\n        }\n        \n        \/\/ Handle browser back\/forward buttons\n        window.addEventListener('popstate', function(event) {\n            var urlParams = new URLSearchParams(window.location.search);\n            var pageParam = urlParams.get('schedule_page');\n            if (pageParam) {\n                var pageNum = parseInt(pageParam);\n                if (pageNum && pageNum !== currentPage && pageNum >= 1 && pageNum <= totalPages) {\n                    loadPage(pageNum);\n                }\n            }\n        });\n        \n        \/\/ Show loader immediately on click (before validation)\n        function showLoaderImmediately() {\n            \/\/ Update loader reference to ensure we have the current element\n            $loader = $('.pagination-loader');\n            \n            \/\/ Show loader instantly for immediate feedback\n            if ($loader.length) {\n                $loader.css({\n                    'display': 'flex',\n                    'opacity': '0'\n                }).stop(true, true).animate({\n                    'opacity': '1'\n                }, 150);\n            }\n            \n            \/\/ Update pagination reference\n            $pagination = $('.schedule-pagination');\n            if ($pagination.length) {\n                $pagination.addClass('pagination-loading');\n            }\n            $('.pagination-btn, .pagination-number').prop('disabled', true);\n            isLoading = true; \/\/ Set loading flag immediately\n        }\n        \n        \/\/ Handle Previous\/Next button clicks (delegated event for performance)\n        $(document).on('click', '.pagination-btn:not(:disabled)', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            \n            \/\/ Show loader immediately before any processing\n            showLoaderImmediately();\n            \n            var targetPage = parseInt($(this).data('page'));\n            \n            \/\/ Use setTimeout to ensure loader is visible before AJAX starts\n            setTimeout(function() {\n                loadPage(targetPage);\n            }, 50);\n        });\n        \n        \/\/ Handle numbered pagination clicks (delegated event for performance)\n        $(document).on('click', '.pagination-number:not(:disabled):not(.active)', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            \n            \/\/ Show loader immediately before any processing\n            showLoaderImmediately();\n            \n            var targetPage = parseInt($(this).data('page'));\n            \n            \/\/ Use setTimeout to ensure loader is visible before AJAX starts\n            setTimeout(function() {\n                loadPage(targetPage);\n            }, 50);\n        });\n        \n        \/\/ Prevent multiple rapid clicks\n        var clickCooldown = false;\n        $(document).on('click', '.pagination-btn, .pagination-number', function(e) {\n            if (clickCooldown || isLoading) {\n                e.preventDefault();\n                e.stopPropagation();\n                return false;\n            }\n            clickCooldown = true;\n            setTimeout(function() {\n                clickCooldown = false;\n            }, 500);\n        });\n        \n        \/\/ Collapsible Filter Groups\n        $(document).ready(function() {\n            \/\/ Start all groups in collapsed state\n            $('.filter-checkbox-list').addClass('collapsed');\n            $('.group-title').addClass('collapsed');\n        });\n        \n        $(document).on('click', '.group-title', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            \n            var $groupTitle = $(this);\n            var $checkboxList = $groupTitle.next('.filter-checkbox-list');\n            var isCollapsed = $groupTitle.hasClass('collapsed');\n            \n            console.log('Group clicked, isCollapsed:', isCollapsed);\n            \n            if (isCollapsed) {\n                \/\/ Expand\n                $groupTitle.removeClass('collapsed');\n                $checkboxList.removeClass('collapsed');\n                console.log('Expanded group');\n            } else {\n                \/\/ Collapse\n                $groupTitle.addClass('collapsed');\n                $checkboxList.addClass('collapsed');\n                console.log('Collapsed group');\n            }\n        });\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\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>Schedule<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-333","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/allintheloop.com\/nar-legislative-2026\/wp-json\/wp\/v2\/pages\/333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/allintheloop.com\/nar-legislative-2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/allintheloop.com\/nar-legislative-2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/allintheloop.com\/nar-legislative-2026\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/allintheloop.com\/nar-legislative-2026\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":67,"href":"https:\/\/allintheloop.com\/nar-legislative-2026\/wp-json\/wp\/v2\/pages\/333\/revisions"}],"predecessor-version":[{"id":1099,"href":"https:\/\/allintheloop.com\/nar-legislative-2026\/wp-json\/wp\/v2\/pages\/333\/revisions\/1099"}],"wp:attachment":[{"href":"https:\/\/allintheloop.com\/nar-legislative-2026\/wp-json\/wp\/v2\/media?parent=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}