<?php
if (function_exists('render_block_preview_image') && render_block_preview_image($block, 'Webinar banner preview')) {
    return;
}

$className = 'webinar-page-banner ' . ($block['className'] ?? '');

$tag_button       = get_field('tag_button'); // Link field
$heading          = get_field('heading');
$description      = get_field('description');

$main_button      = get_field('main_button'); // Link field
$lottie_animation = get_field('lottie_animation'); // File field
?>
<section class="<?php echo esc_attr(trim($className)); ?>">
    <div class="container">
        <div class="webinar-page-banner-wrapper">
            <div class="left-content">
                <?php if ($tag_button) : ?>
                    <a href="<?php echo esc_url($tag_button['url']); ?>"
                        class="event-button cta-button"
                        target="<?php echo esc_attr($tag_button['target'] ?: '_self'); ?>">
                        <?php echo esc_html($tag_button['title']); ?>
                    </a>
                <?php endif; ?>
                <div class="webinar-page-banner-content">
                    <?php if ($heading) : ?>
                        <h1><?php echo esc_html($heading); ?></h1>
                    <?php endif; ?>

                    <?php if ($description) : ?>
                        <?php echo wp_kses_post($description); ?>
                    <?php endif; ?>
                </div>
                <?php if ($main_button) : ?>
                    <a href="<?php echo esc_url($main_button['url']); ?>"
                        class="custom-btn"
                        target="<?php echo esc_attr($main_button['target'] ?: '_self'); ?>">

                        <?php echo esc_html($main_button['title']); ?>
                    </a>
                <?php endif; ?>
            </div>
        </div>
    </div>

    <?php if ($lottie_animation) : ?>
        <div class="sk--animation-right-content">
            <lottie-player
                src="<?php echo esc_url($lottie_animation['url']); ?>"
                background="transparent"
                speed="1"
                loop
                autoplay>
            </lottie-player>
        </div>
    <?php endif; ?>

</section>