<?php
/**
 * Раздел плагина в панели и страница настроек.
 *
 * Подключается только в админке — посетителю сайта этот код не нужен, а лишний
 * файл на каждой странице чужого сайта нам не простят.
 *
 * @package finalwork-accessibility
 */

defined( 'ABSPATH' ) || exit;

/** Слаг страницы. Он же попадёт в адрес: /wp-admin/admin.php?page=finalwork-accessibility. */
define( 'ONSITE_A11Y_SLAG_STRANICY', 'finalwork-accessibility' );

/** Право, без которого страницу не открыть: «может управлять настройками сайта». */
define( 'ONSITE_A11Y_PRAVO', 'manage_options' );

/**
 * Пункт в левом меню админки.
 *
 * �?конка временная, из набора ядра: `universal-access` — тот самый значок
 * доступности. Свою закажем в Icon maker отдельно.
 */
function onsite_a11y_menyu() {
	add_menu_page(
		__( 'Accessibility', 'finalwork-accessibility' ),
		__( 'Accessibility', 'finalwork-accessibility' ),
		ONSITE_A11Y_PRAVO,
		ONSITE_A11Y_SLAG_STRANICY,
		'onsite_a11y_stranica_nastroek',
		'dashicons-universal-access',
		80
	);
}
add_action( 'admin_menu', 'onsite_a11y_menyu' );

/**
 * Ядро проверок — только на нашей странице.
 *
 * Грузить сканер на каждой странице чужой админки нельзя: полмегабайта axe
 * на страницах, где никто ничего не проверяет, — это ровно то, за что ругают
 * тяжёлые плагины.
 */
/**
 * Версия файла для адреса — по времени последней правки.
 *
 * С версией плагина браузер держал бы старый css и js до самого выпуска новой
 * версии: правишь стиль, обновляешь страницу, а там прежнее. Та же беда у
 * владельца сайта после обновления плагина, если номер версии не сменился.
 */
function onsite_a11y_versiya_fayla( $otnositelnyy ) {
	$put = ONSITE_A11Y_PUT . $otnositelnyy;
	return file_exists( $put ) ? (string) filemtime( $put ) : ONSITE_A11Y_VERSIYA;
}

function onsite_a11y_skripty( $stranica ) {
	if ( 'toplevel_page_' . ONSITE_A11Y_SLAG_STRANICY !== $stranica ) {
		return;
	}
	wp_enqueue_script(
		'onsite-a11y-skaner',
		ONSITE_A11Y_ADRES . 'assets/skaner.js',
		array( 'wp-i18n' ),
		onsite_a11y_versiya_fayla( 'assets/skaner.js' ),
		true
	);
	wp_enqueue_script(
		'onsite-a11y-obhod',
		ONSITE_A11Y_ADRES . 'assets/obhod.js',
		array( 'onsite-a11y-skaner', 'wp-i18n' ),
		onsite_a11y_versiya_fayla( 'assets/obhod.js' ),
		true
	);
	wp_enqueue_script(
		'onsite-a11y-ekran',
		ONSITE_A11Y_ADRES . 'assets/ekran.js',
		array( 'onsite-a11y-obhod', 'wp-i18n' ),
		onsite_a11y_versiya_fayla( 'assets/ekran.js' ),
		true
	);
	/*
	 * Строки экрана и обхода — переводом WordPress для скриптов (wp-i18n). Это
	 * только админка: у посетителя сайта wp-i18n не грузится, все надписи виджета
	 * отдаёт PHP в разметке. Файлы переводов — <домен>-<локаль>-<ручка>.json из языкового
	 * пакета translate.wordpress.org (в самом плагине их нет, см. главный файл).
	 * Путь третьим аргументом НЕ передаём: ядро само берёт папку пакетов.
	 */
	wp_set_script_translations( 'onsite-a11y-skaner', 'finalwork-accessibility' );
	wp_set_script_translations( 'onsite-a11y-obhod', 'finalwork-accessibility' );
	wp_set_script_translations( 'onsite-a11y-ekran', 'finalwork-accessibility' );
	wp_enqueue_style(
		'onsite-a11y-ekran',
		ONSITE_A11Y_ADRES . 'assets/ekran.css',
		array(),
		onsite_a11y_versiya_fayla( 'assets/ekran.css' )
	);
	// Адрес axe отдаём в js, а не зашиваем: папка плагина зависит от установки.
	wp_add_inline_script(
		'onsite-a11y-skaner',
		'window.onsiteA11yNastroyki = ' . wp_json_encode(
			array(
				'axe'    => ONSITE_A11Y_ADRES . 'vendor/axe.min.js',
				'dom'    => home_url( '/' ),
				'ajax'   => admin_url( 'admin-ajax.php' ),
				'klyuch' => wp_create_nonce( 'onsite_a11y_obhod' ),
				'shumet' => (bool) WP_DEBUG,
			)
		) . ';',
		'before'
	);
}
add_action( 'admin_enqueue_scripts', 'onsite_a11y_skripty' );

