<?php
/**
 * Template - Summary
 */

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

?>

<div class="tablenav top">
	<div class="alignleft actions">
		<form method="get" action="" id="filter" name="filter">
			<input type="hidden" name="page" value="google-pagespeed-insights" />
			<input type="hidden" name="render" value="summary" />
			<select name="filter" id="filter">
			<?php
				$filter_options = apply_filters( 'gpi_filter_options', array(), false );
				$current_filter = isset( $_GET['filter'] ) ? sanitize_text_field( $_GET['filter'] ) : 'all';

				if ( $filter_options ) :
					foreach ( $filter_options as $value => $label ) :

						if ( is_array( $label ) ) :
							?>
							<optgroup label="<?php echo esc_attr( $label['optgroup_label'] ); ?>">
							<?php
								foreach ( $label['options'] as $sub_value => $sub_label ) :
									?>
									<option value="<?php echo esc_attr( $sub_value ); ?>" <?php selected( $sub_value, $current_filter ); ?>><?php echo esc_html( $sub_label ); ?></option>
									<?php
								endforeach;
							?>
							</optgroup>
							<?php
						else :
							?>
							<option value="<?php echo esc_attr( $value ); ?>" <?php selected( $value, $current_filter ); ?>><?php echo esc_html( $label ); ?></option>
							<?php
						endif; 
					endforeach;
				endif;
			?>
			</select>
			<?php
				submit_button( esc_html__( 'Filter', 'gpagespeedi' ), 'button', false, false, array( 'id' => 'post-query-submit' ) );
			?>
		</form>
	</div>
	<div class="alignleft actions">
		<form method="post" action="" id="savesnapshot" name="savesnapshot">
			<input type="hidden" name="page" value="google-pagespeed-insights" />
			<input type="hidden" name="render" value="summary" />
			<input type="hidden" name="action" value="save-snapshot" />
			<input type="text" name="comment" placeholder="<?php esc_html_e( 'Report Description', 'gpagespeedi' ); ?>" value="" />
			<?php
				wp_nonce_field( 'gpi_save_snapshot' );
				submit_button( esc_html__( 'Save Report Snapshot', 'gpagespeedi' ), 'button', 'save-snapshot', false );
			?>
		</form>
	</div>

	<?php do_action( 'gpi_summary_tablenav' ); ?>

	<br class="clear">
</div>

<div id="results">
	<div class="row">
		<div class="top-row boxsizing pagespeed_gauge_wrapper" id="pagespeed_gauge_wrapper">
			<div class="score_chart_div" id="score_chart_div">
				<img class="pagespeed_needle" id="pagespeed_needle" src="<?php echo esc_url( GPI_PUBLIC_PATH . 'assets/images/pagespeed_gauge_needle.png' ); ?>" width="204" height="204" alt="" />
				<div class="score_text" id="score_text"><span class="score"></span><span class="label"><?php esc_html_e( 'score', 'gpagespeedi' ); ?></span></div>
			</div>
		</div>
		<div class="top-row boxsizing framed pagespeed_avg_lab_data_wrapper" id="pagespeed_avg_lab_data_wrapper">
			<div class="boxheader">
				<span class="left">
					<?php esc_html_e('Average Lab Data Scores', 'gpagespeedi'); ?>
					<span class="light">(<?php esc_html_e('Click for detailed report', 'gpagespeedi'); ?>)</span>
				</span>
			</div>
			<div id="avg_lab_data"></div>
		</div>
	</div>
	<div class="row boxsizing framed largest_improvement" id="largest_improvement">
		<div class="boxheader">
			<span class="left"><?php esc_html_e( 'Largest Areas for Improvement', 'gpagespeedi' ); ?></span>
			<span class="right"><?php esc_html_e( 'Pages Impacted', 'gpagespeedi' ); ?></span>
			<span class="right"><?php esc_html_e( 'Average Score', 'gpagespeedi' ); ?></span>
		</div>
		<table class="stats"></table>
	</div>
	<div class="row scores_div">
		<div class="halfwidth boxsizing framed left highest_scores" id="highest_scores">
			<div class="boxheader">
				<span class="left"><?php esc_html_e( 'Highest Scoring Pages', 'gpagespeedi' ); ?></span>
				<span class="right"><?php esc_html_e( 'Score', 'gpagespeedi' ); ?></span>
			</div>
			<table class="stats"></table>
		</div>
		<div class="halfwidth boxsizing framed right lowest_scores" id="lowest_scores">
			<div class="boxheader">
				<span class="left"><?php esc_html_e( 'Lowest Scoring Pages', 'gpagespeedi' ); ?></span>
				<span class="right"><?php esc_html_e( 'Score', 'gpagespeedi' ); ?></span>
			</div>
			<table class="stats"></table>
		</div>
	</div>
</div>

<div id="no_results">
	<p>
		<?php esc_html_e( 'No Pagespeed Reports Found. Google Pagespeed may still be checking your pages. If problems persist, see the following possible solutions:', 'gpagespeedi' ); ?>
	</p>
	<ol class="no-items">
		<?php if ( isset( $current_filter ) && $current_filter != 'all' ) : ?>
			<li><?php esc_html_e( 'There may not be any results for the "' . esc_html( $current_filter ) . '" filter. Try another filter.', 'gpagespeedi' ); ?></li>
		<?php endif; ?>
		<?php if ( 'both' == $this->gpi_options['strategy']  ) : ?>
			<li><?php echo esc_html( __( 'There may not be any', 'gpagespeedi' ) . ' ' . $this->gpi_ui_options['view_preference'] . ' ' . __( 'reports completed yet.', 'gpagespeedi' )  . ' ' . __( 'Try switching the report mode.', 'gpagespeedi' ) ); ?></li>
		<?php endif; ?>
		<li><?php esc_html_e( 'Make sure that you have entered your Google API key on the ', 'gpagespeedi' );?><a href="?page=google-pagespeed-insights&render=options"><?php esc_html_e( 'Options', 'gpagespeedi' ); ?></a> <?php esc_html_e( 'page', 'gpagespeedi' ); ?>.</li>
		<li><?php esc_html_e( 'Make sure that you have enabled "PageSpeed Insights API" from the Services page of the ', 'gpagespeedi' );?><a href="https://console.developers.google.com/"><?php esc_html_e( 'Google Console', 'gpagespeedi' ); ?></a>.</li>
		<li><?php esc_html_e( 'Make sure that your URLs are publicly accessible', 'gpagespeedi' ); ?>.</li>
	</ol>
</div>

<?php include GPI_DIRECTORY . '/templates/parts/nitropack.php'; ?>