<?php
if ( ! defined( 'ABSPATH' ) ) {
    exit;
}
?>

<div class="wavypopup-modal" id="wavypopup-<?php echo esc_attr($popup->ID); ?>">
    <div class="wavypopup-overlay"></div>

    <!-- Background video -->
    <video class="wavypopup-bg-video" <?php echo esc_attr( $opacity_style ); ?> autoplay muted <?php echo esc_attr( $loop ); ?> playsinline>
        <source src="<?php echo esc_attr( $video_url ); ?>" type="video/mp4">
        Your browser does not support HTML5 video.
    </video>

    <div class="wavypopup-banner-content <?php echo esc_attr($animation_class); ?>" <?php echo esc_attr( $inline_style ); ?>>
        <span class="wavypopup-close">&times;</span>
        <div class="wavypopup-banner-inner">
            <a href="<?php echo esc_attr( $banner_target_url ); ?>">
                <img src="<?php echo esc_attr( $banner_url ); ?>" alt="">
            </a>
        </div>
        <?php if ($enable_confetti) : ?>
            <canvas id="wavypopup-confetti"></canvas>
        <?php endif; ?>
    </div>
</div>