<?php
/**
 * BOSP Events — English Listing Page
 * Registers and renders the English events listing page.
 * URL: /sao-paulo-events-in-english/
 */

if ( ! defined( 'ABSPATH' ) ) exit;

// ============================================================
// 1. REGISTER PAGE TEMPLATE HOOK
// ============================================================

add_action( 'template_redirect', 'bosp_render_events_page_en' );

function bosp_render_events_page_en() {
    if ( ! is_page( 'sao-paulo-events-in-english' ) ) return;

    global $bosp_current_lang;
    $bosp_current_lang = 'en';

    add_filter( 'body_class', function( $classes ) {
        if ( ! in_array( 'bosp-events-template', $classes, true ) ) {
            $classes[] = 'bosp-events-template';
        }
        return $classes;
    } );

    add_filter( 'the_content', 'bosp_events_content_en', 99 );
}

function bosp_events_content_en( $content ) {
    global $bosp_current_lang;
    $bosp_current_lang = 'en';
    remove_filter( 'the_content', 'bosp_events_content_en', 99 );
    return bosp_build_events_page( 'en' );
}

// ============================================================
// 2. AJAX HANDLER — REPORT EVENT
// Registered once here; shared by all three language pages.
// ============================================================

if ( ! has_action( 'wp_ajax_bosp_report_event' ) ) {
    add_action( 'wp_ajax_bosp_report_event',        'bosp_handle_report_event' );
    add_action( 'wp_ajax_nopriv_bosp_report_event', 'bosp_handle_report_event' );
}

if ( ! function_exists( 'bosp_handle_report_event' ) ) :
function bosp_handle_report_event() {
    if ( ! isset( $_POST['bosp_report_nonce'] ) || ! wp_verify_nonce( $_POST['bosp_report_nonce'], 'bosp_report_event' ) ) {
        wp_send_json_error();
    }
    $event_id = intval( $_POST['event_id'] ?? 0 );
    if ( ! $event_id ) { wp_send_json_error(); }

    global $wpdb;
    $wpdb->query( $wpdb->prepare(
        "UPDATE {$wpdb->prefix}bosp_events SET report_count = report_count + 1 WHERE id = %d",
        $event_id
    ) );
    wp_send_json_success();
}
endif;

// ============================================================
// 3. CANONICAL SUBCATEGORY MAP
// Used by filter panel and normalize.py.
// ============================================================

if ( ! function_exists( 'bosp_subcategory_map' ) ) :
function bosp_subcategory_map() {
    return array(
        'Music'                 => array( 'Axé', 'Blues', 'Bossa Nova', 'Choro', 'Classical', 'Electronic / DJ Set', 'Forró', 'Funk', 'Gospel', 'Hip-Hop / Rap', 'Jazz', 'MPB', 'Metal', 'Opera', 'Pagode', 'Punk / Rock', 'Reggae', 'Samba', 'Sertanejo', 'World Music', 'Other' ),
        'Arts & Culture'        => array( 'Art Exhibition', 'Craft Fair', 'Cultural Festival', 'Fashion Show', 'Film Screening', 'Gallery Opening', 'Heritage / History', 'Installation Art', 'Photography', 'Street Art', 'Other' ),
        'Sports'                => array( 'Basketball', 'Boxing / MMA', 'Cycling', 'Esports', 'Football (Soccer)', 'Futsal', 'Motor Racing', 'Running / Marathon', 'Swimming', 'Tennis', 'Volleyball', 'Other' ),
        'Food & Drink'          => array( 'Bar Night', 'Beer Festival', 'Cocktail Event', 'Coffee', 'Cooking Class', 'Food Fair', 'Food Truck', 'Restaurant Week', 'Wine Tasting', 'Other' ),
        'Film & Cinema'         => array( 'Documentary', 'Feature Film', 'Film Festival', 'Open-Air Cinema', 'Short Films', 'Other' ),
        'Theater & Performance' => array( 'Circus', 'Comedy Show', 'Drama', 'Improv', 'Musical', 'Opera', 'Puppet Show', 'Stand-Up', 'Other' ),
        'Dance'                 => array( 'Ballroom', 'Ballet', 'Baile Funk', 'Contemporary', 'Forró', 'Hip-Hop', 'Samba', 'Salsa / Zouk', 'Street Dance', 'Other' ),
        'Comedy'                => array( 'Improv', 'Open Mic', 'Stand-Up', 'Sketch', 'Other' ),
        'Literature & Books'    => array( 'Book Club', 'Book Fair', 'Book Launch', 'Poetry', 'Storytelling', 'Writing Workshop', 'Other' ),
        'Family & Kids'         => array( 'Children\'s Theater', 'Educational', 'Outdoor Play', 'Storytelling', 'Workshop', 'Other' ),
        'Community & Social'    => array( 'Block Party', 'Charity Event', 'Feira de Bairro', 'Meetup', 'Networking', 'Religious Gathering', 'Volunteer', 'Other' ),
        'Health & Wellness'     => array( 'Meditation', 'Mental Health', 'Nutrition', 'Pilates', 'Running Group', 'Wellness Fair', 'Yoga', 'Other' ),
        'Education & Workshops' => array( 'Conference', 'Language Class', 'Lecture', 'Professional Development', 'Seminar', 'Skills Workshop', 'Other' ),
        'Nightlife'             => array( 'Bar Crawl', 'Club Night', 'Happy Hour', 'Karaoke', 'Late Night', 'Other' ),
        'Outdoor & Nature'      => array( 'Cycling', 'Hiking', 'Park Event', 'Picnic', 'Running', 'Street Fair', 'Other' ),
        'Religion & Spirituality' => array( 'Buddhist', 'Catholic Mass', 'Candomblé', 'Evangelical', 'Jewish', 'Muslim', 'Spiritist', 'Umbanda', 'Other' ),
        'Fashion'               => array( 'Fashion Show', 'Pop-Up Shop', 'Sample Sale', 'Styling Workshop', 'Other' ),
        'Technology'            => array( 'Hackathon', 'Meetup', 'Product Launch', 'Startup Event', 'Tech Talk', 'Other' ),
        'Other'                 => array( 'Other' ),
    );
}
endif;

