<?php
/**
 * Frontend Rendering & Assets Management for Solutiontech Whatsapp.
 *
 * @package Solutiontech_WhatsApp
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

/**
 * Class Solutiontech_WhatsApp_Frontend
 */
class Solutiontech_WhatsApp_Frontend {

	/**
	 * Singleton instance.
	 *
	 * @var Solutiontech_WhatsApp_Frontend|null
	 */
	private static $instance = null;

	/**
	 * Get singleton instance.
	 *
	 * @return Solutiontech_WhatsApp_Frontend
	 */
	public static function get_instance() {
		if ( null === self::$instance ) {
			self::$instance = new self();
		}
		return self::$instance;
	}

	/**
	 * Constructor.
	 */
	private function __construct() {
		add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_frontend_assets' ) );
		add_action( 'wp_footer', array( $this, 'render_widget' ) );
	}

	/**
	 * Determine if widget should be rendered on current page.
	 *
	 * @return bool
	 */
	public function should_render() {
		$settings = Solutiontech_WhatsApp_Helpers::get_settings();

		// Check if globally enabled.
		if ( '1' !== $settings['enabled'] ) {
			return false;
		}

		// Check business hours. If set to hide completely outside hours, do not render.
		$is_online = Solutiontech_WhatsApp_Helpers::is_within_business_hours( $settings );
		if ( ! $is_online && 'hide_widget' === $settings['offline_behavior'] ) {
			return false;
		}

		// Single agent mode requires a valid phone number.
		if ( '1' !== $settings['multi_agent'] && empty( $settings['phone_number'] ) ) {
			return false;
		}

		// Multi-agent mode requires at least one configured agent with phone.
		if ( '1' === $settings['multi_agent'] ) {
			$has_agent = false;
			if ( ! empty( $settings['agents'] ) && is_array( $settings['agents'] ) ) {
				foreach ( $settings['agents'] as $agent ) {
					if ( ! empty( $agent['phone'] ) ) {
						$has_agent = true;
						break;
					}
				}
			}
			if ( ! $has_agent && empty( $settings['phone_number'] ) ) {
				return false;
			}
		}

		return true;
	}

	/**
	 * Enqueue frontend CSS and JS.
	 */
	public function enqueue_frontend_assets() {
		if ( ! $this->should_render() ) {
			return;
		}

		$settings = Solutiontech_WhatsApp_Helpers::get_settings();

		wp_enqueue_style(
			'st-wa-frontend-css',
			ST_WA_URL . 'assets/css/st-frontend.css',
			array(),
			ST_WA_VERSION
		);

		// Dynamic CSS for custom colors and offsets.
		$custom_css = $this->generate_custom_css( $settings );
		wp_add_inline_style( 'st-wa-frontend-css', $custom_css );

		$frontend_deps = array();
		if ( '1' === $settings['qr_enabled'] ) {
			wp_enqueue_script(
				'st-wa-qrcode',
				ST_WA_URL . 'assets/js/qrcode.min.js',
				array(),
				'1.4.4',
				true
			);
			$frontend_deps[] = 'st-wa-qrcode';
		}

		wp_enqueue_script(
			'st-wa-frontend-js',
			ST_WA_URL . 'assets/js/st-frontend.js',
			$frontend_deps,
			ST_WA_VERSION,
			true
		);

		$is_online       = Solutiontech_WhatsApp_Helpers::is_within_business_hours( $settings );
		$default_message = Solutiontech_WhatsApp_Helpers::replace_tags( $settings['default_message'] );
		$direct_url      = Solutiontech_WhatsApp_Helpers::build_whatsapp_url( $settings['phone_number'], $default_message );

		// Localize parameters for JS tracking, triggers, badge, sound, and QR.
		wp_localize_script(
			'st-wa-frontend-js',
			'stWaConfig',
			array(
				'trackGA4'       => '1' === $settings['track_ga4'],
				'trackPixel'     => '1' === $settings['track_pixel'],
				'defaultMessage' => $default_message,
				'phone'          => Solutiontech_WhatsApp_Helpers::clean_phone( $settings['phone_number'] ),
				'isPopup'        => '1' === $settings['popup_enabled'],
				'badgeEnabled'   => '1' === $settings['badge_enabled'],
				'badgeDelay'     => absint( $settings['badge_delay'] ),
				'soundEnabled'   => '1' === $settings['sound_enabled'],
				'autoOpenDelay'  => absint( $settings['auto_open_delay'] ),
				'scrollTrigger'  => '1' === $settings['scroll_trigger'],
				'scrollPercent'  => absint( $settings['scroll_percent'] ),
				'exitIntent'     => '1' === $settings['exit_intent'],
				'qrEnabled'      => '1' === $settings['qr_enabled'],
				'qrTargetUrl'    => esc_url_raw( $direct_url ),
				'gdprEnabled'    => '1' === $settings['gdpr_enabled'],
				'isOnline'       => $is_online,
				'strings'        => array(
					'gdprWarning' => __( 'Por favor, acepta la política de privacidad para continuar.', 'solutiontech-customer-chat' ),
					'scanWithPhone' => __( 'Escanea el código QR con tu celular para chatear por WhatsApp.', 'solutiontech-customer-chat' ),
				),
			)
		);
	}

