<?php
/**
 * Admin dashboard for the WordPress.org free build.
 *
 * @package CF7MasterPro\Admin\Templates
 *
 * @var array $stats Submission stats.
 */
defined( 'ABSPATH' ) || exit;
?>
<div id="cf7mp-admin-root" data-view="dashboard">
	<h1 class="cf7mp-admin__title"><?php esc_html_e( 'Frontierline Forms Dashboard', 'frontierline-forms' ); ?></h1>

	<div class="cf7mp-dashboard">
		<div class="cf7mp-dashboard-card">
			<div class="cf7mp-dashboard-card__title"><?php esc_html_e( 'Submissions this month', 'frontierline-forms' ); ?></div>
			<div class="cf7mp-dashboard-card__value"><?php echo esc_html( number_format( (int) ( $stats['month'] ?? 0 ) ) ); ?></div>
			<div class="cf7mp-dashboard-card__diff cf7mp-dashboard-card__diff--up">
				<?php echo esc_html( sprintf( __( '+%d vs last month', 'frontierline-forms' ), (int) ( $stats['month_diff'] ?? 0 ) ) ); ?>
			</div>
		</div>
		<div class="cf7mp-dashboard-card">
			<div class="cf7mp-dashboard-card__title"><?php esc_html_e( 'Submissions today', 'frontierline-forms' ); ?></div>
			<div class="cf7mp-dashboard-card__value"><?php echo esc_html( number_format( (int) ( $stats['today'] ?? 0 ) ) ); ?></div>
		</div>
		<div class="cf7mp-dashboard-card">
			<div class="cf7mp-dashboard-card__title"><?php esc_html_e( 'Conversion rate', 'frontierline-forms' ); ?></div>
			<div class="cf7mp-dashboard-card__value"><?php echo esc_html( ( $stats['cvr'] ?? '0.0' ) . '%' ); ?></div>
		</div>
	</div>

	<?php
	$lp_base = defined( 'CF7MP_LP_URL' ) ? CF7MP_LP_URL : 'https://frontierline.co.jp/plugins/frontierline-forms/';
	$lp_view = add_query_arg(
		array(
			'utm_source'   => 'plugin',
			'utm_medium'   => 'dashboard',
			'utm_campaign' => 'upgrade',
		),
		$lp_base
	);
	$lp_buy  = add_query_arg(
		array(
			'utm_source'   => 'plugin',
			'utm_medium'   => 'dashboard',
			'utm_campaign' => 'upgrade-buy',
		),
		$lp_base
	);

	// 提供中（実装済）+ 開発予定を明示。誇大表記を避け実態に整合。
	$compare = array(
		array( 'マルチステップフォーム', '無制限', '無制限' ),
		array( '確認画面・完了画面', '◯', '◯（GA4計測・リダイレクト）' ),
		array( '条件分岐', '無制限', '無制限' ),
		array( '受信データ保存・閲覧・CSV出力', '無制限', '無制限' ),
		array( 'MW WP Form 移行（フォーム変換ウィザード）', '◯', '◯' ),
		array( 'MW WP Form 過去の問い合わせデータ取込・一括変換', '✕', '◯' ),
		array( '外部通知（Chatwork / Slack / スプレッドシート）', '✕', '◯' ),
		array( 'メール自動返信・送信予約', '✕', '◯' ),
		array( '個人情報の暗号化保存', '✕', '◯' ),
		array( '高度スパム対策（レート制限 / NGワード / IP制限）', '✕', '◯' ),
		array( 'AI問い合わせ分類・返信下書き（開発中）', '✕', '提供予定' ),
		array( 'CVR分析・週次レポート（開発中）', '✕', '提供予定' ),
	);

	$categories = array(
		array(
			'title'    => '外部通知・連携',
			'subtitle' => '受信を即時にチーム共有',
			'items'    => array( 'Chatwork', 'Slack', 'Google スプレッドシート即時転記' ),
		),
		array(
			'title'    => '自動化・AI',
			'subtitle' => '対応をスピードアップ',
			'items'    => array( 'メール自動返信・送信予約', 'AI問い合わせ分類（開発中・提供予定）', 'AI返信下書き生成（開発中・提供予定）' ),
		),
		array(
			'title'    => 'データ保護・分析',
			'subtitle' => '問い合わせを安全に資産化',
			'items'    => array( '個人情報の暗号化保存', 'MW WP Form 過去の問い合わせデータ取込・一括変換', '高度スパム対策', 'CVR分析・週次レポート（開発中・提供予定）' ),
		),
	);

	$plans = array(
		array(
			'name'  => 'Pro 1サイト',
			'price' => '$39.99',
			'unit'  => '/ 年・1サイト',
			'note'  => '個人・1サイト運用に',
			'badge' => '個人・小規模',
		),
		array(
			'name'  => 'Pro 5サイト',
			'price' => '$98.99',
			'unit'  => '/ 年・5サイト',
			'note'  => '複数サイト・制作会社に',
			'badge' => '人気No.1',
		),
		array(
			'name'  => 'Pro 無制限',
			'price' => '$229.99',
			'unit'  => '/ 年・無制限サイト',
			'note'  => '代理店・多サイト運用に',
			'badge' => '制作会社推奨',
		),
	);
	?>
	<div class="cf7mp-upgrade">
		<header class="cf7mp-upgrade__header">
			<h2 class="cf7mp-upgrade__title">Proで機能を追加</h2>
			<p class="cf7mp-upgrade__lead">
				無料版の機能はすべて無制限。Proでは<strong>Chatwork / Slack / Google スプレッドシート通知・メール自動返信・暗号化保存・高度スパム対策・MW WP Form 過去データ取込</strong>を追加（AI分類・CVR分析は開発中・提供予定）。<br>
				海外製の機能分散プラグインに対し、<strong>日本語UI + 1本完結</strong>で制作現場の標準ツールへ。
			</p>
			<div class="cf7mp-upgrade__cta">
				<a class="cf7mp-upgrade__btn cf7mp-upgrade__btn--primary" href="<?php echo esc_url( $lp_buy ); ?>" target="_blank" rel="noopener">Pro版を購入</a>
				<a class="cf7mp-upgrade__btn cf7mp-upgrade__btn--ghost" href="<?php echo esc_url( $lp_view ); ?>" target="_blank" rel="noopener">料金プラン・機能詳細を見る</a>
			</div>
		</header>

		<section class="cf7mp-upgrade__section">
			<h3 class="cf7mp-upgrade__h3">無料版 vs Pro</h3>
			<div class="cf7mp-upgrade__table-wrap">
				<table class="cf7mp-upgrade__table">
					<thead>
						<tr>
							<th>機能</th>
							<th>無料版</th>
							<th class="cf7mp-upgrade__table-pro">Pro</th>
						</tr>
					</thead>
					<tbody>
						<?php foreach ( $compare as $row ) : ?>
						<tr>
							<th><?php echo esc_html( $row[0] ); ?></th>
							<td class="cf7mp-upgrade__table-lite"><?php echo esc_html( $row[1] ); ?></td>
							<td class="cf7mp-upgrade__table-pro"><?php echo esc_html( $row[2] ); ?></td>
						</tr>
						<?php endforeach; ?>
					</tbody>
				</table>
			</div>
		</section>

		<section class="cf7mp-upgrade__section">
			<h3 class="cf7mp-upgrade__h3">Pro機能カテゴリ</h3>
			<div class="cf7mp-upgrade__grid">
				<?php foreach ( $categories as $cat ) : ?>
				<div class="cf7mp-upgrade__card">
					<h4 class="cf7mp-upgrade__card-title"><?php echo esc_html( $cat['title'] ); ?></h4>
					<p class="cf7mp-upgrade__card-sub"><?php echo esc_html( $cat['subtitle'] ); ?></p>
					<ul class="cf7mp-upgrade__card-list">
						<?php foreach ( $cat['items'] as $item ) : ?>
							<li><?php echo esc_html( $item ); ?></li>
						<?php endforeach; ?>
					</ul>
				</div>
				<?php endforeach; ?>
			</div>
		</section>

		<section class="cf7mp-upgrade__section">
			<h3 class="cf7mp-upgrade__h3">料金プラン</h3>
			<div class="cf7mp-upgrade__plans">
				<?php foreach ( $plans as $plan ) : ?>
				<div class="cf7mp-upgrade__plan<?php echo $plan['badge'] ? ' cf7mp-upgrade__plan--featured' : ''; ?>">
					<?php if ( $plan['badge'] ) : ?>
						<span class="cf7mp-upgrade__plan-badge"><?php echo esc_html( $plan['badge'] ); ?></span>
					<?php endif; ?>
					<div class="cf7mp-upgrade__plan-name"><?php echo esc_html( $plan['name'] ); ?></div>
					<div class="cf7mp-upgrade__plan-price">
						<?php echo esc_html( $plan['price'] ); ?>
						<span class="cf7mp-upgrade__plan-unit"><?php echo esc_html( $plan['unit'] ); ?></span>
					</div>
					<div class="cf7mp-upgrade__plan-note"><?php echo esc_html( $plan['note'] ); ?></div>
				</div>
				<?php endforeach; ?>
			</div>
			<p class="cf7mp-upgrade__plan-sub" style="text-align:center;color:#646970;font-size:12px;margin-top:8px;">価格は米ドル建て・年額。決済はFreemius（Merchant of Record）。</p>
		</section>

		<footer class="cf7mp-upgrade__footer">
			<div class="cf7mp-upgrade__cta">
				<a class="cf7mp-upgrade__btn cf7mp-upgrade__btn--primary cf7mp-upgrade__btn--large" href="<?php echo esc_url( $lp_buy ); ?>" target="_blank" rel="noopener">Pro版を購入</a>
				<a class="cf7mp-upgrade__btn cf7mp-upgrade__btn--ghost" href="<?php echo esc_url( $lp_view ); ?>" target="_blank" rel="noopener">料金プラン・機能詳細を見る</a>
			</div>
			<p class="cf7mp-upgrade__guarantee">ライセンスキー即時自動発行・契約期間中ずっと無料アップデート・サイト引越し自由</p>
		</footer>
	</div>
</div>