// ============================================================
// 4. CORE PAGE BUILDER — shared by all three language files
// ============================================================

if ( ! function_exists( 'bosp_build_events_page' ) ) :

function bosp_build_events_page( $lang ) {
    global $wpdb;
    $table = $wpdb->prefix . 'bosp_events';
    $today = gmdate( 'Y-m-d' );

    // ---- UI STRINGS PER LANGUAGE ----
    $strings = array(
        'en' => array(
            'search_placeholder'  => 'Search events...',
            'search_btn'          => 'Search',
            'creator_text'        => 'Are you an event creator? ',
            'creator_link'        => 'Click here to add your event',
            'filters_btn'         => '⚙ Filters',
            'category_label'      => 'Category',
            'date_label'          => 'Date Range',
            'date_from'           => 'From',
            'date_to'             => 'To',
            'time_label'          => 'Time Range',
            'time_from'           => 'From',
            'time_to'             => 'To',
            'price_label'         => 'Price',
            'price_all'           => 'All events',
            'price_free'          => 'Free only',
            'price_25'            => 'Under R$25',
            'community_label'     => 'Community / Culture',
            'access_label'        => 'Accessibility',
            'apply_filters'       => 'Apply',
            'clear_filters'       => 'Clear All',
            'pinned_label'        => 'Featured',
            'free_label'          => 'Free',
            'report_link'         => 'Report / Ghost event',
            'report_thanks'       => 'Reported. Thanks.',
            'no_events'           => 'No events found.',
            'lang_label'          => 'Also in:',
            'add_event_label'     => 'ADD YOUR EVENT',
            'filter_label'        => 'SEARCH EVENTS BY FILTERS',
            'search_label'        => 'SEARCH EVENTS BY NAME',
            'other_langs'         => array(
                'pt' => array( 'label' => 'Português', 'url' => '/sao-paulo-events/' ),
                'es' => array( 'label' => 'Español',   'url' => '/eventos-de-sao-paulo-en-espanol/' ),
            ),
        ),
        'pt' => array(
            'search_placeholder'  => 'Buscar eventos...',
            'search_btn'          => 'Buscar',
            'creator_text'        => 'Você organiza eventos? ',
            'creator_link'        => 'Clique aqui para adicionar seu evento',
            'filters_btn'         => '⚙ Filtros',
            'category_label'      => 'Categoria',
            'date_label'          => 'Período',
            'date_from'           => 'De',
            'date_to'             => 'Até',
            'time_label'          => 'Horário',
            'time_from'           => 'De',
            'time_to'             => 'Até',
            'price_label'         => 'Preço',
            'price_all'           => 'Todos os eventos',
            'price_free'          => 'Somente gratuitos',
            'price_25'            => 'Até R$25',
            'community_label'     => 'Comunidade / Cultura',
            'access_label'        => 'Acessibilidade',
            'apply_filters'       => 'Aplicar',
            'clear_filters'       => 'Limpar Tudo',
            'pinned_label'        => 'Destaque',
            'free_label'          => 'Gratuito',
            'report_link'         => 'Reportar / Evento fantasma',
            'report_thanks'       => 'Reportado. Obrigado.',
            'no_events'           => 'Nenhum evento encontrado.',
            'lang_label'          => 'Também em:',
            'add_event_label'     => 'ADICIONE SEU EVENTO',
            'filter_label'        => 'BUSCAR POR FILTROS',
            'search_label'        => 'BUSCAR POR NOME',
            'other_langs'         => array(
                'en' => array( 'label' => 'English',  'url' => '/sao-paulo-events-in-english/' ),
                'es' => array( 'label' => 'Español',  'url' => '/eventos-de-sao-paulo-en-espanol/' ),
            ),
        ),
        'es' => array(
            'search_placeholder'  => 'Buscar eventos...',
            'search_btn'          => 'Buscar',
            'creator_text'        => '¿Organizas eventos? ',
            'creator_link'        => 'Haz clic aquí para agregar tu evento',
            'filters_btn'         => '⚙ Filtros',
            'category_label'      => 'Categoría',
            'date_label'          => 'Rango de fechas',
            'date_from'           => 'Desde',
            'date_to'             => 'Hasta',
            'time_label'          => 'Horario',
            'time_from'           => 'Desde',
            'time_to'             => 'Hasta',
            'price_label'         => 'Precio',
            'price_all'           => 'Todos los eventos',
            'price_free'          => 'Solo gratuitos',
            'price_25'            => 'Menos de R$25',
            'community_label'     => 'Comunidad / Cultura',
            'access_label'        => 'Accesibilidad',
            'apply_filters'       => 'Aplicar',
            'clear_filters'       => 'Limpiar Todo',
            'pinned_label'        => 'Destacado',
            'free_label'          => 'Gratis',
            'report_link'         => 'Reportar / Evento fantasma',
            'report_thanks'       => 'Reportado. Gracias.',
            'no_events'           => 'No se encontraron eventos.',
            'lang_label'          => 'También en:',
            'add_event_label'     => 'AGREGA TU EVENTO',
            'filter_label'        => 'BUSCAR POR FILTROS',
            'search_label'        => 'BUSCAR POR NOMBRE',
            'other_langs'         => array(
                'en' => array( 'label' => 'English',   'url' => '/sao-paulo-events-in-english/' ),
                'pt' => array( 'label' => 'Português', 'url' => '/sao-paulo-events/' ),
            ),
        ),
    );

    $s        = $strings[ $lang ] ?? $strings['en'];
    $name_col = 'name_' . $lang;
    $slug_col = 'slug_' . $lang;
    $desc_col = 'description_' . $lang;

    // ---- FETCH ADMIN-PINNED EVENTS ----
    $pinned = $wpdb->get_results( $wpdb->prepare(
        "SELECT * FROM $table
         WHERE is_admin_posted = 1 AND is_banned = 0 AND event_date >= %s
         ORDER BY event_date ASC, event_time ASC",
        $today
    ) );

    // ---- FETCH ALL UPCOMING EVENTS (chronological; admin first within slot) ----
    $all_events = $wpdb->get_results( $wpdb->prepare(
        "SELECT * FROM $table
         WHERE is_banned = 0 AND event_date >= %s
         ORDER BY event_date ASC, is_admin_posted DESC, event_time ASC",
        $today
    ) );

    // ---- FILTER OPTION LABELS ----
    $form_strings = function_exists( 'bosp_form_strings' ) ? bosp_form_strings( $lang ) : array();
    $en_strings   = function_exists( 'bosp_form_strings' ) ? bosp_form_strings( 'en' )  : array();

    $community_keys = array(
        'comm_420','comm_africano','comm_afrobrazilian','comm_argentine','comm_armenian',
        'comm_bolivian','comm_buddhist','comm_chilean','comm_chinese','comm_christian',
        'comm_french','comm_german','comm_greek','comm_gringo','comm_haitian',
        'comm_hindu','comm_indigenous','comm_italian','comm_japanese','comm_jewish',
        'comm_korean','comm_lebanese','comm_lgbt','comm_mens','comm_muslim',
        'comm_nordestino','comm_other','comm_peruvian','comm_petfriendly',
        'comm_portuguese','comm_spanish','comm_students','comm_syrian','comm_trans',
        'comm_women',
    );
    $accessibility_keys = array(
        'acc_18plus','acc_family','acc_neuro','acc_other','acc_senior','acc_wheelchair',
    );

    $community_options     = array();
    $accessibility_options = array();

    foreach ( $community_keys as $key ) {
        $community_options[] = array(
            'value' => $en_strings[ $key ]   ?? $key,
            'label' => $form_strings[ $key ] ?? $en_strings[ $key ] ?? $key,
        );
    }
    foreach ( $accessibility_keys as $key ) {
        $accessibility_options[] = array(
            'value' => $en_strings[ $key ]   ?? $key,
            'label' => $form_strings[ $key ] ?? $en_strings[ $key ] ?? $key,
        );
    }

    $subcategory_map   = bosp_subcategory_map();
    $report_nonce      = wp_create_nonce( 'bosp_report_event' );
    $ajax_url          = admin_url( 'admin-ajax.php' );
    $promo_banner_url  = 'https://bestofsaopaulo.blog/wp-content/uploads/2026/03/Sao-Paulo-Events-FINAL-FLAT-PNG.png';
    $promo_banner_href = 'https://brasilianart.com';

    ob_start();
    ?>
    <div class="bosp-events-page" id="bosp-events-page">

        <!-- ================================================
             1. ADMIN-PINNED EVENTS
             ================================================ -->
        <?php if ( ! empty( $pinned ) ) : ?>
        <div class="bosp-pinned-section">
            <div class="bosp-pinned-label"><?php echo esc_html( $s['pinned_label'] ); ?></div>
            <?php foreach ( $pinned as $event ) :
                echo bosp_render_event_card( $event, $lang, $s, $report_nonce, $ajax_url );
            endforeach; ?>
        </div>
        <?php endif; ?>

        <!-- ================================================
             2. COMPACT ACTION BAR
             ================================================ -->
        <div class="bosp-action-bar">

            <!-- ADD YOUR EVENT -->
            <a href="#bosp-submission-form" id="bosp-add-event-btn" class="bosp-action-item">
                <?php echo esc_html( $s['add_event_label'] ); ?>
            </a>

            <span class="bosp-action-divider">|</span>

            <!-- SEARCH BY FILTERS -->
            <a href="#" id="bosp-filter-toggle" class="bosp-action-item">
                <?php echo esc_html( $s['filter_label'] ); ?>
            </a>

            <span class="bosp-action-divider">|</span>

            <!-- SEARCH BY NAME — reveals inline input -->
            <a href="#" id="bosp-search-toggle" class="bosp-action-item">
                <?php echo esc_html( $s['search_label'] ); ?>
            </a>
            <input
                type="text"
                class="bosp-search-input bosp-inline-search"
                id="bosp-search-input"
                placeholder="<?php echo esc_attr( $s['search_placeholder'] ); ?>"
                autocomplete="off"
                style="display:none;"
            />

        </div><!-- .bosp-action-bar -->

        <!-- ================================================
             SUBMISSION FORM (toggle-revealed)
             ================================================ -->
        <?php
        global $bosp_current_lang;
        $bosp_current_lang = $lang;
        if ( function_exists( 'bosp_render_submission_form' ) ) {
            bosp_render_submission_form( $lang );
        }
        ?>

        <!-- Filter panel — hidden by default, toggled by button above -->
        <div id="bosp-filter-panel" style="display:none; padding:12px 20px 16px; border-bottom:1px solid var(--bosp-border);">

            <!-- CATEGORY + SUBCATEGORY -->
            <p class="bosp-filter-section-label"><?php echo esc_html( $s['category_label'] ); ?></p>
            <div class="bosp-category-filter-grid" style="margin-bottom:20px;">
                <?php foreach ( $subcategory_map as $cat => $subcats ) : ?>
                    <div class="bosp-cat-group">
                        <label class="bosp-checkbox-label bosp-cat-parent">
                            <input type="checkbox" class="bosp-filter-category"
                                   value="<?php echo esc_attr( $cat ); ?>"
                                   style="width:auto;" />
                            <strong><?php echo esc_html( $cat ); ?></strong>
                        </label>
                        <?php if ( count( $subcats ) > 1 ) : ?>
                        <div class="bosp-subcat-list" style="display:none; padding-left:18px; margin-top:4px;">
                            <?php foreach ( $subcats as $subcat ) : ?>
                                <label class="bosp-checkbox-label" style="font-size:12px;">
                                    <input type="checkbox" class="bosp-filter-subcategory"
                                           data-parent="<?php echo esc_attr( $cat ); ?>"
                                           value="<?php echo esc_attr( $subcat ); ?>"
                                           style="width:auto;" />
                                    <?php echo esc_html( $subcat ); ?>
                                </label>
                            <?php endforeach; ?>
                        </div>
                        <?php endif; ?>
                    </div>
                <?php endforeach; ?>
            </div>

            <!-- DATE RANGE -->
            <p class="bosp-filter-section-label"><?php echo esc_html( $s['date_label'] ); ?></p>
            <div class="bosp-filter-row" style="margin-bottom:20px;">
                <div class="bosp-filter-field">
                    <label class="bosp-filter-field-label"><?php echo esc_html( $s['date_from'] ); ?></label>
                    <input type="date" id="bosp-date-from" class="bosp-date-input" />
                </div>
                <div class="bosp-filter-field">
                    <label class="bosp-filter-field-label"><?php echo esc_html( $s['date_to'] ); ?></label>
                    <input type="date" id="bosp-date-to" class="bosp-date-input" />
                </div>
            </div>

            <!-- TIME RANGE -->
            <p class="bosp-filter-section-label"><?php echo esc_html( $s['time_label'] ); ?></p>
            <div class="bosp-filter-row" style="margin-bottom:20px;">
                <div class="bosp-filter-field">
                    <label class="bosp-filter-field-label"><?php echo esc_html( $s['time_from'] ); ?></label>
                    <input type="time" id="bosp-time-from" class="bosp-date-input" />
                </div>
                <div class="bosp-filter-field">
                    <label class="bosp-filter-field-label"><?php echo esc_html( $s['time_to'] ); ?></label>
                    <input type="time" id="bosp-time-to" class="bosp-date-input" />
                </div>
            </div>

            <!-- PRICE -->
            <p class="bosp-filter-section-label"><?php echo esc_html( $s['price_label'] ); ?></p>
            <div style="margin-bottom:20px;">
                <label class="bosp-checkbox-label">
                    <input type="radio" name="bosp-price-filter" class="bosp-filter-price" value="" checked style="width:auto;" />
                    <?php echo esc_html( $s['price_all'] ); ?>
                </label>
                <label class="bosp-checkbox-label">
                    <input type="radio" name="bosp-price-filter" class="bosp-filter-price" value="free" style="width:auto;" />
                    <?php echo esc_html( $s['price_free'] ); ?>
                </label>
                <label class="bosp-checkbox-label">
                    <input type="radio" name="bosp-price-filter" class="bosp-filter-price" value="25" style="width:auto;" />
                    <?php echo esc_html( $s['price_25'] ); ?>
                </label>
            </div>

            <!-- COMMUNITY / CULTURE -->
            <p class="bosp-filter-section-label"><?php echo esc_html( $s['community_label'] ); ?></p>
            <div class="bosp-checkbox-grid" style="margin-bottom:20px;">
                <?php foreach ( $community_options as $opt ) : ?>
                    <label class="bosp-checkbox-label">
                        <input type="checkbox" class="bosp-filter-community"
                               value="<?php echo esc_attr( $opt['value'] ); ?>"
                               style="width:auto;" />
                        <?php echo esc_html( $opt['label'] ); ?>
                    </label>
                <?php endforeach; ?>
            </div>

            <!-- ACCESSIBILITY -->
            <p class="bosp-filter-section-label"><?php echo esc_html( $s['access_label'] ); ?></p>
            <div class="bosp-checkbox-grid" style="margin-bottom:20px;">
                <?php foreach ( $accessibility_options as $opt ) : ?>
                    <label class="bosp-checkbox-label">
                        <input type="checkbox" class="bosp-filter-access"
                               value="<?php echo esc_attr( $opt['value'] ); ?>"
                               style="width:auto;" />
                        <?php echo esc_html( $opt['label'] ); ?>
                    </label>
                <?php endforeach; ?>
            </div>

            <div style="display:flex; gap:10px;">
                <button id="bosp-apply-filters" type="button" class="bosp-apply-btn">
                    <?php echo esc_html( $s['apply_filters'] ); ?>
                </button>
                <button id="bosp-clear-filters" type="button" class="bosp-clear-btn">
                    <?php echo esc_html( $s['clear_filters'] ); ?>
                </button>
            </div>
        </div><!-- #bosp-filter-panel -->

        <!-- ================================================
             4. EVENT LIST
             ================================================ -->
        <div id="bosp-event-list">

            <?php if ( empty( $all_events ) ) : ?>
                <p style="padding:40px 20px; color:var(--bosp-text-muted); font-family:var(--bosp-font-ui);">
                    <?php echo esc_html( $s['no_events'] ); ?>
                </p>
            <?php else : ?>
                <?php
                $current_date = '';
                $card_count   = 0;

                foreach ( $all_events as $event ) :
                    $event_date = $event->event_date ?? '';

                    if ( $event_date && $event_date !== $current_date ) {
                        $current_date = $event_date;
                        $date_display = date_i18n( 'l, F j', strtotime( $event_date ) );
                        echo '<div class="bosp-date-header" data-date="' . esc_attr( $event_date ) . '">' . esc_html( $date_display ) . '</div>';
                    }

                    echo bosp_render_event_card( $event, $lang, $s, $report_nonce, $ajax_url );
                    $card_count++;

                    if ( $card_count % 7 === 0 ) {
                        echo bosp_render_promo_card( $promo_banner_url, $promo_banner_href );
                    }

                endforeach;
                ?>
            <?php endif; ?>

        </div><!-- #bosp-event-list -->

    </div><!-- .bosp-events-page -->

    <script>
    (function() {

        // Event data baked in at render time — expanded with time, price, category, subcategory
        var bospEvents = <?php
            $js_events = array();
            foreach ( $all_events as $ev ) {
                $itags = $ev->identity_tags      ? json_decode( $ev->identity_tags, true )      : array();
                $atags = $ev->accessibility_tags ? json_decode( $ev->accessibility_tags, true ) : array();
                // Normalize time to HH:MM for comparison
                $raw_time = $ev->event_time ?: '';
                $time_hhmm = $raw_time ? substr( $raw_time, 0, 5 ) : '';
                $js_events[] = array(
                    'id'          => (int) $ev->id,
                    'name'        => $ev->$name_col ?: $ev->name_en ?: '',
                    'venue'       => $ev->venue       ?: '',
                    'category'    => $ev->category    ?: '',
                    'subcategory' => $ev->subcategory ?: '',
                    'neighborhood'=> $ev->neighborhood ?: '',
                    'date'        => $ev->event_date  ?: '',
                    'time'        => $time_hhmm,
                    'price'       => isset( $ev->price ) ? (float) $ev->price : null,
                    'itags'       => is_array( $itags ) ? $itags : array(),
                    'atags'       => is_array( $atags ) ? $atags : array(),
                );
            }
            echo wp_json_encode( $js_events );
        ?>;

        var ajaxUrl      = <?php echo wp_json_encode( $ajax_url ); ?>;
        var reportNonce  = <?php echo wp_json_encode( $report_nonce ); ?>;
        var noEventsMsg  = <?php echo wp_json_encode( $s['no_events'] ); ?>;
        var reportThanks = <?php echo wp_json_encode( $s['report_thanks'] ); ?>;

        // ---- LAZY LOAD FADE-IN ----
        function initLazyLoad() {
            var cards = document.querySelectorAll('.bosp-event-card');
            if ( ! cards.length ) return;
            if ( ! ('IntersectionObserver' in window) ) {
                cards.forEach(function(c){ c.classList.add('bosp-visible'); });
                return;
            }
            var observer = new IntersectionObserver(function(entries) {
                entries.forEach(function(entry) {
                    if ( entry.isIntersecting ) {
                        entry.target.classList.add('bosp-visible');
                        observer.unobserve(entry.target);
                    }
                });
            }, { rootMargin: '0px 0px -40px 0px', threshold: 0.05 });
            cards.forEach(function(c){ observer.observe(c); });
        }

        // ---- ACTIVE FILTER STATE ----
        var activeSearch  = '';
        var activeComm    = [];
        var activeAcc     = [];
        var activeCats    = [];
        var activeSubcats = {}; // { category: [subcat, ...] }
        var activeDateFrom = '';
        var activeDateTo   = '';
        var activeTimeFrom = '';
        var activeTimeTo   = '';
        var activePriceMax = null; // null = no limit, 0 = free only, 25 = under 25

        function getVisibleIds() {
            return bospEvents.filter(function(ev) {

                // Text search
                if ( activeSearch ) {
                    var hay = (ev.name + ' ' + ev.venue + ' ' + ev.category + ' ' + ev.subcategory + ' ' + ev.neighborhood).toLowerCase();
                    if ( hay.indexOf(activeSearch) === -1 ) return false;
                }

                // Category filter — if subcats selected for this cat, match subcat; else match cat
                if ( activeCats.length ) {
                    var catMatch = activeCats.indexOf(ev.category) !== -1;
                    if ( ! catMatch ) return false;
                    // If subcategories are selected for this category, also check subcategory
                    var subcatList = activeSubcats[ev.category];
                    if ( subcatList && subcatList.length ) {
                        if ( subcatList.indexOf(ev.subcategory) === -1 ) return false;
                    }
                }

                // Date range
                if ( activeDateFrom && ev.date && ev.date < activeDateFrom ) return false;
                if ( activeDateTo   && ev.date && ev.date > activeDateTo   ) return false;

                // Time range — compare HH:MM strings lexicographically
                // Events with no time listed always pass — unknown time ≠ midnight
                if ( activeTimeFrom && ev.time && ev.time < activeTimeFrom ) return false;
                if ( activeTimeTo   && ev.time && ev.time > activeTimeTo   ) return false;

                // Price
                if ( activePriceMax === 0 ) {
                    if ( ev.price === null || ev.price > 0 ) return false;
                } else if ( activePriceMax === 25 ) {
                    if ( ev.price === null || ev.price > 25 ) return false;
                }

                // Community tags — event must have ALL selected tags
                if ( activeComm.length && ! activeComm.every(function(t){ return ev.itags.indexOf(t) !== -1; }) ) return false;

                // Accessibility tags — event must have ALL selected tags
                if ( activeAcc.length && ! activeAcc.every(function(t){ return ev.atags.indexOf(t) !== -1; }) ) return false;

                return true;
            }).map(function(ev){ return ev.id; });
        }

        function applyFilters() {
            var visibleIds  = getVisibleIds();
            var isFiltering = activeSearch || activeComm.length || activeAcc.length ||
                              activeCats.length || activeDateFrom || activeDateTo ||
                              activeTimeFrom || activeTimeTo || activePriceMax !== null;
            var anyVisible  = false;

            document.querySelectorAll('.bosp-event-card').forEach(function(card) {
                var id = parseInt( card.getAttribute('data-event-id'), 10 );
                var show = visibleIds.indexOf(id) !== -1;
                card.style.display = show ? '' : 'none';
                if ( show ) anyVisible = true;
            });

            // Hide date headers with no visible cards beneath them
            document.querySelectorAll('.bosp-date-header').forEach(function(header) {
                var hasVisible = false;
                var sib = header.nextElementSibling;
                while ( sib && ! sib.classList.contains('bosp-date-header') ) {
                    if ( sib.classList.contains('bosp-event-card') && sib.style.display !== 'none' ) {
                        hasVisible = true; break;
                    }
                    sib = sib.nextElementSibling;
                }
                header.style.display = hasVisible ? '' : 'none';
            });

            // Hide promo cards while filtering
            document.querySelectorAll('.bosp-promo-card').forEach(function(p){
                p.style.display = isFiltering ? 'none' : '';
            });

            // No results message
            var noMsg = document.getElementById('bosp-no-results');
            if ( ! anyVisible ) {
                if ( ! noMsg ) {
                    noMsg = document.createElement('p');
                    noMsg.id = 'bosp-no-results';
                    noMsg.style.cssText = 'padding:40px 20px; color:#999; font-family:var(--bosp-font-ui);';
                    noMsg.textContent = noEventsMsg;
                    document.getElementById('bosp-event-list').appendChild(noMsg);
                }
            } else {
                if ( noMsg ) noMsg.remove();
            }
        }

        // ---- SEARCH — debounced 220ms, fires on input and Enter ----
        var searchTimer;
        var searchInput = document.getElementById('bosp-search-input');

        function runSearch() {
            activeSearch = searchInput ? searchInput.value.trim().toLowerCase() : '';
            applyFilters();
        }

        if ( searchInput ) {
            searchInput.addEventListener('input', function() {
                clearTimeout(searchTimer);
                searchTimer = setTimeout(runSearch, 220);
            });
            searchInput.addEventListener('keydown', function(e) {
                if ( e.key === 'Enter' ) { clearTimeout(searchTimer); runSearch(); }
            });
        }

        // ---- FILTER PANEL TOGGLE ----
        var filterToggle = document.getElementById('bosp-filter-toggle');
        var filterPanel  = document.getElementById('bosp-filter-panel');
        if ( filterToggle && filterPanel ) {
            filterToggle.addEventListener('click', function(e) {
                e.preventDefault();
                filterPanel.style.display = filterPanel.style.display === 'none' ? 'block' : 'none';
            });
        }

        // ---- SEARCH TOGGLE — show/hide inline input ----
        var searchToggle = document.getElementById('bosp-search-toggle');
        if ( searchToggle && searchInput ) {
            searchToggle.addEventListener('click', function(e) {
                e.preventDefault();
                if ( searchInput.style.display === 'none' ) {
                    searchInput.style.display = 'inline-block';
                    searchInput.focus();
                } else {
                    searchInput.style.display = 'none';
                    searchInput.value = '';
                    activeSearch = '';
                    applyFilters();
                }
            });
        }

        // ---- CATEGORY PARENT CHECKBOX — toggle subcat list visibility ----
        document.querySelectorAll('.bosp-filter-category').forEach(function(cb) {
            cb.addEventListener('change', function() {
                var subcatList = this.closest('.bosp-cat-group').querySelector('.bosp-subcat-list');
                if ( subcatList ) {
                    subcatList.style.display = this.checked ? 'block' : 'none';
                    // Uncheck all subcats when parent unchecked
                    if ( ! this.checked ) {
                        subcatList.querySelectorAll('input[type="checkbox"]').forEach(function(el){ el.checked = false; });
                    }
                }
            });
        });

        // ---- ACTIVE FILTER COUNT — updates the toggle button label ----
        function updateFilterBadge() {
            var count = activeCats.length + activeComm.length + activeAcc.length +
                        ( activeDateFrom ? 1 : 0 ) + ( activeDateTo ? 1 : 0 ) +
                        ( activeTimeFrom ? 1 : 0 ) + ( activeTimeTo ? 1 : 0 ) +
                        ( activePriceMax !== null ? 1 : 0 );
            var btn = document.getElementById('bosp-filter-toggle');
            if ( ! btn ) return;
            var baseLabel = btn.getAttribute('data-base-label') || btn.textContent.trim();
            btn.setAttribute('data-base-label', baseLabel);
            btn.textContent = count > 0 ? baseLabel + ' (' + count + ')' : baseLabel;
            btn.style.color = count > 0 ? 'var(--bosp-green)' : '';
        }

        // ---- APPLY FILTERS ----
        var applyBtn = document.getElementById('bosp-apply-filters');
        if ( applyBtn ) {
            applyBtn.addEventListener('click', function() {

                // Categories
                activeCats = Array.from( document.querySelectorAll('.bosp-filter-category:checked') ).map(function(el){ return el.value; });

                // Subcategories — group by parent category
                activeSubcats = {};
                document.querySelectorAll('.bosp-filter-subcategory:checked').forEach(function(el) {
                    var parent = el.getAttribute('data-parent');
                    if ( ! activeSubcats[parent] ) activeSubcats[parent] = [];
                    activeSubcats[parent].push(el.value);
                });

                // Dates
                var dfEl = document.getElementById('bosp-date-from');
                var dtEl = document.getElementById('bosp-date-to');
                activeDateFrom = dfEl ? dfEl.value : '';
                activeDateTo   = dtEl ? dtEl.value : '';

                // Times
                var tfEl = document.getElementById('bosp-time-from');
                var ttEl = document.getElementById('bosp-time-to');
                activeTimeFrom = tfEl ? tfEl.value : '';
                activeTimeTo   = ttEl ? ttEl.value : '';

                // Price
                var priceEl = document.querySelector('.bosp-filter-price:checked');
                if ( priceEl ) {
                    if ( priceEl.value === 'free' ) activePriceMax = 0;
                    else if ( priceEl.value === '25' ) activePriceMax = 25;
                    else activePriceMax = null;
                } else {
                    activePriceMax = null;
                }

                // Community + accessibility
                activeComm = Array.from( document.querySelectorAll('.bosp-filter-community:checked') ).map(function(el){ return el.value; });
                activeAcc  = Array.from( document.querySelectorAll('.bosp-filter-access:checked') ).map(function(el){ return el.value; });

                applyFilters();
                updateFilterBadge();
                // Panel stays open so user can tweak — no forced close
            });
        }

        // ---- CLEAR FILTERS ----
        var clearBtn = document.getElementById('bosp-clear-filters');
        if ( clearBtn ) {
            clearBtn.addEventListener('click', function() {
                // Uncheck all filter checkboxes and radio buttons
                document.querySelectorAll(
                    '.bosp-filter-community, .bosp-filter-access, .bosp-filter-category, .bosp-filter-subcategory'
                ).forEach(function(el){ el.checked = false; });
                document.querySelectorAll('.bosp-subcat-list').forEach(function(el){ el.style.display = 'none'; });
                var defaultPrice = document.querySelector('.bosp-filter-price[value=""]');
                if ( defaultPrice ) defaultPrice.checked = true;
                var dfEl = document.getElementById('bosp-date-from');
                var dtEl = document.getElementById('bosp-date-to');
                var tfEl = document.getElementById('bosp-time-from');
                var ttEl = document.getElementById('bosp-time-to');
                if ( dfEl ) dfEl.value = '';
                if ( dtEl ) dtEl.value = '';
                if ( tfEl ) tfEl.value = '';
                if ( ttEl ) ttEl.value = '';

                // Reset state
                activeCats = []; activeSubcats = {};
                activeComm = []; activeAcc = [];
                activeDateFrom = ''; activeDateTo = '';
                activeTimeFrom = ''; activeTimeTo = '';
                activePriceMax = null;

                applyFilters();
                updateFilterBadge();
            });
        }

        // ---- CREATOR LINK — smooth scroll to submission form ----
        var creatorLink = document.getElementById('bosp-add-event-btn');
        if ( creatorLink ) {
            creatorLink.addEventListener('click', function(e) {
                e.preventDefault();
                var form = document.getElementById('bosp-submission-form');
                if ( form ) {
                    form.style.display = 'block';
                    form.scrollIntoView({ behavior: 'smooth', block: 'start' });
                }
            });
        }

        // ---- REPORT EVENT — silent AJAX increment ----
        document.addEventListener('click', function(e) {
            var link = e.target.closest('.bosp-report-link');
            if ( ! link ) return;
            e.preventDefault();
            var eventId = link.getAttribute('data-event-id');
            if ( ! eventId ) return;
            var fd = new FormData();
            fd.append('action',            'bosp_report_event');
            fd.append('event_id',          eventId);
            fd.append('bosp_report_nonce', reportNonce);
            fetch( ajaxUrl, { method: 'POST', body: fd } ).then(function() {
                link.textContent = reportThanks;
                link.style.pointerEvents = 'none';
            });
        });

        initLazyLoad();

    })();
    </script>
    <?php

    return ob_get_clean();
}