	/**
	 * Generate dynamic CSS for button offsets and colors.
	 *
	 * @param array $settings Plugin settings.
	 * @return string Inline CSS.
	 */
	private function generate_custom_css( $settings ) {
		$position   = ( 'bottom-left' === $settings['position'] ) ? 'left' : 'right';
		$offset_x   = absint( $settings['offset_x'] );
		$offset_y   = absint( $settings['offset_y'] );
		$primary    = sanitize_hex_color( $settings['primary_color'] );
		$header_col = sanitize_hex_color( $settings['header_color'] );

		$css = "
		:root {
			--st-wa-primary: {$primary};
			--st-wa-header: {$header_col};
		}
		.st-wa-widget-wrapper {
			bottom: {$offset_y}px;
			{$position}: {$offset_x}px;
		}
		.st-wa-popup-wrapper {
			bottom: calc({$offset_y}px + 70px);
			{$position}: {$offset_x}px;
		}
		";

		// Device visibility rules.
		if ( 'desktop' === $settings['device_visibility'] ) {
			$css .= "@media (max-width: 768px) { .st-wa-widget-wrapper, .st-wa-popup-wrapper { display: none !important; } }";
		} elseif ( 'mobile' === $settings['device_visibility'] ) {
			$css .= "@media (min-width: 769px) { .st-wa-widget-wrapper, .st-wa-popup-wrapper { display: none !important; } }";
		}

		return $css;
	}

