<?php
/**
 * Accessibility Checker plugin file.
 *
 * @package Accessibility_Checker
 */

use EDAC\Admin\Welcome_Page;

?>

<div class="wrap edac-welcome-container">

	<div class="edac-cols">
	<div class="edac-cols-left edac-welcome">
		<div class="edac-welcome-header">
			<div class="edac-welcome-header-left">
				<h1 class="edac-welcome-title">
					<?php
					if ( defined( 'EDACP_VERSION' ) && EDAC_KEY_VALID === true ) {
						$welcome_title = __( 'Accessibility Checker Pro', 'accessibility-checker' );
						$version       = EDACP_VERSION;
					} else {
						$welcome_title = __( 'Accessibility Checker', 'accessibility-checker' );
						$version       = EDAC_VERSION;
					}

					printf(
						'%1$s <span class="edac-welcome-header-version">%2$s %3$s</span>',
						esc_html( $welcome_title ),
						esc_html__( 'version', 'accessibility-checker' ),
						esc_html( $version )
					);
					?>
				</h1>
			</div>

		<div class="edac-welcome-header-right">
				<a href="<?php edac_link_wrapper( 'https://equalizedigital.com/?utm_source=accessibility-checker&utm_medium=software', 'welcome-page', 'logo-link' ); ?>" target="_blank">
					<img src="<?php echo esc_url( plugin_dir_url( __DIR__ ) ); ?>assets/images/accessibility-checker-logo-transparent-bg.svg" alt="<?php esc_attr_e( 'Link to Equalize Digital Website', 'accessibility-checker' ); ?>">
				</a>
			</div>
		</div>

		<?php Welcome_Page::render_summary(); ?>

		<section class="edac-welcome-section">
			<div class="edac-welcome-quick-start">
				<h2><?php esc_html_e( 'Quick Start Guide', 'accessibility-checker' ); ?></h2>
				<p><?php esc_html_e( 'Follow these steps to get started checking your content:', 'accessibility-checker' ); ?></p>
				<ol>
					<li>
						<?php
						printf(
							wp_kses(
								// translators: %s: path to settings page.
								__( 'On the <a href="%s">Settings Page</a>, choose which post types you want to scan.', 'accessibility-checker' ),
								[ 'a' => [ 'href' => [] ] ]
							),
							esc_url( admin_url( 'admin.php?page=accessibility_checker_settings' ) )
						);
						?>
					</li>
					<li><?php esc_html_e( 'Go to the edit screen for the post you want to check.', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( 'Find the Accessibility Checker meta box below your content. If using a front-end page builder, you must visit the backend edit screen to view Accessibility Checker results.', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( 'If errors or warnings are present on your post, open the details tab in Accessibility Checker for more information.', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( 'Expand each issue to see the code, or click "view on page" if you need help finding the element that needs fixing.', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( 'If you don\'t know what an error or warning means, click the "i" icon to read the documentation and how to fix it.', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( 'If an issue is a false positive and the element is accessible, you can remove issues from reports with the "Ignore" feature.', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( 'After fixing each issue, update the post to see the accessibility report change. Your goal is to get every page to say 100% Passed Tests.', 'accessibility-checker' ); ?></li>
				</ol>
				<p>
					<a href="<?php edac_link_wrapper( 'https://equalizedigital.com/accessibility-checker/getting-started-quick-guide/', 'welcome-page', 'quick-start-video' ); ?>#demo">
						<?php esc_html_e( 'Watch a video of Accessibility Checker in use.', 'accessibility-checker' ); ?>
					</a>
				</p>
			</div>

			<div class="edac-welcome-documentation">
				<h2><?php esc_html_e( 'Documentation and FAQs', 'accessibility-checker' ); ?></h2>
				<ul>
					<li>
						<a href="<?php edac_link_wrapper( 'https://equalizedigital.com/accessibility-checker/passed-tests/', 'welcome-page', 'why-100-percent-passed' ); ?>" target="_blank">
							<?php esc_html_e( 'Why do we say 100% Passed Tests, Not 100% Accessible?', 'accessibility-checker' ); ?> <span class="screen-reader-text"><?php esc_html_e( '(opens in a new window)', 'accessibility-checker' ); ?></span>
						</a>
					</li>
					<li>
						<a href="<?php edac_link_wrapper( 'https://equalizedigital.com/accessibility-checker/how-to-manually-check-your-website-for-accessibility/', 'welcome-page', 'how-to-manually-check' ); ?>" target="_blank">
							<?php esc_html_e( 'How to Manually Check Your Website for Accessibility', 'accessibility-checker' ); ?> <span class="screen-reader-text"><?php esc_html_e( '(opens in a new window)', 'accessibility-checker' ); ?></span>
						</a>
					</li>
					<li>
						<a href="<?php edac_link_wrapper( 'https://equalizedigital.com/accessibility-checker/when-to-ignore-accessibility-errors/', 'welcome-page', 'when-to-ignore' ); ?>" target="_blank">
							<?php esc_html_e( 'When to Ignore Accessibility Errors', 'accessibility-checker' ); ?> <span class="screen-reader-text"><?php esc_html_e( '(opens in a new window)', 'accessibility-checker' ); ?></span>
						</a>
					</li>
					<li>
						<a href="<?php edac_link_wrapper( 'https://equalizedigital.com/accessibility-checker/errors-in-plugin/', 'welcome-page', 'what-to-do-about-plugin-errors' ); ?>" target="_blank">
							<?php esc_html_e( 'What to do if a Plugin You’re Using has Accessibility Errors', 'accessibility-checker' ); ?> <span class="screen-reader-text"><?php esc_html_e( '(opens in a new window)', 'accessibility-checker' ); ?></span>
						</a>
					</li>
					<li>
						<a href="<?php edac_link_wrapper( 'https://equalizedigital.com/accessibility-checker/errors-in-theme/', 'welcome-page', 'what-to-do-about-theme-errors' ); ?>" target="_blank">
							<?php esc_html_e( 'What to do if there are Accessibility Errors in Your Theme', 'accessibility-checker' ); ?> <span class="screen-reader-text"><?php esc_html_e( '(opens in a new window)', 'accessibility-checker' ); ?></span>
						</a>
					</li>
					<li>
						<a href="<?php edac_link_wrapper( 'https://equalizedigital.com/accessibility-checker/hire-equalize-digital/', 'welcome-page', 'can-i-hire-ed' ); ?>" target="_blank">
							<?php esc_html_e( 'Can I Hire Equalize Digital to Fix Accessibility Issues on My Website?', 'accessibility-checker' ); ?> <span class="screen-reader-text"><?php esc_html_e( '(opens in a new window)', 'accessibility-checker' ); ?></span>
						</a>
					</li>
					<li>
						<a href="<?php edac_link_wrapper( 'https://equalizedigital.com/accessibility-checker/additional-resources-for-learning-about-accessibility/', 'welcome-page', 'additional-learning-resources' ); ?>" target="_blank">
							<?php esc_html_e( 'Additional Resources for Learning About Accessibility', 'accessibility-checker' ); ?> <span class="screen-reader-text"><?php esc_html_e( '(opens in a new window)', 'accessibility-checker' ); ?></span>
						</a>
					</li>
				</ul>
				<p>
					<a class="button" href="<?php edac_link_wrapper( 'https://equalizedigital.com/accessibility-checker/documentation/', 'welcome-page', 'read-full-docs' ); ?>" target="_blank">
						<?php esc_html_e( 'Read Full Documentation', 'accessibility-checker' ); ?> <span class="screen-reader-text"><?php esc_html_e( '(opens in a new window)', 'accessibility-checker' ); ?></span>
					</a>
				</p>
			</div>
		</section>

		<section class="edac-support-section">
			<h2><?php esc_html_e( 'Support Information', 'accessibility-checker' ); ?></h2>
			<div class="edac-flex-container">
		<?php
		if ( defined( 'EDACP_VERSION' ) && EDAC_KEY_VALID ) {
			?>
				<div class="edac-flex-item edac-flex-item-33 edac-background-light">
					<h3><?php esc_html_e( 'Plugin Support', 'accessibility-checker' ); ?></h3>
					<p>
						<?php esc_html_e( 'Active license holders of paid Accessibility Checker plans get unlimited email support on plugin usage and troubleshooting.', 'accessibility-checker' ); ?>
					</p>
					<p>
						<a href="<?php edac_link_wrapper( 'https://my.equalizedigital.com/support/pro-support/', 'welcome-page', 'open-support-ticket' ); ?>" class="button"><?php esc_html_e( 'Open Support Ticket', 'accessibility-checker' ); ?></a>
					</p>
				</div>
			<?php
		} else {
			?>
				<div class="edac-flex-item edac-flex-item-33 edac-background-light">
					<h3><?php esc_html_e( 'Free Plugin Support', 'accessibility-checker' ); ?></h3>
					<p>
						<?php esc_html_e( 'Free plugin support is available via the WordPress.org forums. You\'ll need to create an account then you can open a new support thread.', 'accessibility-checker' ); ?>
					</p>
					<p>
						<a href="https://wordpress.org/support/plugin/accessibility-checker/" class="button"><?php esc_html_e( 'Go to Support Forum', 'accessibility-checker' ); ?></a>
					</p>
				</div>
			<?php
		}
		?>
				<div class="edac-flex-item edac-flex-item-33 edac-background-light">
					<h3><?php esc_html_e( 'Office Hours', 'accessibility-checker' ); ?></h3>
					<p>
						<?php esc_html_e( 'Open Q&A on Zoom every other week to help you remediate your website.', 'accessibility-checker' ); ?>
						<a href="<?php edac_link_wrapper( 'https://equalizedigital.com/accessibility-checker/pricing/', 'welcome-page', 'office-hours-pricing' ); ?>">
							<?php esc_html_e( 'Included in Small Business and Agency plans', 'accessibility-checker' ); ?>
						</a>.
					</p>
					<p>
						<a href="<?php edac_link_wrapper( 'https://my.equalizedigital.com/', 'welcome-page', 'register-for-office-hours' ); ?>" class="button">
							<?php esc_html_e( 'Register for Office Hours', 'accessibility-checker' ); ?>
						</a>
					</p>
				</div>

				<div class="edac-flex-item edac-flex-item-33 edac-background-light">
					<h3><?php esc_html_e( 'Auditing and Remediation', 'accessibility-checker' ); ?></h3>
					<p>
						<?php esc_html_e( 'Get help making your website accessible. Expert auditing, user testing, and dev support. Conformance letters available.', 'accessibility-checker' ); ?>
					</p>
					<p>
						<a href="<?php edac_link_wrapper( 'https://equalizedigital.com/services/website-accessibility-remediation/', 'welcome-page', 'get-remediation-help' ); ?>" class="button">
							<?php esc_html_e( 'Get Remediation Help', 'accessibility-checker' ); ?>
						</a>
					</p>
				</div>

			</div>
		</section>
	</div>

	<?php
	if ( ! defined( 'EDACP_VERSION' ) || ! EDAC_KEY_VALID ) {
		echo '<div class="edac-cols-right edac-welcome-aside">
			<div class="edac-has-cta">';
	} else {
		echo '<div class="edac-cols-right edac-welcome-aside">
			<div>';
	}

	if ( ! defined( 'EDACP_VERSION' ) || ! EDAC_KEY_VALID ) {
		?>
		<div class="edac-pro-callout edac-mt-3 edac-mb-3">
			<img class="edac-pro-callout-icon" src="<?php echo esc_url( EDAC_PLUGIN_URL ); ?>assets/images/edac-emblem.png" alt="<?php esc_attr_e( 'Equalize Digital Logo', 'accessibility-checker' ); ?>">
			<h2 class="edac-pro-callout-title"><?php esc_html_e( 'Upgrade to Accessibility Checker Pro', 'accessibility-checker' ); ?></h2>
			<div>
				<ul class="edac-pro-callout-list">
					<li><?php esc_html_e( 'Scan all post types', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( 'Admin columns to see accessibility status at a glance', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( 'Centralized list of all open issues', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( 'Ignore log', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( 'Rename simplified summary', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( 'User restrictions on ignoring issues', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( 'Email support', 'accessibility-checker' ); ?></li>
					<li><?php esc_html_e( '...and more', 'accessibility-checker' ); ?></li>
				</ul>
			</div>
			<div class="edac-pro-callout-button--wrapper">
				<a class="edac-pro-callout-button" href="<?php edac_link_wrapper( 'https://equalizedigital.com/accessibility-checker/pricing/', 'welcome-page', 'get-pro-cta' ); ?>" target="_blank">
					<?php esc_html_e( 'Get Accessibility Checker Pro', 'accessibility-checker' ); ?>
					<span class="screen-reader-text"><?php esc_html_e( '(opens in a new window)', 'accessibility-checker' ); ?></span>
				</a>
			</div>
		<?php
		if ( edac_check_plugin_installed( 'accessibility-checker-pro/accessibility-checker-pro.php' ) ) {
			?>
			<br /><a class="edac-pro-callout-activate" href="<?php echo esc_url( admin_url( 'admin.php?page=accessibility_checker_settings&tab=license' ) ); ?>">
				<?php esc_html_e( 'Or activate your license key here.', 'accessibility-checker' ); ?>
			</a>
			<?php
		}
		?>
		</div>
		<?php
	}
	?>

		<div class="edac-panel">
			<h2 class="edac-summary-header">
				<?php esc_html_e( 'Learn Accessibility', 'accessibility-checker' ); ?>
			</h2>
			<?php
			//phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
			echo edac_get_upcoming_meetups_html( 'wordpress-accessibility-meetup-group', 2 );
			?>
		</div>

		<?php Welcome_Page::maybe_render_email_opt_in(); ?>

	</div>
</div>

	</div>
</div>
