Linux webm002.cluster126.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64
/home/ariannadhf/www/wp-content/plugins/wp-accessibility-helper/trunk/admin/pages/
/home/ariannadhf/www/wp-content/plugins/wp-accessibility-helper/trunk/admin/pages/wah-admin.php
 <?php
/**
 * WAH Admin page
 *
 * @package WAH
 */

$wah_hidden = isset( $_POST['wah_hidden'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_hidden'] ) ) : '';

if ( 'Y' === $wah_hidden && ! empty( $wah_hidden ) ) {
	// Verify nonce for security.
	if ( ! isset( $_POST['wah_admin_nonce'] ) || ! wp_verify_nonce( sanitize_text_field( wp_unslash( $_POST['wah_admin_nonce'] ) ), 'wah_admin_action' ) ) {
		wp_die( esc_html__( 'Security check failed. Please try again.', 'wp-accessibility-helper' ) );
	}

	// Upload icon.
	$image_url = isset( $_POST['wah_image_url'] ) ? esc_url_raw( wp_unslash( $_POST['wah_image_url'] ) ) : '';
	update_option( 'wah_image_url', $image_url );

	// Hide on mobile.
	$wah_hide_on_mobile = isset( $_POST['wah_hide_on_mobile'] ) ? 1 : 0;
	update_option( 'wah_hide_on_mobile', $wah_hide_on_mobile );

	// Show on left side.
	$wah_left_side = isset( $_POST['wah_left_side'] ) ? 1 : 0;
	update_option( 'wah_left_side', $wah_left_side );

	// Font resize mode.
	$font_setup_type = isset( $_POST['wah_font_setup_type'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_font_setup_type'] ) ) : 'script';
	update_option( 'wah_font_setup_type', $font_setup_type );

	$font_setup_title = isset( $_POST['wah_font_setup_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_font_setup_title'] ) ) : '';
	update_option( 'wah_font_setup_title', $font_setup_title );

	$reset_font_size_title = isset( $_POST['wah_reset_font_size'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_reset_font_size'] ) ) : '';
	update_option( 'wah_reset_font_size', $reset_font_size_title );

	// Remove styles mode.
	$remove_styles_setup = isset( $_POST['wah_remove_styles_setup'] ) ? 1 : 0;
	update_option( 'wah_remove_styles_setup', $remove_styles_setup );

	$remove_styles_setup_title = isset( $_POST['wah_remove_styles_setup_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_remove_styles_setup_title'] ) ) : '';
	update_option( 'wah_remove_styles_setup_title', $remove_styles_setup_title );

	// Contrast mode.
	$contrast_setup = isset( $_POST['wah_contrast_setup'] ) ? 1 : 0;
	update_option( 'wah_contrast_setup', $contrast_setup );

	$contrast_setup_title = isset( $_POST['wah_contrast_setup_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_contrast_setup_title'] ) ) : '';
	update_option( 'wah_contrast_setup_title', $contrast_setup_title );

	// Contrast custom colors.
	$contrast_custom = isset( $_POST['wah_enable_custom_contrast'] ) ? 1 : 0;
	update_option( 'wah_enable_custom_contrast', $contrast_custom );

	$choose_color_title = isset( $_POST['wah_choose_color_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_choose_color_title'] ) ) : '';
	update_option( 'wah_choose_color_title', $choose_color_title );

	// Underline links mode.
	$underline_links_setup = isset( $_POST['wah_underline_links_setup'] ) ? 1 : 0;
	update_option( 'wah_underline_links_setup', $underline_links_setup );

	$underline_links_setup_title = isset( $_POST['wah_underline_links_setup_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_underline_links_setup_title'] ) ) : '';
	update_option( 'wah_underline_links_setup_title', $underline_links_setup_title );

	// Role="link" mode.
	$role_links_setup = isset( $_POST['wah_role_links_setup'] ) ? 1 : 0;
	update_option( 'wah_role_links_setup', $role_links_setup );

	// Remove link title attribute.
	$remove_link_titles = isset( $_POST['wah_remove_link_titles'] ) ? 1 : 0;
	update_option( 'wah_remove_link_titles', $remove_link_titles );

	$wah_clear_cookies_title = isset( $_POST['wah_clear_cookies_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_clear_cookies_title'] ) ) : '';
	update_option( 'wah_clear_cookies_title', $wah_clear_cookies_title );

	// Close button - title.
	$close_button_title = isset( $_POST['wah_close_button_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_close_button_title'] ) ) : '';
	update_option( 'wah_close_button_title', $close_button_title );

	// Greyscale Images button title.
	$wah_greyscale_title = isset( $_POST['wah_greyscale_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_greyscale_title'] ) ) : '';
	update_option( 'wah_greyscale_title', $wah_greyscale_title );

	// Enable Greyscale Images.
	$wah_greyscale_enable = isset( $_POST['wah_greyscale_enable'] ) ? 1 : 0;
	update_option( 'wah_greyscale_enable', $wah_greyscale_enable );

	// Enable Dark Theme.
	$wah_darktheme_enable = isset( $_POST['wah_darktheme_enable'] ) ? 1 : 0;
	update_option( 'wah_darktheme_enable', $wah_darktheme_enable );

	// highlight links.
	$wah_highlight_links_enable = isset( $_POST['wah_highlight_links_enable'] ) ? 1 : 0;
	update_option( 'wah_highlight_links_enable', $wah_highlight_links_enable );

	$wah_highlight_links_title = isset( $_POST['wah_highlight_links_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_highlight_links_title'] ) ) : '';
	update_option( 'wah_highlight_links_title', $wah_highlight_links_title );

	// invert mode.
	$wah_invert_enable = isset( $_POST['wah_invert_enable'] ) ? 1 : 0;
	update_option( 'wah_invert_enable', $wah_invert_enable );

	$wah_invert_title = isset( $_POST['wah_invert_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_invert_title'] ) ) : '';
	update_option( 'wah_invert_title', $wah_invert_title );

	// remove animations.
	$wah_remove_animations_setup = isset( $_POST['wah_remove_animations_setup'] ) ? 1 : 0;
	update_option( 'wah_remove_animations_setup', $wah_remove_animations_setup );

	$wah_remove_animations_title = isset( $_POST['wah_remove_animations_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_remove_animations_title'] ) ) : '';
	update_option( 'wah_remove_animations_title', $wah_remove_animations_title );

	// Readable font.
	$wah_readable_fonts_setup = isset( $_POST['wah_readable_fonts_setup'] ) ? 1 : 0;
	update_option( 'wah_readable_fonts_setup', $wah_readable_fonts_setup );

	$wah_readable_fonts_title = isset( $_POST['wah_readable_fonts_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_readable_fonts_title'] ) ) : '';
	update_option( 'wah_readable_fonts_title', $wah_readable_fonts_title );

	// Custom font.
	$wah_custom_font = isset( $_POST['wah_custom_font'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_custom_font'] ) ) : '';
	update_option( 'wah_custom_font', $wah_custom_font );

	// Skiplinks.
	$wah_skiplinks_setup = isset( $_POST['wah_skiplinks_setup'] ) ? 1 : 0;
	update_option( 'wah_skiplinks_setup', $wah_skiplinks_setup );

	// Keyboard Navigation.
	$wah_keyboard_navigation_setup = isset( $_POST['wah_keyboard_navigation_setup'] ) ? 1 : 0;
	update_option( 'wah_keyboard_navigation_setup', $wah_keyboard_navigation_setup );

	$wah_keyboard_navigation_title = isset( $_POST['wah_keyboard_navigation_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_keyboard_navigation_title'] ) ) : '';
	update_option( 'wah_keyboard_navigation_title', $wah_keyboard_navigation_title );

	// Light OFF.
	$wah_lights_off_setup = isset( $_POST['wah_lights_off_setup'] ) ? 1 : 0;
	update_option( 'wah_lights_off_setup', $wah_lights_off_setup );

	$wah_lights_off_title = isset( $_POST['wah_lights_off_title'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_lights_off_title'] ) ) : '';
	update_option( 'wah_lights_off_title', $wah_lights_off_title );

	$wah_lights_selector = isset( $_POST['wah_lights_selector'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_lights_selector'] ) ) : '';
	update_option( 'wah_lights_selector', $wah_lights_selector );

	// Custom logo position.
	$wah_custom_logo_position = isset( $_POST['wah_custom_logo_position'] ) ? 1 : 0;
	update_option( 'wah_custom_logo_position', $wah_custom_logo_position );

	$wah_logo_top = isset( $_POST['wah_logo_top'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_logo_top'] ) ) : '';
	update_option( 'wah_logo_top', $wah_logo_top );

	$wah_logo_right = isset( $_POST['wah_logo_right'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_logo_right'] ) ) : '';
	update_option( 'wah_logo_right', $wah_logo_right );

	$wah_logo_bottom = isset( $_POST['wah_logo_bottom'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_logo_bottom'] ) ) : '';
	update_option( 'wah_logo_bottom', $wah_logo_bottom );

	$wah_logo_left = isset( $_POST['wah_logo_left'] ) ? sanitize_text_field( wp_unslash( $_POST['wah_logo_left'] ) ) : '';
	update_option( 'wah_logo_left', $wah_logo_left );

	// Update serialized array.
	update_serialize_order_array();

	?>
	<div class="updated">
		<p><strong><?php esc_html_e( 'Options saved.', 'wp-accessibility-helper' ); ?></strong></p>
	</div>
	<?php

} else {

	$image_url                     = get_option( 'wah_image_url' );
	$font_setup_type               = get_option( 'wah_font_setup_type' );
	$font_setup_title              = get_option( 'wah_font_setup_title' );
	$reset_font_size_title         = get_option( 'wah_reset_font_size' );
	$contrast_setup                = get_option( 'wah_contrast_setup' );
	$contrast_setup_title          = get_option( 'wah_contrast_setup_title' );
	$contrast_custom               = get_option( 'wah_enable_custom_contrast' );
	$remove_styles_setup           = get_option( 'wah_remove_styles_setup' );
	$remove_styles_setup_title     = get_option( 'wah_remove_styles_setup_title' );
	$choose_color_title            = get_option( 'wah_choose_color_title' );
	$underline_links_setup         = get_option( 'wah_underline_links_setup' );
	$underline_links_setup_title   = get_option( 'wah_underline_links_setup_title' );
	$role_links_setup              = get_option( 'wah_role_links_setup' );
	$remove_link_titles            = get_option( 'wah_remove_link_titles' );
	$wah_clear_cookies_title       = get_option( 'wah_clear_cookies_title' );
	$close_button_title            = get_option( 'wah_close_button_title' );
	$wah_hide_on_mobile            = get_option( 'wah_hide_on_mobile' );
	$wah_left_side                 = get_option( 'wah_left_side' );
	$wah_greyscale_title           = get_option( 'wah_greyscale_title' );
	$wah_greyscale_enable          = get_option( 'wah_greyscale_enable' );
	$wah_darktheme_enable          = get_option( 'wah_darktheme_enable' );
	$wah_highlight_links_enable    = get_option( 'wah_highlight_links_enable' );
	$wah_highlight_links_title     = get_option( 'wah_highlight_links_title' );
	$wah_invert_enable             = get_option( 'wah_invert_enable' );
	$wah_invert_title              = get_option( 'wah_invert_title' );
	$wah_remove_animations_setup   = get_option( 'wah_remove_animations_setup' );
	$wah_remove_animations_title   = get_option( 'wah_remove_animations_title' );
	$wah_readable_fonts_setup      = get_option( 'wah_readable_fonts_setup' );
	$wah_readable_fonts_title      = get_option( 'wah_readable_fonts_title' );
	$wah_custom_font               = get_option( 'wah_custom_font' );
	$wah_skiplinks_setup           = get_option( 'wah_skiplinks_setup' );
	$wah_keyboard_navigation_setup = get_option( 'wah_keyboard_navigation_setup' );
	$wah_keyboard_navigation_title = get_option( 'wah_keyboard_navigation_title' );

	$wah_lights_off_setup = get_option( 'wah_lights_off_setup' );
	$wah_lights_off_title = get_option( 'wah_lights_off_title' );
	$wah_lights_selector  = get_option( 'wah_lights_selector' );

	$wah_custom_logo_position = get_option( 'wah_custom_logo_position' );
	$wah_logo_top             = get_option( 'wah_logo_top' );
	$wah_logo_right           = get_option( 'wah_logo_right' );
	$wah_logo_left            = get_option( 'wah_logo_left' );
	$wah_logo_bottom          = get_option( 'wah_logo_bottom' );
}

$wah_custom_fonts_list = array(
	'Times New Roman, Times, serif',
	'Arial, Helvetica, sans-serif',
	'Comic Sans MS, cursive, sans-serif',
	'Tahoma, Geneva, sans-serif',
	'Trebuchet MS, Helvetica, sans-serif',
	'Verdana, Geneva, sans-serif',
	'Courier New, Courier, monospace',
	'Lucida Console, Monaco, monospace',
	'Georgia, serif',
);
?>

<div class="wrap">
	<h1>WP Accessibility Helper. <span class="wah_slogan">"<?php esc_html_e( 'WordPress Accessibility made easy!', 'wp-accessibility-helper' ); ?>"</span></h1>

	<?php render_wah_header_notice(); ?>

	<?php $server_request_uri = isset( $_SERVER['REQUEST_URI'] ) ? sanitize_text_field( wp_unslash( $_SERVER['REQUEST_URI'] ) ) : ''; ?>

	<div class="wah-main-admin-row">
		<?php wah_render_admin_sidebar(); ?>

		<form name="oscimp_form" class="wah-main-admin-form clearfix" method="post" action="<?php echo esc_html( str_replace( '%7E', '~', $server_request_uri ) ); ?>">
			<input type="hidden" name="wah_hidden" value="Y">
			<?php wp_nonce_field( 'wah_admin_action', 'wah_admin_nonce' ); ?>

			<?php /* Global Settings */ ?>
			<?php render_form_section_title( __( 'Global Settings', 'wp-accessibility-helper' ) ); ?>
			<div class="wah_form_elements_wrapper">
				<div class="form_element_content designed">

					<div class="wahpro-placeholder">
						<div class="pro-label">WAH PRO feature - Layouts manager</div>
						<img src="<?php echo esc_url( plugin_dir_url( __FILE__ ) ); ?>img/layouts.png" alt="Sepia & Monochrome">
					</div>

					<?php
					render_switch_element(
						__( 'Enable skip links menu?', 'wp-accessibility-helper' ),
						$wah_skiplinks_setup,
						'wah_skiplinks_setup'
					);
					?>
					<h5 class="wah-property-description">
						You can manage Skiplinks menu <a href="<?php echo esc_url( admin_url() ) . 'nav-menus.php'; ?>">HERE</a>
					</h5>
					<h5 class="wah-property-description">
						You can manage Skiplinks css <a href="<?php echo esc_url( menu_page_url( 'wp_accessibility_landmark', false ) ); ?>">HERE</a>
					</h5>
					<hr />

					<?php
					render_switch_element(
						__( 'Enable keyboard navigation', 'wp-accessibility-helper' ),
						$wah_keyboard_navigation_setup,
						'wah_keyboard_navigation_setup'
					);
					?>

					<?php
					render_title_element(
						__( 'Keyboard navigation - title', 'wp-accessibility-helper' ),
						$wah_keyboard_navigation_title,
						'wah_keyboard_navigation_title',
						'',
						'wah_keyboard_navigation_setup'
					);
					?>
					<hr />

					<?php render_switch_element( __( 'Enable Dark Theme?', 'wp-accessibility-helper' ), $wah_darktheme_enable, 'wah_darktheme_enable' ); ?>
					<hr />

					<?php render_title_element( __( 'Close button - title', 'wp-accessibility-helper' ), $close_button_title, 'wah_close_button_title' ); ?>
					<?php render_title_element( __( 'Clear cookies - title', 'wp-accessibility-helper' ), $wah_clear_cookies_title, 'wah_clear_cookies_title' ); ?>

					<div class="form_row">
						<div class="form30">
							<?php if ( get_option( 'wah_image_url' ) ) : ?>
								<img src="<?php echo esc_url( get_option( 'wah_image_url' ) ); ?>" width="48" height="48" />
							<?php endif; ?>
							<label for="upload_icon" class="text_label"><?php esc_html_e( 'Upload icon', 'wp-accessibility-helper' ); ?></label>
						</div>
						<div class="form70">
							<input type="text" name='wah_image_url' id="image_url"
								class="regular-text" value='<?php echo get_option( 'wah_image_url' ) ? esc_url( get_option( 'wah_image_url' ) ) : ''; ?>'>
							<input type="button" name="upload-btn" id="upload-btn" class="button-secondary" value="<?php esc_html_e( 'Upload Logo', 'wp-accessibility-helper' ); ?>">
							<input type="button" name="clear-btn" id="clear-btn" class="button-secondary" value="<?php esc_html_e( 'Delete Logo', 'wp-accessibility-helper' ); ?>">
						</div>
					</div>

					<?php /***** Custom logo position ********/ ?>
					<?php render_switch_element( __( 'Custom logo position?', 'wp-accessibility-helper' ), $wah_custom_logo_position, 'wah_custom_logo_position' ); ?>
					<?php render_logo_position( __( 'Logo position (px)', 'wp-accessibility-helper' ), $wah_logo_top, $wah_logo_right, $wah_logo_bottom, $wah_logo_left ); ?>
					<hr />

					<?php render_switch_element( __( 'Hide for mobile?', 'wp-accessibility-helper' ), $wah_hide_on_mobile, 'wah_hide_on_mobile' ); ?>
					<?php render_switch_element( __( 'Show Sidebar on left side?', 'wp-accessibility-helper' ), $wah_left_side, 'wah_left_side' ); ?>

					<hr />
					<?php /***** Greyscale Images ********/ ?>
					<?php render_switch_element( __( 'Enable Greyscale Images?', 'wp-accessibility-helper' ), $wah_greyscale_enable, 'wah_greyscale_enable' ); ?>
					<?php render_title_element( __( 'Greyscale Images button - title', 'wp-accessibility-helper' ), $wah_greyscale_title, 'wah_greyscale_title', '', 'wah_greyscale_enable' ); ?>

					<hr />
					<?php /***** Invert Colors & Images ********/ ?>
					<?php render_switch_element( __( 'Enable Invert Colors & Images?', 'wp-accessibility-helper' ), $wah_invert_enable, 'wah_invert_enable' ); ?>
					<?php render_title_element( __( 'Invert button - title', 'wp-accessibility-helper' ), $wah_invert_title, 'wah_invert_title', '', 'wah_invert_enable' ); ?>
				</div>
			</div>
			<hr />

			<?php /* Fonts Settings */ ?>
			<?php render_form_section_title( __( 'Font Settings', 'wp-accessibility-helper' ) ); ?>
			<div class="wah_form_elements_wrapper">
				<div class="form_element_content designed">

			<?php /** Readable Font **/ ?>
			<?php render_switch_element( __( 'Enable Readable Font?', 'wp-accessibility-helper' ), $wah_readable_fonts_setup, 'wah_readable_fonts_setup' ); ?>
			<?php render_title_element( __( 'Enable Readable Font - title', 'wp-accessibility-helper' ), $wah_readable_fonts_title, 'wah_readable_fonts_title', '', 'wah_readable_fonts_setup' ); ?>
			<hr />

			<div class="form_row">
				<div class="form30">
					<label for="wah_custom_font" class="text_label">
						<?php esc_html_e( 'Choose custom font', 'wp-accessibility-helper' ); ?>
					</label>
				</div>
				<div class="form70">
					<select name="wah_custom_font" id="wah_custom_font">
						<option value="">
							<?php esc_html_e( 'Please, choose font', 'wp-accessibility-helper' ); ?>
						</option>
						<?php foreach ( $wah_custom_fonts_list as $font ) : ?>
							<option value="<?php echo esc_html( $font ); ?>"
								<?php if ( $wah_custom_font === $font ) : ?>
									selected="selected"
								<?php endif; ?>>
								<?php echo esc_html( $font ); ?>
							</option>
						<?php endforeach; ?>
					</select>
				</div>
			</div>

			<hr />

			<?php render_select_element( __( 'Choose font resize option', 'wp-accessibility-helper' ), $font_setup_type, 'wah_font_setup_type' ); ?>
			<?php render_title_element( __( 'Font resize - title', 'wp-accessibility-helper' ), $font_setup_title, 'wah_font_setup_title' ); ?>
			<?php render_title_element( __( 'Reset font size - title', 'wp-accessibility-helper' ), $reset_font_size_title, 'wah_reset_font_size' ); ?>
			<h5>** <?php esc_html_e( 'This field work only when script base resize option chosen in "<em>Choose font resize option</em>"', 'wp-accessibility-helper' ); ?></h5>
			</div>
			</div>
			<hr />

			<?php /* Contrast Settings */ ?>
			<?php render_form_section_title( __( 'Contrast Settings', 'wp-accessibility-helper' ) ); ?>
			<div class="wah_form_elements_wrapper">
				<div class="form_element_content designed">

					<?php render_switch_element( __( 'Enable contrast mode?', 'wp-accessibility-helper' ), $contrast_setup, 'wah_contrast_setup' ); ?>
					<?php render_title_element( __( 'Contrast - title', 'wp-accessibility-helper' ), $contrast_setup_title, 'wah_contrast_setup_title' ); ?>
					<?php render_title_element( __( 'Choose color button - title', 'wp-accessibility-helper' ), $choose_color_title, 'wah_choose_color_title' ); ?>

					<?php render_switch_element( __( 'Contrast variations?', 'wp-accessibility-helper' ), $contrast_custom, 'wah_enable_custom_contrast', 'Custom', 'Default' ); ?>

					<div class="form_row" id="contrast_custom_dep"
					<?php
					if ( ! $contrast_custom ) :
						?>
						style="display:none;"<?php endif; ?>>
						<div class="form100">
							<h4 class="wah-sub-title"><?php esc_html_e( 'Please add custom contrast mode variation:', 'wp-accessibility-helper' ); ?></h4>
							<ul class="contrast-params-list">
								<?php
								$contrast_variations = wah_get_contrast_variations();
								if ( $contrast_variations ) :
									foreach ( $contrast_variations as $variation ) :
										?>
									<li>
										<div class="contrast-mode-item bg-color">
											<label><?php esc_html_e( 'Background color', 'wp-accessibility-helper' ); ?></label>
											<input type="text" value="<?php echo sanitize_text_field( $variation['bgcolor'] ); ?>" placeholder="<?php esc_html_e( 'Background color', 'wp-accessibility-helper' ); ?>" class="jscolor">
										</div>
										<div class="contrast-mode-item text-color">
											<label><?php esc_html_e( 'Text color', 'wp-accessibility-helper' ); ?></label>
											<input type="text" value="<?php echo sanitize_text_field( $variation['textcolor'] ); ?>" placeholder="<?php esc_html_e( 'Text color', 'wp-accessibility-helper' ); ?>" class="jscolor">
										</div>
										<div class="contrast-mode-item button-title-alt">
											<label><?php esc_html_e( 'Title', 'wp-accessibility-helper' ); ?></label>
											<input type="text" placeholder="<?php esc_html_e( 'Button title', 'wp-accessibility-helper' ); ?>" value="<?php echo esc_html( $variation['title'] ); ?>" />
										</div>
										<div class="contrast-mode-item action">
											<button class="wah-button delete-contrast-params">
												<?php esc_html_e( 'Delete', 'wp-accessibility-helper' ); ?>
											</button>
											<span class="action-loader"></span>
										</div>
									</li>
										<?php
									endforeach;
								endif;
								?>
							</ul>
							<div class="wah-action-buttons">
								<button class="wah-button wah-add-item">
									<?php esc_html_e( 'Add new color', 'wp-accessibility-helper' ); ?>
								</button>
								<button class="wah-button save-contrast-params">
									<?php esc_html_e( 'Save colors', 'wp-accessibility-helper' ); ?>
								</button>
								<div class="wah-contrast-loader"></div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<hr />

			<?php /* Styles Settings */ ?>
			<?php render_form_section_title( __( 'Styles Settings', 'wp-accessibility-helper' ) ); ?>
			<div class="wah_form_elements_wrapper">
				<div class="form_element_content designed">
					<?php render_switch_element( __( 'Remove animations mode?', 'wp-accessibility-helper' ), $wah_remove_animations_setup, 'wah_remove_animations_setup' ); ?>
					<?php render_title_element( __( 'Remove animations - title', 'wp-accessibility-helper' ), $wah_remove_animations_title, 'wah_remove_animations_title', '', 'wah_remove_animations_setup' ); ?>
					<hr />

					<?php render_switch_element( __( 'Remove styles mode?', 'wp-accessibility-helper' ), $remove_styles_setup, 'wah_remove_styles_setup' ); ?>
					<?php render_title_element( __( 'Remove styles - title', 'wp-accessibility-helper' ), $remove_styles_setup_title, 'wah_remove_styles_setup_title', '', 'wah_remove_styles_setup' ); ?>
					<h5>** <?php esc_html_e( "This feature doesn't works if you have 'Async JS and CSS' plugin installed.", 'wp-accessibility-helper' ); ?></h5>
				</div>
			</div>
			<hr />

			<?php /* Links Settings */ ?>
			<?php render_form_section_title( __( 'Links Settings', 'wp-accessibility-helper' ) ); ?>
			<div class="wah_form_elements_wrapper">
				<div class="form_element_content designed">
					<?php render_switch_element( __( 'Underline links mode?', 'wp-accessibility-helper' ), $underline_links_setup, 'wah_underline_links_setup' ); ?>
					<?php render_title_element( __( 'Underline links title', 'wp-accessibility-helper' ), $underline_links_setup_title, 'wah_underline_links_setup_title', '', 'wah_underline_links_setup' ); ?>
					<hr />

					<?php render_switch_element( __( 'Highlight links mode?', 'wp-accessibility-helper' ), $wah_highlight_links_enable, 'wah_highlight_links_enable' ); ?>
					<?php render_title_element( __( 'Highlight links - title', 'wp-accessibility-helper' ), $wah_highlight_links_title, 'wah_highlight_links_title', '', 'wah_highlight_links_enable' ); ?>
					<hr />

					<?php render_switch_element( __( 'Add role="link" to a tags?', 'wp-accessibility-helper' ), $role_links_setup, 'wah_role_links_setup' ); ?>
					<?php render_switch_element( __( 'Remove all links titles?', 'wp-accessibility-helper' ), $remove_link_titles, 'wah_remove_link_titles' ); ?>
				</div>
			</div>
			<hr />

			<?php /* Content Settings */ ?>
			<?php render_form_section_title( __( 'Content Settings', 'wp-accessibility-helper' ) ); ?>
			<div class="wah_form_elements_wrapper">
				<div class="form_element_content designed">
					<p><a class="wah-help-link" href="https://www.youtube.com/watch?v=D3xEK0sdjWk" target="_blank">Need Help with <strong>Lights Off mode</strong>? Check this video!</a></p>

					<?php render_switch_element( __( 'Lights Off mode?', 'wp-accessibility-helper' ), $wah_lights_off_setup, 'wah_lights_off_setup' ); ?>
					<?php render_title_element( __( 'Lights Off title', 'wp-accessibility-helper' ), $wah_lights_off_title, 'wah_lights_off_title', '', 'wah_lights_off_setup' ); ?>
					<?php render_title_element( __( 'Main content selector', 'wp-accessibility-helper' ), $wah_lights_selector, 'wah_lights_selector', 'div class or id', 'wah_lights_off_setup' ); ?>
				</div>
			</div>
			<hr />

			<p class="submit">
				<input type="submit" name="Submit" class="button button-primary button-large" value="<?php esc_html_e( 'Update Options', 'wp-accessibility-helper' ); ?>" />
			</p>
		</form>
	</div>

	<script type="text/javascript">
	jQuery(document).ready(function($){
		$('#upload-btn').click(function(e) {
			e.preventDefault();
			var image = wp.media({
				title: 'Upload Logo',
				// mutiple: true if you want to upload multiple files at once
				multiple: false
			}).open()
			.on('select', function(e){
				var uploaded_image = image.state().get('selection').first();
				var image_url = uploaded_image.toJSON().url;
				$('#image_url').val(image_url);
			});
		});
		$("#clear-btn").click(function(e){
			e.preventDefault();
			$('#image_url').val('');
		});
	});
	</script>
</div>