	/**
	 * Render floating button and chat popup in wp_footer.
	 */
	public function render_widget() {
		if ( ! $this->should_render() ) {
			return;
		}

		$settings        = Solutiontech_WhatsApp_Helpers::get_settings();
		$is_multi        = ( '1' === $settings['multi_agent'] );
		$is_popup        = ( '1' === $settings['popup_enabled'] );
		$is_online       = Solutiontech_WhatsApp_Helpers::is_within_business_hours( $settings );
		$layout_type     = $settings['layout_type'];
		$animation_class = ( 'none' !== $settings['animation'] ) ? 'st-wa-anim-' . esc_attr( $settings['animation'] ) : '';
		$default_message = Solutiontech_WhatsApp_Helpers::replace_tags( $settings['default_message'] );
		$direct_url      = Solutiontech_WhatsApp_Helpers::build_whatsapp_url( $settings['phone_number'], $default_message );

		$status_text     = $is_online ? $settings['agent_role'] : ( ! empty( $settings['offline_status_text'] ) ? $settings['offline_status_text'] : __( 'Fuera de línea', 'solutiontech-customer-chat' ) );
		$dot_class       = $is_online ? 'st-wa-status-online' : 'st-wa-status-offline';

		?>
		<div class="st-wa-container" id="st-wa-container">

			<?php if ( $is_popup ) : ?>
				<!-- POPUP CHAT WINDOW -->
				<div class="st-wa-popup-wrapper st-wa-hidden" id="st-wa-popup" role="dialog" aria-modal="true" aria-labelledby="st-wa-popup-heading">
					<div class="st-wa-popup-header">
						<div class="st-wa-header-avatar">
							<?php echo Solutiontech_WhatsApp_Helpers::get_whatsapp_icon_svg(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
							<span class="st-wa-header-dot <?php echo esc_attr( $dot_class ); ?>"></span>
						</div>
						<div class="st-wa-header-info">
							<h3 id="st-wa-popup-heading"><?php echo esc_html( $settings['popup_title'] ); ?></h3>
							<p><?php echo esc_html( $status_text ); ?></p>
						</div>
						<div class="st-wa-header-actions">
							<?php if ( '1' === $settings['qr_enabled'] ) : ?>
								<button type="button" class="st-wa-header-btn" id="st-wa-qr-toggle-btn" title="<?php esc_attr_e( 'Escanear código QR con el móvil', 'solutiontech-customer-chat' ); ?>">
									<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M3 3h8v8H3V3zm2 2v4h4V5H5zm8-2h8v8h-8V3zm2 2v4h4V5h-4zM3 13h8v8H3v-8zm2 2v4h4v-4H5zm13-2h3v2h-3v-2zm-5 0h2v3h-2v-3zm3 3h2v2h-2v-2zm-3 2h3v3h-3v-3zm5 0h3v3h-3v-3z"/></svg>
								</button>
							<?php endif; ?>
							<button type="button" class="st-wa-close-btn" id="st-wa-close-btn" aria-label="<?php esc_attr_e( 'Cerrar chat', 'solutiontech-customer-chat' ); ?>">&times;</button>
						</div>
					</div>

					<div class="st-wa-popup-body">

						<?php if ( '1' === $settings['qr_enabled'] ) : ?>
							<!-- Desktop QR Code View -->
							<div class="st-wa-qr-view st-wa-hidden" id="st-wa-qr-view">
								<p class="st-wa-qr-tip"><?php esc_html_e( 'Escanea con la cámara de tu celular para chatear al instante por WhatsApp:', 'solutiontech-customer-chat' ); ?></p>
								<div class="st-wa-qr-canvas-wrap" id="st-wa-qr-canvas"></div>
								<button type="button" class="button st-wa-qr-back-btn" id="st-wa-qr-back-btn"><?php esc_html_e( 'Volver al chat', 'solutiontech-customer-chat' ); ?></button>
							</div>
						<?php endif; ?>

						<div class="st-wa-chat-flow" id="st-wa-chat-flow">
							<?php if ( ! $is_online && ! empty( $settings['offline_notice'] ) ) : ?>
								<div class="st-wa-chat-bubble st-wa-offline-bubble">
									<p><?php echo nl2br( esc_html( $settings['offline_notice'] ) ); ?></p>
									<span class="st-wa-bubble-time"><?php echo esc_html( wp_date( 'H:i' ) ); ?></span>
								</div>
							<?php elseif ( ! empty( $settings['popup_intro'] ) ) : ?>
								<div class="st-wa-chat-bubble">
									<p><?php echo nl2br( esc_html( $settings['popup_intro'] ) ); ?></p>
									<span class="st-wa-bubble-time"><?php echo esc_html( wp_date( 'H:i' ) ); ?></span>
								</div>
							<?php endif; ?>

							<?php if ( '1' === $settings['gdpr_enabled'] && ! empty( $settings['gdpr_text'] ) ) : ?>
								<!-- GDPR / Privacy consent checkbox -->
								<div class="st-wa-gdpr-wrap">
									<label class="st-wa-gdpr-label">
										<input type="checkbox" id="st-wa-gdpr-checkbox" class="st-wa-gdpr-checkbox">
										<span class="st-wa-gdpr-text"><?php echo wp_kses_post( $settings['gdpr_text'] ); ?></span>
									</label>
								</div>
							<?php endif; ?>

							<?php if ( $is_multi && ! empty( $settings['agents'] ) ) : ?>
								<!-- Multi-Agent List -->
								<div class="st-wa-agents-section">
									<p class="st-wa-agents-title"><?php esc_html_e( 'Selecciona un asesor o departamento:', 'solutiontech-customer-chat' ); ?></p>
									<div class="st-wa-agent-cards">
										<?php foreach ( $settings['agents'] as $agent ) :
											if ( empty( $agent['phone'] ) ) {
												continue;
											}
											$agent_url = Solutiontech_WhatsApp_Helpers::build_whatsapp_url( $agent['phone'], $default_message );
											?>
											<a href="<?php echo esc_url( $agent_url ); ?>" class="st-wa-agent-item st-wa-trigger-link" target="_blank" rel="noopener noreferrer" data-agent="<?php echo esc_attr( $agent['name'] ); ?>" data-phone="<?php echo esc_attr( $agent['phone'] ); ?>">
												<div class="st-wa-agent-avatar">
													<?php if ( ! empty( $agent['avatar'] ) ) : ?>
														<img src="<?php echo esc_url( $agent['avatar'] ); ?>" alt="<?php echo esc_attr( $agent['name'] ); ?>">
													<?php else : ?>
														<span class="st-wa-avatar-placeholder"><?php echo esc_html( strtoupper( substr( $agent['name'], 0, 1 ) ) ); ?></span>
													<?php endif; ?>
													<span class="st-wa-status-dot <?php echo esc_attr( $dot_class ); ?>"></span>
												</div>
												<div class="st-wa-agent-meta">
													<strong><?php echo esc_html( $agent['name'] ); ?></strong>
													<span><?php echo esc_html( $agent['role'] ); ?></span>
												</div>
												<div class="st-wa-agent-action">
													<?php echo Solutiontech_WhatsApp_Helpers::get_whatsapp_icon_svg(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
												</div>
											</a>
										<?php endforeach; ?>
									</div>
								</div>
							<?php else : ?>
								<!-- Single Agent direct CTA -->
								<div class="st-wa-single-cta">
									<a href="<?php echo esc_url( $direct_url ); ?>" class="st-wa-btn-cta st-wa-trigger-link" target="_blank" rel="noopener noreferrer" data-agent="<?php echo esc_attr( $settings['agent_name'] ); ?>" data-phone="<?php echo esc_attr( $settings['phone_number'] ); ?>">
										<?php echo Solutiontech_WhatsApp_Helpers::get_whatsapp_icon_svg(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
										<span><?php echo esc_html( $settings['btn_cta_text'] ); ?></span>
									</a>
								</div>
							<?php endif; ?>
						</div>

					</div>
				</div>
			<?php endif; ?>

			<!-- FLOATING BUTTON -->
			<div class="st-wa-widget-wrapper">
				<?php if ( $is_popup ) : ?>
					<button type="button" class="st-wa-floating-btn <?php echo esc_attr( $animation_class ); ?>" id="st-wa-toggle-btn" aria-label="<?php esc_attr_e( 'Contactar por WhatsApp', 'solutiontech-customer-chat' ); ?>">
						<span class="st-wa-badge st-wa-hidden" id="st-wa-badge">1</span>
						<span class="st-wa-btn-icon"><?php echo Solutiontech_WhatsApp_Helpers::get_whatsapp_icon_svg(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
						<?php if ( 'button_text' === $layout_type && ! empty( $settings['btn_text'] ) ) : ?>
							<span class="st-wa-btn-label"><?php echo esc_html( $settings['btn_text'] ); ?></span>
						<?php endif; ?>
					</button>
				<?php else : ?>
					<a href="<?php echo esc_url( $direct_url ); ?>" class="st-wa-floating-btn st-wa-trigger-link <?php echo esc_attr( $animation_class ); ?>" target="_blank" rel="noopener noreferrer" data-agent="<?php echo esc_attr( $settings['agent_name'] ); ?>" data-phone="<?php echo esc_attr( $settings['phone_number'] ); ?>" aria-label="<?php esc_attr_e( 'Contactar por WhatsApp', 'solutiontech-customer-chat' ); ?>">
						<span class="st-wa-badge st-wa-hidden" id="st-wa-badge">1</span>
						<span class="st-wa-btn-icon"><?php echo Solutiontech_WhatsApp_Helpers::get_whatsapp_icon_svg(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></span>
						<?php if ( 'button_text' === $layout_type && ! empty( $settings['btn_text'] ) ) : ?>
							<span class="st-wa-btn-label"><?php echo esc_html( $settings['btn_text'] ); ?></span>
						<?php endif; ?>
					</a>
				<?php endif; ?>
			</div>

		</div>
		<?php
	}
}