JezK

Edit File: birthday-banner.php

<?php

namespace SiteMailer\Modules\Settings\Banners;

use SiteMailer\Modules\Core\Components\Pointers;
use Throwable;

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

/**
 * Birthday_Banner
 */
class Birthday_Banner {
	const BANNER_POINTER_NAME = 'site_mailer_birthday_banner';
	const POINTER_ACTION = 'site_mailer_pointer_dismissed';
	const POINTER_NONCE_KEY = 'site-mailer-pointer-dismissed';

public static function is_birthday_time(): bool {
		$birthday_start_time = gmmktime( 16, 0, 0, 6, 10, 2025 );
		$birthday_end_time = gmmktime( 23, 59, 59, 6, 17, 2025 );

$now_time = gmdate( 'U' );

return $now_time >= $birthday_start_time && $now_time <= $birthday_end_time;
	}

public static function user_viewed_banner(): bool {
		return Pointers::is_dismissed( self::BANNER_POINTER_NAME );
	}

/**
	 * Get banner markup
	 * @throws Throwable
	 */
	public static function get_banner( string $link ) {
		if ( ! self::is_birthday_time() || self::user_viewed_banner() ) {
			return;
		}
		$img = plugins_url( '/images/bday-banner-sm-2025.png', __FILE__ );
		$url = admin_url( 'admin-ajax.php' );
		$nonce = wp_create_nonce( self::POINTER_NONCE_KEY );

?>
		<div class="elementor-birthday-banner">
			<div class="elementor-birthday-banner-container">
				<img src="<?php echo esc_url( $img ); ?>" alt="Birthday banner image">
				<a href="<?php echo esc_url( $link ); ?>" target="_blank">
					<?php esc_html_e( 'Get discount', 'site-mailer' ); ?>
				</a>
				<button aria-label="<?php esc_attr_e( 'Dismiss', 'site-mailer' ); ?>">
					<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path fill-rule="evenodd" clip-rule="evenodd"
								d="M13.2803 1.28033C13.5732 0.987437 13.5732 0.512563 13.2803 0.21967C12.9874 -0.0732233 12.5126 -0.0732233 12.2197 0.21967L6.75 5.68934L1.28033 0.21967C0.987437 -0.0732233 0.512563 -0.0732233 0.21967 0.21967C-0.0732233 0.512563 -0.0732233 0.987437 0.21967 1.28033L5.68934 6.75L0.21967 12.2197C-0.0732233 12.5126 -0.0732233 12.9874 0.21967 13.2803C0.512563 13.5732 0.987437 13.5732 1.28033 13.2803L6.75 7.81066L12.2197 13.2803C12.5126 13.5732 12.9874 13.5732 13.2803 13.2803C13.5732 12.9874 13.5732 12.5126 13.2803 12.2197L7.81066 6.75L13.2803 1.28033Z"
								fill="#fff"/>
					</svg>
				</button>
			</div>
		</div>
		<style>
			.elementor-birthday-banner {
				overflow: hidden;
				margin: -20px 0 20px -20px;
				background: #ff7be5;
			}

[dir="rtl"] .elementor-birthday-banner {
				margin: -20px -20px 20px 0;
			}

.elementor-birthday-banner-container {
				position: relative;
				max-width: 1200px;
				margin: 0 auto;
				display: flex;
				justify-content: end;
				align-items: center;
				direction: ltr;
				height: 80px;
			}

.elementor-birthday-banner img {
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				width: 100%;
			}

.elementor-birthday-banner a {
				position: relative;
				display: inline-block;
				padding: 12px 24px;
				font-size: 18px;
				color: #fff;
				background-color: #000;
				text-decoration: none;
				z-index: 2;
			}

.elementor-birthday-banner button {
				position: relative;
				border: none;
				background: none;
				padding: 12px;
				margin: 0 24px;
				cursor: pointer;
				z-index: 2;
			}

@media (max-width: 768px) {
				.elementor-birthday-banner a {
					padding: 6px 12px;
					font-size: 14px;
				}

.elementor-birthday-banner button {
					margin: 0 12px;
				}
			}
		</style>
		<script>
			document.addEventListener( 'DOMContentLoaded', function() {
				const banner = document.querySelector( '.elementor-birthday-banner' );
				const button = document.querySelector( '.elementor-birthday-banner button' );

const requestData = {
					action: "<?php echo esc_js( self::POINTER_ACTION ); ?>",
					nonce: "<?php echo esc_js( $nonce ); ?>",
					data: {
						pointer: "<?php echo esc_js( self::BANNER_POINTER_NAME ); ?>",
					},
				};

if (button) {
					button.addEventListener( 'click', function() {
						jQuery.ajax(
							{
								url: '<?php echo esc_js( $url ); ?>',
								method: 'POST',
								data: requestData,
								success: () => banner.remove(),
								error: ( error ) => console.error( 'Error:', error ),
							},
						);
					} );
				}
			} );

</script>
		<?php
	}
}