<?php
/**
 * Renders the “Info & kaufen” admin page.
 *
 * @package Boxyfy
 */

defined( 'ABSPATH' ) || exit;

if ( ! function_exists( 'boxyfy_render_info_kaufen_page' ) ) {
	/**
	 * Callback für das Menü “Info & kaufen”.
	 *
	 * @return void
	 */
	function boxyfy_render_info_kaufen_page() {
		?>
		<div class="wrap">
			<h1><?php esc_html_e( 'Info & kaufen', 'boxyfy' ); ?></h1>

			<h2 class="boxyfy-license-head">
				<?php esc_html_e( 'Boxyfy-Plugin: Wähle zwischen 2 Lizenzmodellen', 'boxyfy' ); ?>
			</h2>

			<!-- Live-Demo-Button ------------------------------------------- -->
			<div class="boxyfy-live-button-container">
				<a
					class="boxyfy-live-demo-button"
					href="https://boxyfy.de/live-demo-produkte-vergleiche/"
					target="_blank"
					rel="noopener"
				>
					<svg
						class="boxyfy-link-svg"
						viewBox="0 0 16 16"
						fill="currentColor"
						xmlns="http://www.w3.org/2000/svg"
					>
						<path d="M16 1V15H9V13H14V3H9V1L16 1Z" />
						<path d="M6 4V7L0 7L0 9H6V12H7L11 8L7 4H6Z" />
					</svg>
					<?php
					esc_html_e(
						'Jetzt live testen – Vorschau für Boxyfy Produktboxen, Produktslider, Vergleiche & mehr',
						'boxyfy'
					);
					?>
				</a>
			</div>
			
			<!-- YouTube Video Einbettung -->
			<div class="boxyfy-video-container" style="margin-top: 20px;">
				<?php
				$video_title = __( 'Boxyfy Plugin Video', 'boxyfy' );
				$video_url   = esc_url( 'https://www.youtube.com/embed/hJnzg0uXIFI' );
				?>
				<iframe 
					src="<?php echo $video_url; ?>" 
					title="<?php echo esc_attr( $video_title ); ?>" 
					frameborder="0" 
					allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
					allowfullscreen>
				</iframe>
			</div>

			<?php
			/* ------------------------------------------------------------------
			 * EINLEITUNG
			 * ---------------------------------------------------------------- */
			$intro_text = sprintf(
				/* translators: %s: URL zur Lizenzschlüssel-Status-Seite */
				__(
					'Du interessierst Dich für das Plugin? Für das Boxyfy-Plugin gibt es zwei Kaufoptionen – eine Standard- und eine Pro-Lizenz – sowie detaillierte Unterschiede. In unserem <strong><a href="https://boxyfy.de/shop/" target="_blank" rel="noopener">Boxyfy-Shop</a></strong> kannst Du eine Lizenz erwerben. 
					Nutze gerne den <span class="info-und-kaufen-couponcolor">Rabatt-Coupon „WELCOME25“</span> an der Kasse, um 25 %% auf Deinen ersten Einkauf zu sparen!<br><br>
					Für die Verlängerung Deiner Lizenz erhältst Du nach einer gewissen Zeit einen persönlichen Coupon von 50 %%, der Dir in Deinem Boxyfy-Kundenkonto angezeigt wird. 
					Auf der <strong><a href="%s">Lizenzschlüssel-Status-Seite</a></strong> kannst Du dann Deinen Lizenzschlüssel eingeben, das Plugin aktivieren und sofort starten.',
					'boxyfy'
				),
				esc_url(
					admin_url(
						'edit.php?post_type=boxyfy_tsprodukte&page=boxyfy_license'
					)
				)
			);

			echo '<div class="info-und-kaufen-infotext">' .
				wp_kses(
					$intro_text,
					array(
						'a'      => array(
							'href'   => true,
							'target' => true,
							'rel'    => true,
						),
						'strong' => array(),
						'span'   => array(
							'class' => true,
						),
						'br'     => array(),
					)
				) .
			'</div>';
			?>

			<!-- =========================================================== -->
			<!-- LIZENZ-VERGLEICH                                            -->
			<!-- =========================================================== -->
			<div id="boxyfydifferences" class="boxyfy-license-container">
				<!-- ================= Standard ============================= -->
				<div class="boxyfy-license-option">
					<h3 class="boxyfy-license-boxhead">
						<svg
							class="boxyfy-license-svg"
							viewBox="0 0 24 24"
							fill="none"
							xmlns="http://www.w3.org/2000/svg"
						>
							<path
								d="M6.29977 5H21L19 12H7.37671M20 16H8L6 3H3M9 20C9 20.5523 8.55228 21 8 21C7.44772 21 7 20.5523 7 20C7 19.4477 7.44772 19 8 19C8.55228 19 9 19.4477 9 20ZM20 20C20 20.5523 19.5523 21 19 21C18.4477 21 18 20.5523 18 20C18 19.4477 18.4477 19 19 19C19.5523 19 20 19.4477 20 20Z"
								stroke="currentColor"
								stroke-width="2"
								stroke-linecap="round"
								stroke-linejoin="round"
							/>
						</svg>
						<span class="boxyfy-strike-price">89,95 €</span>
							<?php esc_html_e( 'Standard-Version 69,95 € (für 2 Domains)', 'boxyfy' ); ?>
					</h3>

					<ul>
						<li>
							<?php
							printf(
								esc_html__( 'zusätzlich 25%%-Rabatt mit: %s', 'boxyfy' ),
								'<strong>WELCOME25</strong>'
							);
							?>
						</li>
						<li><?php esc_html_e( 'Standard-Lizenz auf max. 2 Webseiten nutzen', 'boxyfy' ); ?></li>
						<li><?php esc_html_e( '1-Jahres-Lizenz', 'boxyfy' ); ?></li>
						<li><?php esc_html_e( '50 % Rabatt bei Lizenzverlängerung', 'boxyfy' ); ?></li>
						<li><?php echo wp_kses( __( 'Umfangreiche <strong>Produkt-Filterung</strong> inkl. ansprechender Produktboxen zu einer Produktkategorie (via Shortcode einbinden)', 'boxyfy' ), array( 'strong' => array() ) ); ?></li>
						<li><?php echo wp_kses( __( 'Produktseiten mit <strong>Amazon-Preistracker inkl. Preis-Chart und Preiswecker-Funktion</strong>, Vor- und Nachteile-Ausgabe, Produktdetails-Ausgabe, Bilder-Slider etc.', 'boxyfy' ), array( 'strong' => array() ) ); ?></li>
						<li><?php echo wp_kses( __( 'Produktseiten-Backend mit zahlreichen Einstellungen wie <strong>dynamisches Produktranking inkl. Drag-and-Drop-Änderungen</strong>, automatische Produkt-Shortcode-Erstellung, Amazon-Preis/Amazon-Bilder auf Knopfdruck, Produktbewertung, Autoren-Profile etc.', 'boxyfy' ), array( 'strong' => array() ) ); ?></li>
						<li><?php echo wp_kses( __( 'Schnelle Integration von kleinen und großen Amazon-Produktboxen, -Slidern, -Bestseller-Tabellen via Shortcode sowie Produktboxen von angelegten Produkten. <strong>Kleine Amazon-Boxen inkl. Preiswecker-Funktion</strong> und automatisiertem E-Mail-Versand', 'boxyfy' ), array( 'strong' => array() ) ); ?></li>
						<li><?php echo wp_kses( __( '<strong>Aktuelle Amazon-Preise jederzeit auf Knopfdruck und per Intervall</strong> (6 bis 48 h) automatisiert abrufen', 'boxyfy' ), array( 'strong' => array() ) ); ?></li>
						<li><?php echo wp_kses( __( '<strong>Umfassende Einstellungsmöglichkeiten</strong> – Farbe, Schrift, Preischart u. v. m.', 'boxyfy' ), array( 'strong' => array() ) ); ?></li>
						<li><?php esc_html_e( 'E-Mail-Support über: support@boxyfy.de', 'boxyfy' ); ?></li>
					</ul>

					<p class="center">
						<a
							class="boxyfy-license-button"
							href="https://boxyfy.de/produkt/boxyfy-plugin-standard-lizenz/"
							target="_blank"
							rel="noopener"
						>
							<?php esc_html_e( 'im Boxyfy-Shop ansehen', 'boxyfy' ); ?>
						</a>
					</p>
				</div><!-- .boxyfy-license-option -->

				<!-- ===================== Pro =============================== -->
				<div class="boxyfy-license-option">
					<h3 class="boxyfy-license-boxhead">
						<svg
							class="boxyfy-license-svg"
							viewBox="0 0 24 24"
							fill="none"
							xmlns="http://www.w3.org/2000/svg"
						>
							<path
								d="M6.29977 5H21L19 12H7.37671M20 16H8L6 3H3M9 20C9 20.5523 8.55228 21 8 21C7.44772 21 7 20.5523 7 20C7 19.4477 7.44772 19 8 19C8.55228 19 9 19.4477 9 20ZM20 20C20 20.5523 19.5523 21 19 21C18.4477 21 18 20.5523 18 20C18 19.4477 18.4477 19 19 19C19.5523 19 20 19.4477 20 20Z"
								stroke="currentColor"
								stroke-width="2"
								stroke-linecap="round"
								stroke-linejoin="round"
							/>
						</svg>
						<span class="boxyfy-strike-price">129,95 €</span>
							<?php esc_html_e( 'Pro-Version 99,95 € (für 6 Domains)', 'boxyfy' ); ?>
					</h3>

					<ul>
						<li><?php printf( esc_html__( 'zusätzlich 25%%-Rabatt mit: %s', 'boxyfy' ), '<strong>WELCOME25</strong>' ); ?></li>
						<li><?php esc_html_e( 'Pro-Lizenz auf bis zu 6 Webseiten nutzen', 'boxyfy' ); ?></li>
						<li><?php esc_html_e( 'Desktop-Heatmap und KI-Chatbox-Option in Produktboxen', 'boxyfy' ); ?></li>
						<li><?php esc_html_e( '2-Jahres-Lizenz & 50 % Rabatt bei Lizenzverlängerung', 'boxyfy' ); ?></li>
						<li><?php echo wp_kses( __( 'Umfangreiche <strong>Produkt-Filterung</strong> inkl. ansprechender Produktboxen zu einer Produktkategorie (via Shortcode einbinden)', 'boxyfy' ), array( 'strong' => array() ) ); ?></li>
						<li><?php echo wp_kses( __( 'Produktseiten mit <strong>Amazon-Preistracker inkl. Preis-Chart und Preiswecker-Funktion</strong>, Vor- und Nachteile-Ausgabe, Produktdetails-Ausgabe, Bilder-Slider etc.', 'boxyfy' ), array( 'strong' => array() ) ); ?></li>
						<li><?php echo wp_kses( __( 'Produktseiten-Backend mit zahlreichen Einstellungen wie <strong>dynamisches Produktranking inkl. Drag-and-Drop-Änderungen</strong>, automatische Produkt-Shortcode-Erstellung, Amazon-Preis/Amazon-Bilder auf Knopfdruck, Produktbewertung, Autoren-Profile etc.', 'boxyfy' ), array( 'strong' => array() ) ); ?></li>
						<li><?php echo wp_kses( __( 'Schnelle Integration von Amazon-Produktboxen, -Slidern, -Bestseller-Tabellen via Shortcode sowie Produktboxen von angelegten Produkten. <strong>Kleine Amazon-Boxen inkl. Preiswecker-Funktion</strong> und automatisiertem E-Mail-Versand', 'boxyfy' ), array( 'strong' => array() ) ); ?></li>
						<li><?php echo wp_kses( __( '<strong>Aktuelle Amazon-Preise jederzeit auf Knopfdruck und per Intervall</strong> (6 bis 48 h) automatisiert abrufen', 'boxyfy' ), array( 'strong' => array() ) ); ?></li>
						<li><?php echo wp_kses( __( '<strong>Umfassende Einstellungsmöglichkeiten</strong> – Farbe, Schrift, Preischart u. v. m.', 'boxyfy' ), array( 'strong' => array() ) ); ?></li>
						<li><?php esc_html_e( 'E-Mail-Support über: support@boxyfy.de', 'boxyfy' ); ?></li>
					</ul>

					<p class="center">
						<a
							class="boxyfy-license-button"
							href="https://boxyfy.de/produkt/boxyfy-pro-lizenz/"
							target="_blank"
							rel="noopener"
						>
							<?php esc_html_e( 'im Boxyfy-Shop ansehen', 'boxyfy' ); ?>
						</a>
					</p>
				</div><!-- .boxyfy-license-option -->
			</div><!-- .boxyfy-license-container -->

			<?php
			/* ------------------------------------------------------------------
			 * INFOS NACH DEM CONTAINER
			 * ---------------------------------------------------------------- */
			?>
			<h3 class="boxyfy-license-head">
				<?php esc_html_e( 'Welche Funktionen sind ohne Lizenzkauf möglich?', 'boxyfy' ); ?>
			</h3>
			<p class="info-und-kaufen-infotext">
				<?php esc_html_e(
					'Ohne Lizenz stehen Dir nur die Grundfunktionen zur Verfügung – Du kannst Produkte anlegen, Sterne- und Produktbewertungen vergeben, Amazon-Preise und -Bilder abrufen, ein Ranking erstellen und einzelne Produktrankings und Produktbewertungen per Drag-and-Drop sofort global ändern, Vor- und Nachteile vergeben, Autorenprofile anlegen sowie eine Produktbox für ein angelegtes Produkt ausgeben.',
					'boxyfy'
				); ?>
			</p>

			<h3 class="boxyfy-license-head">
				<?php esc_html_e( 'Welche Funktionen schaltest Du mit einem Lizenzkauf frei?', 'boxyfy' ); ?>
			</h3>
			<p class="info-und-kaufen-infotext">
				<?php
				echo wp_kses(
					__(
						'Mit einer Lizenz (Standard oder Pro) erhältst Du erweiterte Funktionen wie den <strong>Amazon-Preischart (Preishistorie)</strong> auf den Produktseiten, die <strong>automatische Amazon-Preisaktualisierung</strong> in regelmäßigen Intervallen (6 bis 48 Stunden) oder auf Knopfdruck, einen umfangreichen <strong>Preisvergleich mit Filter-, Sortier- und Suchfunktion</strong> sowie alle weiteren Amazon-Ausgabeformate wie die <strong>Bestseller-Tabelle, Bestseller-Produktbox-Liste, Slider</strong> oder die schmale <strong>Amazon-Produktbox inkl. Preiswecker</strong>.<br><br>
						Darüber hinaus ermöglichen Dir die Lizenzen das <strong>Anlegen von Produktlabels</strong> (z. B. auf der Produktseite, in der Produktbox oder im Vergleich) und das <strong>Hinzufügen weiterer Preise</strong> auf den Produktseiten. Bei der <strong>Pro-Lizenz ist zusätzlich ein Klicktracking enthalten</strong>, das Dir in Form einer <strong>Heatmap</strong> die Besucher-Klicks anzeigt. Zudem kannst Du in den Produktboxen Deiner angelegten Produkte optional eine KI-Chatbox mit Live-Websuche (Perplexity AI) aktivieren, über die Besucher weitere Infos zum Produkt erhalten.',
						'boxyfy'
					),
					array(
						'strong' => array(),
						'br'     => array(),
					)
				);
				?>
			</p>

			<h3 class="boxyfy-license-head">
				<?php esc_html_e( 'Wichtige Schritte nach der Plugin-Aktivierung', 'boxyfy' ); ?>
			</h3>
			<ol class="info-und-kaufen-infotext">
				<li>
					<?php
					esc_html_e(
						'Gehe auf WordPress Dashboard > Einstellungen > Permalinks und klicke anschließend auf den Button „Änderungen speichern“, um die URL-Struktur zu aktualisieren, sodass die Produktseiten korrekt angezeigt werden können.',
						'boxyfy'
					);
					?>
				</li>
				<li>
					<?php
					esc_html_e(
						'Gehe auf Boxyfy > Einstellungen und klicke anschließend auf den unteren Button „Änderungen speichern“, sodass bezüglich vieler Einstellungen wie Farbe oder Schrift die Standard-Einstellungen übernommen werden.',
						'boxyfy'
					);
					?>
				</li>
			</ol>

			<h2 class="boxyfy-license-head">
				<?php esc_html_e( 'Support', 'boxyfy' ); ?>
			</h2>
			<p class="info-und-kaufen-infotext">
				<?php esc_html_e( 'Bei Fragen wende Dich an unseren Support: support@boxyfy.de', 'boxyfy' ); ?>
			</p>
		</div><!-- .wrap -->
		<?php
	}
}