<?php
/**
 * Template for the Admin page.
 *
 * @package plugin-check
 */

?>

<div class="wrap">

	<h1><?php esc_html_e( 'Plugin Check', 'plugin-check' ); ?></h1>

	<div class="plugin-check-content">

		<?php if ( ! empty( $available_plugins ) ) { ?>

			<form>
				<h2>
					<label class="title" for="plugin-check__plugins-dropdown">
						<?php esc_html_e( 'Check the Plugin', 'plugin-check' ); ?>
					</label>
				</h2>

				<p id="plugin-check__description">
					<?php esc_html_e( 'Select a plugin to check it for best practices in several categories and security issues. For more information about the checks, use the Help tab at the top of this page.', 'plugin-check' ); ?>
				</p>

				<select id="plugin-check__plugins-dropdown" name="plugin_check_plugins" aria-describedby="plugin-check__description">
					<?php if ( 1 !== count( $available_plugins ) ) { ?>
						<option value=""><?php esc_html_e( 'Select Plugin', 'plugin-check' ); ?></option>
					<?php } ?>
					<?php foreach ( $available_plugins as $plugin_basename => $available_plugin ) { ?>
						<option value="<?php echo esc_attr( $plugin_basename ); ?>"<?php selected( $selected_plugin_basename, $plugin_basename ); ?>>
							<?php echo esc_html( $available_plugin['Name'] ); ?>
						</option>
					<?php } ?>
				</select>

				<input type="submit" value="<?php esc_attr_e( 'Check it!', 'plugin-check' ); ?>" id="plugin-check__submit" class="button button-primary" />
				<span id="plugin-check__spinner" class="spinner" style="float: none;"></span>
				<div class="plugin-check__options">
					<div>
						<h4><?php esc_attr_e( 'Categories', 'plugin-check' ); ?></h4>
						<?php if ( ! empty( $categories ) ) : ?>
							<table id="plugin-check__categories">
								<?php foreach ( $categories as $category => $label ) : ?>
									<tr>
										<td>
											<fieldset>
												<legend class="screen-reader-text"><?php echo esc_html( $category ); ?></legend>
												<label for="<?php echo esc_attr( $category ); ?>">
													<input type="checkbox" id="<?php echo esc_attr( $category ); ?>" name="categories" value="<?php echo esc_attr( $category ); ?>" <?php checked( in_array( $category, $user_enabled_categories, true ) ); ?> />
													<?php echo esc_html( $label ); ?>
												</label>
											</fieldset>
										</td>
									</tr>
								<?php endforeach; ?>
							</table>
						<?php endif; ?>
					</div>
					<div id="plugin-check__types-container">
						<h4><?php esc_attr_e( 'Types', 'plugin-check' ); ?></h4>
						<?php if ( ! empty( $types ) ) : ?>
							<table id="plugin-check__types">
								<?php foreach ( $types as $type => $label ) : ?>
									<tr>
										<td>
											<fieldset>
												<legend class="screen-reader-text"><?php echo esc_html( $type ); ?></legend>
												<label for="<?php echo esc_attr( $type ); ?>">
													<input type="checkbox" id="<?php echo esc_attr( $type ); ?>" name="types" value="<?php echo esc_attr( $type ); ?>" checked="checked" />
													<?php echo esc_html( $label ); ?>
												</label>
											</fieldset>
										</td>
									</tr>
								<?php endforeach; ?>
							</table>
						<?php endif; ?>
					</div>
					<div id="plugin-check__ai-container">
						<h4><?php esc_attr_e( 'AI Settings', 'plugin-check' ); ?></h4>
						<p>
							<label><input type="checkbox" value="use-ai" id="plugin-check__use-ai" /> <?php esc_html_e( 'Enable AI Analysis', 'plugin-check' ); ?></label>
						</p>
					</div>
				</div>
				<span id="plugin-check__spinner" class="spinner" style="float: none;"></span>
				<?php if ( $has_experimental_checks ) { ?>
					<p>
						<label><input type="checkbox" value="include-experimental" id="plugin-check__include-experimental" /> <?php esc_html_e( 'Include Experimental Checks', 'plugin-check' ); ?></label>
					</p>
				<?php } ?>

			</form>

		<?php } else { ?>

			<h2><?php esc_html_e( 'No plugins available.', 'plugin-check' ); ?></h2>

		<?php } ?>
	</div>

	<div id="plugin-check__export-controls" class="plugin-check__export-controls"></div>
	<div id="plugin-check__results"></div>

</div>