/**
 * Страница настроек. Пока пустая: поля появятся вместе со сканером и виджетом.
 *
 * Право проверяем ЕЩЁ РАЗ, хотя оно указано и в add_menu_page. Тот параметр
 * прячет пункт из меню, но не закрывает саму страницу: по прямому адресу
 * `admin.php?page=finalwork-accessibility` в неё стучатся, минуя меню.
 */
function onsite_a11y_stranica_nastroek() {
	if ( ! current_user_can( ONSITE_A11Y_PRAVO ) ) {
		wp_die(
			esc_html__( 'You do not have permission to access this page.', 'finalwork-accessibility' ),
			esc_html__( 'Accessibility', 'finalwork-accessibility' ),
			array( 'response' => 403 )
		);
	}
	?>
	<div class="wrap onsite-a11y-ekran">
		<h1><?php echo esc_html( get_admin_page_title() ); ?></h1>

		<p class="onsite-a11y-vstuplenie">
			<?php
			esc_html_e(
				'This plugin checks your site for accessibility problems and helps you fix them. Everything runs on your own server: no account, no cloud, no data sent anywhere.',
				'finalwork-accessibility'
			);
			?>
		</p>

		<div class="onsite-a11y-panel">
			<button type="button" class="button button-primary" id="onsite-a11y-pusk">
				<?php esc_html_e( 'Scan the site', 'finalwork-accessibility' ); ?>
			</button>
			<button type="button" class="button" id="onsite-a11y-stop" hidden>
				<?php esc_html_e( 'Stop', 'finalwork-accessibility' ); ?>
			</button>
			<button type="button" class="button" id="onsite-a11y-zanovo" hidden>
				<?php esc_html_e( 'Start over', 'finalwork-accessibility' ); ?>
			</button>
			<span class="onsite-a11y-hod" id="onsite-a11y-hod" role="status" aria-live="polite"></span>
		</div>

		<div class="onsite-a11y-filtry" id="onsite-a11y-filtry" hidden>
			<label for="onsite-a11y-vazhnost"><?php esc_html_e( 'Severity', 'finalwork-accessibility' ); ?></label>
			<select id="onsite-a11y-vazhnost">
				<option value=""><?php esc_html_e( 'All', 'finalwork-accessibility' ); ?></option>
				<option value="critical"><?php esc_html_e( 'Critical', 'finalwork-accessibility' ); ?></option>
				<option value="serious"><?php esc_html_e( 'Serious', 'finalwork-accessibility' ); ?></option>
				<option value="zhestkie"><?php esc_html_e( 'Critical and serious', 'finalwork-accessibility' ); ?></option>
				<option value="moderate"><?php esc_html_e( 'Moderate', 'finalwork-accessibility' ); ?></option>
				<option value="vruchnuyu"><?php esc_html_e( 'Needs a human look', 'finalwork-accessibility' ); ?></option>
			</select>

			<label for="onsite-a11y-stranica"><?php esc_html_e( 'Page', 'finalwork-accessibility' ); ?></label>
			<select id="onsite-a11y-stranica">
				<option value=""><?php esc_html_e( 'All pages', 'finalwork-accessibility' ); ?></option>
			</select>

			<span class="onsite-a11y-schet" id="onsite-a11y-schet"></span>
		</div>

		<div id="onsite-a11y-spisok"></div>

		<?php
		/**
		 * Место под будущие поля: сюда встанут настройки сканера и виджета.
		 * Форма появится вместе с первым полем, а не «про запас».
		 */
		do_action( 'onsite_a11y_posle_nastroek' );
		?>
	</div>
	<?php
}