<?php
/**
 * PRO Email/PDF Templates mock tab (disabled preview).
 *
 * @package    ultimate-pregnancy-ovulation-calculator
 * @subpackage ULPC/admin/partials
 */

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

<section id="pro-templates-settings" class="ulpc-settings-section block-disabled">

	<h2 class="ulpc-settings-section-title">
		<?php esc_html_e( 'Email/PDF Templates', 'ultimate-pregnancy-ovulation-calculator' ); ?>
		<span class="ulpc-settings-pro">PRO</span>
	</h2>

	<div class="ulpc-pro-upgrade-cta">
		<span class="ulpc-pro-upgrade-cta-text"><?php echo wp_kses_post( __( 'Unlock <strong>email &amp; PDF templates</strong> with the PRO version', 'ultimate-pregnancy-ovulation-calculator' ) ); ?></span>
		<a href="https://wp-pregnancy.com/?utm_source=free-plugin&utm_medium=templates-tab&utm_campaign=upgrade" target="_blank" class="ulpc-pro-upgrade-cta-button"><?php esc_html_e( 'Upgrade to PRO', 'ultimate-pregnancy-ovulation-calculator' ); ?></a>
	</div>

	<div class="ulpc-settings-group">
		<div class="ulpc-settings-group-title">
			<h3><?php esc_html_e( 'User Form Fields', 'ultimate-pregnancy-ovulation-calculator' ); ?></h3>
		</div>
		<div class="ulpc-settings-group-content">
			<p class="ulpc-settings-description"><?php esc_html_e( 'Collect user data (name, email, phone) before showing results. Configure required fields and their order.', 'ultimate-pregnancy-ovulation-calculator' ); ?></p>
			<label class="ulpc-checkbox disabled">
				<input type="checkbox" disabled>
				<span><?php esc_html_e( 'Enable User Form', 'ultimate-pregnancy-ovulation-calculator' ); ?></span>
			</label>
		</div>
	</div>

	<div class="ulpc-settings-group">
		<div class="ulpc-settings-group-title">
			<h3><?php esc_html_e( 'Email Template to User', 'ultimate-pregnancy-ovulation-calculator' ); ?></h3>
		</div>
		<div class="ulpc-settings-group-content">
			<p class="ulpc-settings-description"><?php esc_html_e( 'Customize the email sent to users with their calculation results.', 'ultimate-pregnancy-ovulation-calculator' ); ?></p>
			<div style="max-width:500px;">
				<input type="text" disabled placeholder="Email Subject" value="Your Pregnancy Results" style="margin-bottom:10px;">
				<textarea disabled rows="4" style="width:100%;" placeholder="Email body...">Hi {user_name}, here are your pregnancy calculation results...</textarea>
			</div>
		</div>
	</div>

	<div class="ulpc-settings-group">
		<div class="ulpc-settings-group-title">
			<h3><?php esc_html_e( 'Email Template to Admin', 'ultimate-pregnancy-ovulation-calculator' ); ?></h3>
		</div>
		<div class="ulpc-settings-group-content">
			<p class="ulpc-settings-description"><?php esc_html_e( 'Get notified when users complete the calculator. Customize the admin notification email.', 'ultimate-pregnancy-ovulation-calculator' ); ?></p>
			<label class="ulpc-checkbox disabled">
				<input type="checkbox" disabled>
				<span><?php esc_html_e( 'Enable Admin Notification', 'ultimate-pregnancy-ovulation-calculator' ); ?></span>
			</label>
		</div>
	</div>

	<div class="ulpc-settings-group">
		<div class="ulpc-settings-group-title">
			<h3><?php esc_html_e( 'PDF Report', 'ultimate-pregnancy-ovulation-calculator' ); ?></h3>
		</div>
		<div class="ulpc-settings-group-content">
			<p class="ulpc-settings-description"><?php esc_html_e( 'Generate beautiful PDF reports with calculation results that users can download or receive by email.', 'ultimate-pregnancy-ovulation-calculator' ); ?></p>
			<label class="ulpc-checkbox disabled">
				<input type="checkbox" disabled>
				<span><?php esc_html_e( 'Enable PDF Report', 'ultimate-pregnancy-ovulation-calculator' ); ?></span>
			</label>
		</div>
	</div>

</section>