endif; // bosp_build_events_page

// ============================================================
// 5. RENDER A SINGLE EVENT CARD
// ============================================================

if ( ! function_exists( 'bosp_render_event_card' ) ) :

function bosp_render_event_card( $event, $lang, $s, $report_nonce, $ajax_url ) {
    $name_col = 'name_' . $lang;
    $slug_col = 'slug_' . $lang;
    $desc_col = 'description_' . $lang;

    $name             = $event->$name_col        ?: $event->name_en        ?: '';
    $slug             = $event->$slug_col        ?: $event->slug_en        ?: '';
    $description      = $event->$desc_col        ?: $event->description_en ?: '';
    $venue            = $event->venue            ?: '';
    $neighborhood     = $event->neighborhood     ?: '';
    $price            = isset( $event->price ) ? (float) $event->price : null;
    $price_color      = $event->price_color      ?: 'green';
    $event_time       = $event->event_time       ?: '';
    $category         = $event->category         ?: '';
    $subcategory      = $event->subcategory      ?: '';
    $partner_discount = $event->partner_discount ?: '';
    $event_id         = (int) $event->id;

    $event_url = $slug ? home_url( '/event/' . $slug . '/' ) : '#';

    // Price display
    if ( $price === null || $price === 0.0 ) {
        $price_display = $s['free_label'];
        $price_color   = 'green';
    } else {
        $price_display = 'R$' . number_format( $price, 2, ',', '.' );
    }

    // Time display — skip midnight default
    $time_display = '';
    if ( $event_time && $event_time !== '00:00:00' ) {
        $time_display = date( 'g:i A', strtotime( $event_time ) );
    }

    // Description snippet — 20 words
    $desc_snippet = $description ? wp_trim_words( wp_strip_all_tags( $description ), 20, '...' ) : '';

    // Meta line parts
    $meta_parts = array_filter( array( $venue, $neighborhood, $time_display ) );

    ob_start();
    ?>
    <div class="bosp-event-card"
         data-event-id="<?php echo esc_attr( $event_id ); ?>"
         data-date="<?php echo esc_attr( $event->event_date ?? '' ); ?>">

        <div class="bosp-price-dot <?php echo esc_attr( $price_color ); ?>"></div>

        <div class="bosp-event-body">
            <p class="bosp-event-name">
                <a href="<?php echo esc_url( $event_url ); ?>"><?php echo esc_html( $name ); ?></a>
            </p>

            <?php if ( $meta_parts ) : ?>
            <p class="bosp-event-meta">
                <?php foreach ( $meta_parts as $part ) : ?>
                    <span><?php echo esc_html( $part ); ?></span>
                <?php endforeach; ?>
            </p>
            <?php endif; ?>

            <?php if ( $desc_snippet ) : ?>
            <p class="bosp-event-description"><?php echo esc_html( $desc_snippet ); ?></p>
            <?php endif; ?>

            <div>
                <span class="bosp-price-badge <?php echo esc_attr( $price_color ); ?>"><?php echo esc_html( $price_display ); ?></span>
                <?php if ( $category ) : ?>
                    <span style="font-family:var(--bosp-font-ui); font-size:12px; color:var(--bosp-text-muted);">
                        <?php echo esc_html( $category ); ?><?php echo $subcategory ? ' · ' . esc_html( $subcategory ) : ''; ?>
                    </span>
                <?php endif; ?>
                <?php if ( $partner_discount ) : ?>
                    <span class="bosp-partner-discount">★ <?php echo esc_html( $partner_discount ); ?></span>
                <?php endif; ?>
            </div>

            <a href="#"
               class="bosp-report-link"
               data-event-id="<?php echo esc_attr( $event_id ); ?>">
                <?php echo esc_html( $s['report_link'] ); ?>
            </a>
        </div>
    </div>
    <?php
    return ob_get_clean();
}

endif; // bosp_render_event_card

// ============================================================
// 6. RENDER PROMOTIONAL CARD
// ============================================================

if ( ! function_exists( 'bosp_render_promo_card' ) ) :

function bosp_render_promo_card( $banner_url, $banner_href ) {
    ob_start();
    ?>
    <div class="bosp-promo-card" style="padding:16px 20px; border-bottom:1px solid var(--bosp-border);">
        <a href="<?php echo esc_url( $banner_href ); ?>" target="_blank" rel="noopener sponsored">
            <img src="<?php echo esc_url( $banner_url ); ?>" alt="BrasilianArt.com" style="width:100%; height:auto; display:block;" />
        </a>
    </div>
    <?php
    return ob_get_clean();
}

endif; // bosp_render_promo_card