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

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

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

    <div class="wavypopup-content <?php echo esc_attr($animation_class); ?>" <?php echo esc_attr( $inline_style ); ?>>
        <span class="wavypopup-close">&times;</span>
        <div class="wavypopup-content-inner">
            <?php echo wp_kses_post(apply_filters('the_content', $popup->post_content)); ?>
        </div>
        
    </div>

    <?php if ($enable_confetti) : ?>
            <canvas id="wavypopup-confetti"></canvas>
    <?php endif; ?>
       
</div>
