<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
?>
<div class="features-container">
	<div id="features_loading">Loading features...</div>
	<div id="speeinch_feature_alert"></div>
	<h3 id="feature-title"></h3>
	<p id="feature-description"></p>
	<form name="speeinch_features" id="speeinch_features" action="<?php echo esc_html( admin_url( 'admin-post.php' ) ); ?>" method="POST">
		<?php
			wp_nonce_field( 'speeinch_features', 'speeinch_features_nonce' );
		?>
		<input type="hidden" name="action" value="speeinch_features_contact">
		<input type="hidden" name="area_slug" value="<?php echo esc_attr( ! empty( $_GET['tab'] ) ? sanitize_text_field( wp_unslash( $_GET['tab'] ) ) : 'speed-test' ); // phpcs:ignore WordPress.Security.NonceVerification.Recommended ?>">
		<ul class="bic-features"></ul>

		<div id="features-fields" style="display:none;">
			<div class="field-group">
				<div>
					<label><?php esc_html_e( 'Email Address', 'speed-in-china' ); ?></label>
					<br />
					<input type="email" name="email" value="" required />
				</div>
			</div>
			<div class="field-group" id="message-field-group" style="display:none;">
				<div>
					<label><?php esc_html_e( 'Your suggestion', 'speed-in-china' ); ?></label>
					<br />
					<textarea name="message" id="message" rows="3" style="width:100%;max-width:400px;"></textarea>
				</div>
			</div>
			<p class="submit">
				<button type="submit" name="get_notified" id="get_notified" class="button button-primary" ></button>
				<span class="spinner"></span>
			</p>

		</div>
		
	</form>
</div>