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

$tab        = isset( $_GET['tab'] ) ? sanitize_text_field( wp_unslash( $_GET['tab'] ) ) : 'server';
$latest_url = get_transient( 'melli_shield_front_perf_latest_url' );
if ( ! $latest_url ) {
	$latest_url = get_transient( 'melli_shield_front_perf_latest_url' );
}
$latest_key = get_transient( 'melli_shield_front_perf_latest' );
if ( ! $latest_key ) {
	$latest_key = get_transient( 'melli_shield_front_perf_latest' );
}
$has_frontend = ! empty( $latest_key ) && get_transient( $latest_key );

$ui    = Melli_Shield_Admin_UI::instance();
$base  = Melli_Shield_Config::admin_url( Melli_Shield_Config::PAGE_PERFORMANCE );
?>
<div class="wrap">
<?php $ui->header( Melli_Shield_Config::PAGE_PERFORMANCE ); ?>
<?php $ui->page_title( __( 'تحلیل عملکرد', 'melli-shield' ), __( 'بررسی منابع لودشده در سرور و مرورگر', 'melli-shield' ) ); ?>

<div class="msh-btn-row" style="margin-bottom:18px;">
	<a href="<?php echo esc_url( add_query_arg( 'tab', 'server', $base ) ); ?>" class="msh-btn msh-btn--sm <?php echo 'server' === $tab ? '' : 'msh-btn--ghost'; ?>"><?php esc_html_e( 'سمت سرور', 'melli-shield' ); ?></a>
	<a href="<?php echo esc_url( add_query_arg( 'tab', 'frontend', $base ) ); ?>" class="msh-btn msh-btn--sm <?php echo 'frontend' === $tab ? '' : 'msh-btn--ghost'; ?>"><?php esc_html_e( 'فرانت‌اند', 'melli-shield' ); ?><?php echo $has_frontend ? ' ✓' : ''; ?></a>
	<a href="<?php echo esc_url( add_query_arg( 'tab', 'admin', $base ) ); ?>" class="msh-btn msh-btn--sm <?php echo 'admin' === $tab ? '' : 'msh-btn--ghost'; ?>"><?php esc_html_e( 'پنل ادمین', 'melli-shield' ); ?></a>
</div>

<?php if ( 'server' === $tab ) : ?>

<div class="msh-card">
	<h2 class="msh-card__title"><?php esc_html_e( 'تحلیل سمت سرور', 'melli-shield' ); ?></h2>
	<p class="msh-card__hint"><?php esc_html_e( 'HTML صفحه را از سرور می‌گیرد، منابع را استخراج و هر URL را بررسی می‌کند.', 'melli-shield' ); ?></p>
	<div class="msh-probe" style="margin-top:12px;">
		<input type="url" id="melli-shield-perf-url" class="msh-input" value="<?php echo esc_attr( home_url( '/' ) ); ?>" />
		<button type="button" id="melli-shield-perf-start" class="msh-btn"><?php esc_html_e( 'تحلیل صفحه', 'melli-shield' ); ?></button>
	</div>
	<span id="melli-shield-perf-status" class="msh-status-text"></span>
</div>
<div id="melli-shield-perf-results"></div>

<?php elseif ( 'frontend' === $tab ) : ?>

<div class="msh-card">
	<h2 class="msh-card__title"><?php esc_html_e( 'داده عملکرد فرانت‌اند', 'melli-shield' ); ?></h2>
	<div class="msh-notice msh-notice--info">
		<ol style="margin:8px 20px 0 0;line-height:2;font-size:13px;">
			<li><?php esc_html_e( 'به یک صفحه عمومی سایت بروید.', 'melli-shield' ); ?></li>
			<li><?php esc_html_e( 'پس از لود کامل، از نوار ادمین: ملی شیلد → تحلیل این صفحه', 'melli-shield' ); ?></li>
			<li><?php esc_html_e( 'نتایج را در این تب مشاهده کنید.', 'melli-shield' ); ?></li>
		</ol>
	</div>
	<?php if ( $has_frontend && $latest_url ) : ?>
	<p style="margin-top:12px;font-size:13px;"><strong><?php esc_html_e( 'صفحه:', 'melli-shield' ); ?></strong> <code><?php echo esc_html( $latest_url ); ?></code></p>
	<?php endif; ?>
</div>
<div id="melli-shield-frontend-results">
	<?php if ( $has_frontend ) : ?>
		<p class="msh-empty"><span class="spinner is-active"></span> <?php esc_html_e( 'در حال بارگذاری...', 'melli-shield' ); ?></p>
	<?php else : ?>
		<p class="msh-empty"><?php esc_html_e( 'هنوز داده‌ای جمع‌آوری نشده.', 'melli-shield' ); ?></p>
	<?php endif; ?>
</div>

<?php else : ?>

<div class="msh-card">
	<h2 class="msh-card__title"><?php esc_html_e( 'تحلیل صفحه ادمین', 'melli-shield' ); ?></h2>
	<button type="button" id="melli-shield-perf-client" class="msh-btn"><?php esc_html_e( 'جمع‌آوری داده مرورگر', 'melli-shield' ); ?></button>
</div>
<div id="melli-shield-perf-client-results"></div>

<?php endif; ?>

<?php $ui->footer(); ?>
</div>