<?php
// In Bricks "Code" Element (Execute PHP enabled)
$current_post_id = null;
$pods_html_output = '';
$image_urls = [];

if ( function_exists( 'bricks_get_post_id' ) ) {
    $current_post_id = bricks_get_post_id();
}
if ( !$current_post_id ) {
    $current_post_id = get_the_ID();
}
if ( !$current_post_id && isset($_REQUEST['post_id']) ) { // Fallback
    $current_post_id = absint($_REQUEST['post_id']);
}

if ( $current_post_id && function_exists('bricks_render_dynamic_data') ) {
    $pods_html_output = bricks_render_dynamic_data( '{pods_produto_tumbnails:image}', $current_post_id );
}

if ( function_exists('bks_extract_image_srcs_from_html_block') && !empty($pods_html_output) ) {
    $image_urls = bks_extract_image_srcs_from_html_block( $pods_html_output );
}

if ( !empty( $image_urls ) ) {
    foreach ( $image_urls as $index => $url ) {
        echo '<img class="brxe-image tumbnail css-filter size-full" src="' . esc_url( $url ) . '" alt="Produto Thumbnail ' . ($index + 1) . '">';
    }
} else {
    // Optional: message if no URLs found on front-end
    // if (!is_admin() && !(defined('REST_REQUEST') && REST_REQUEST) && !(defined('DOING_AJAX') && DOING_AJAX)) {
    //     echo '<p>No thumbnails available.</p>';
    // }
}
?>

const code = document.getElementById('brxe-zdpyov')

code.classList.remove('brxe-code')
code.classList.add('brxe-div')

const firstImage = code.querySelector(':scope > img.tumbnail');

firstImage.classList.add('tumb-active')

.is-open {
  visibility: visible !important;
}

const popup = document.getElementById('model_table')
const button = document.getElementById('toggle_button')
const close = document.getElementById('close_button')

button.addEventListener('click', function() {
  popup.classList.add('is-open')

});

close.addEventListener('click', function() {
  popup.classList.remove('is-open')
});