<?php
/**
 * Form
 *
 * @package Metaboxes
 */

defined( 'ABSPATH' ) || exit( 'Please don&rsquo;t call the plugin directly. Thanks :)' );

global $typenow;
global $pagenow;

/**
 * Redirections value
 *
 * @param string $seopress_redirections_value Redirections value.
 *
 * @return string Redirections value.
 */
function seopress_redirections_value( $seopress_redirections_value ) {
	if ( '' !== $seopress_redirections_value ) {
		return $seopress_redirections_value;
	}
}

$data_attr             = array();
$data_attr['data_tax'] = '';
$data_attr['termId']   = '';

if ( 'post-new.php' === $pagenow || 'post.php' === $pagenow ) {
	$data_attr['current_id'] = get_the_id();
	$data_attr['origin']     = 'post';
	$data_attr['title']      = get_the_title( $data_attr['current_id'] );
} elseif ( 'term.php' === $pagenow || 'edit-tags.php' === $pagenow ) {
	global $tag;
	$data_attr['current_id'] = $tag->term_id;
	$data_attr['termId']     = $tag->term_id;
	$data_attr['origin']     = 'term';
	$data_attr['data_tax']   = $tag->taxonomy;
	$data_attr['title']      = $tag->name;
}

$data_attr['isHomeId'] = get_option( 'page_on_front' );
if ( '0' === $data_attr['isHomeId'] ) {
	$data_attr['isHomeId'] = '';
}

if ( 'term.php' === $pagenow || 'edit-tags.php' === $pagenow ) { ?>
<tr id="term-seopress" class="form-field">
	<th scope="row">
		<h2>
			<?php esc_html_e( 'SEO', 'wp-seopress' ); ?>
		</h2>
	</th>
	<td>
		<div id="seopress_cpt">
			<div class="inside">
				<?php } ?>
				<div id="seopress-tabs"
					data-home-id="<?php echo esc_attr( $data_attr['isHomeId'] ); ?>"
					data-term-id="<?php echo esc_attr( $data_attr['termId'] ); ?>"
					data_id="<?php echo esc_attr( $data_attr['current_id'] ); ?>"
					data_origin="<?php echo esc_attr( $data_attr['origin'] ); ?>"
					data_tax="<?php echo esc_attr( $data_attr['data_tax'] ); ?>">
					<?php
					if ( 'seopress_404' !== $typenow ) {
						$seo_tabs['title-tab']    = '<li><a href="#tabs-1">' . __( 'Titles settings', 'wp-seopress' ) . '</a></li>';
						$seo_tabs['social-tab']   = '<li><a href="#tabs-2">' . __( 'Social', 'wp-seopress' ) . '</a></li>';
						$seo_tabs['advanced-tab'] = '<li><a href="#tabs-3">' . __( 'Advanced', 'wp-seopress' ) . '<span id="sp-advanced-alert"></span></a></li>';
					}
					$seo_tabs['redirect-tab'] = '<li><a href="#tabs-4">' . __( 'Redirection', 'wp-seopress' ) . '</a></li>';

					$seo_tabs = apply_filters( 'seopress_metabox_seo_tabs', $seo_tabs, $typenow, $pagenow );

					if ( ! empty( $seo_tabs ) ) {
						?>
					<ul>
									<?php
									foreach ( $seo_tabs as $tab ) {
										echo $tab;
									}
									?>
					</ul>
						<?php
					}
					if ( 'seopress_404' !== $typenow ) {
						if ( array_key_exists( 'title-tab', $seo_tabs ) ) {
							?>
					<div id="tabs-1">
							<?php
							if ( is_plugin_active( 'woocommerce/woocommerce.php' ) && function_exists( 'wc_get_page_id' ) ) {
								$shop_page_id = wc_get_page_id( 'shop' );
								if ( 'post-new.php' === $pagenow || 'post.php' === $pagenow ) {
									if ( $post && absint( $shop_page_id ) === absint( $post->ID ) ) {
										?>
						<p class="notice notice-info">
										<?php
										/* translators: %s documentation URL */
										echo wp_kses_post( sprintf( __( 'This is your <strong>Shop page</strong>. Go to <a href="%s"><strong>SEO > Titles & Metas > Archives > Products</strong></a> to edit your title and meta description.', 'wp-seopress' ), esc_url( admin_url( 'admin.php?page=seopress-titles#tab=tab_seopress_titles_archives' ) ) ) );
										?>
						</p>
										<?php
									}
								}
							}
							?>
						<div class="box-left">
							<?php do_action( 'seopress_titles_title_tab_before', $pagenow ); ?>
							<p>
								<span class="seopress-d-flex seopress-mb-1">
									<label for="seopress_titles_title_meta">
										<?php
											esc_html_e( 'Title', 'wp-seopress' );
											echo seopress_tooltip( esc_html__( 'Meta title', 'wp-seopress' ), esc_html__( 'Titles are critical to give users a quick insight into the content of a result and why it’s relevant to their query. It\'s often the primary piece of information used to decide which result to click on, so it\'s important to use high-quality titles on your web pages.', 'wp-seopress' ), esc_html( '<title>My super title</title>' ) );
										?>
									</label>

									<?php do_action( 'seopress_titles_title_input_before', $pagenow ); ?>
								</span>

								<input id="seopress_titles_title_meta" type="text" name="seopress_titles_title"
									class="components-text-control__input"
									placeholder="<?php esc_html_e( 'Enter your title', 'wp-seopress' ); ?>"
									aria-label="<?php esc_attr_e( 'Title', 'wp-seopress' ); ?>"
									value="<?php echo esc_html( $seopress_titles_title ); ?>" />
							</p>
							<div class="sp-progress">
								<div id="seopress_titles_title_counters_progress" class="sp-progress-bar"
									role="progressbar" style="width: 1%;" aria-valuenow="1" aria-valuemin="0"
									aria-valuemax="100">1%</div>
							</div>
							<div class="wrap-seopress-counters">
								<div id="seopress_titles_title_pixel"></div>
								<strong><?php esc_html_e( ' / 568 pixels - ', 'wp-seopress' ); ?></strong>
								<div id="seopress_titles_title_counters"></div>
								<?php esc_html_e( ' (maximum recommended limit)', 'wp-seopress' ); ?>
							</div>

							<div class="wrap-tags">
								<?php if ( 'term.php' === $pagenow || 'edit-tags.php' === $pagenow ) { ?>
								<button type="button" class="<?php echo esc_attr( seopress_btn_secondary_classes() ); ?> tag-title" id="seopress-tag-single-title" data-tag="%%term_title%%"><span
										class="dashicons dashicons-plus-alt2"></span><?php esc_html_e( 'Term Title', 'wp-seopress' ); ?></button>
								<?php } else { ?>
								<button type="button" class="<?php echo esc_attr( seopress_btn_secondary_classes() ); ?> tag-title" id="seopress-tag-single-title" data-tag="%%post_title%%"><span
										class="dashicons dashicons-plus-alt2"></span><?php esc_html_e( 'Post Title', 'wp-seopress' ); ?></button>
								<?php } ?>
								<button type="button" class="<?php echo esc_attr( seopress_btn_secondary_classes() ); ?> tag-title" id="seopress-tag-single-site-title" data-tag="%%sitetitle%%">
									<span class="dashicons dashicons-plus-alt2"></span><?php esc_html_e( 'Site Title', 'wp-seopress' ); ?></button>
								<button type="button" class="<?php echo esc_attr( seopress_btn_secondary_classes() ); ?> tag-title" id="seopress-tag-single-sep" data-tag="%%sep%%"><span
										class="dashicons dashicons-plus-alt2"></span><?php esc_html_e( 'Separator', 'wp-seopress' ); ?></button>

								<?php echo seopress_render_dyn_variables( 'tag-title' ); ?>
							</div>
							<p>
								<span class="seopress-d-flex seopress-mb-1">
									<label for="seopress_titles_desc_meta">
										<?php
											esc_html_e( 'Meta description', 'wp-seopress' );
											echo seopress_tooltip( esc_html__( 'Meta description', 'wp-seopress' ), wp_kses_post( __( 'A meta description tag should generally inform and interest users with a short, relevant summary of what a particular page is about. <br>They are like a pitch that convince the user that the page is exactly what they\'re looking for. <br>There\'s no limit on how long a meta description can be, but the search result snippets are truncated as needed, typically to fit the device width.', 'wp-seopress' ) ), esc_html( '<meta name="description" content="my super meta description" />' ) );
										?>
									</label>

									<?php do_action( 'seopress_titles_meta_desc_input_before', $pagenow ); ?>
								</span>
								<textarea id="seopress_titles_desc_meta" rows="4" name="seopress_titles_desc"
									class="components-text-control__textarea"
									placeholder="<?php esc_html_e( 'Enter your meta description', 'wp-seopress' ); ?>"
									aria-label="<?php esc_attr_e( 'Meta description', 'wp-seopress' ); ?>"><?php echo esc_html( $seopress_titles_desc ); ?></textarea>
							</p>
							<div class="sp-progress">
								<div id="seopress_titles_desc_counters_progress" class="sp-progress-bar"
									role="progressbar" style="width: 1%;" aria-valuenow="1" aria-valuemin="0"
									aria-valuemax="100">1%</div>
							</div>
							<div class="wrap-seopress-counters">
								<div id="seopress_titles_desc_pixel"></div>
								<strong><?php esc_html_e( ' / 940 pixels - ', 'wp-seopress' ); ?></strong>
								<div id="seopress_titles_desc_counters"></div>
								<?php esc_html_e( ' (maximum recommended limit)', 'wp-seopress' ); ?>
							</div>
							<div class="wrap-tags">
								<?php if ( 'term.php' === $pagenow || 'edit-tags.php' === $pagenow ) { ?>
								<button type="button" class="<?php echo esc_attr( seopress_btn_secondary_classes() ); ?> tag-title" id="seopress-tag-single-excerpt" data-tag="%%_category_description%%">
									<span class="dashicons dashicons-plus-alt2"></span><?php esc_html_e( 'Category / term description', 'wp-seopress' ); ?>
								</button>
								<?php } else { ?>
								<button type="button" class="<?php echo esc_attr( seopress_btn_secondary_classes() ); ?> tag-title" id="seopress-tag-single-excerpt" data-tag="%%post_excerpt%%">
									<span class="dashicons dashicons-plus-alt2"></span><?php esc_html_e( 'Post Excerpt', 'wp-seopress' ); ?>
								</button>
									<?php
								}
								echo seopress_render_dyn_variables( 'tag-description' );
								?>
							</div>
						</div>

							<?php
							$toggle_preview = 1;
							$toggle_preview = apply_filters( 'seopress_toggle_mobile_preview', $toggle_preview );
							?>

						<div class="box-right">
							<div class="google-snippet-preview mobile-preview">
								<h3>
									<?php
									esc_html_e( 'Google Snippet Preview', 'wp-seopress' );
									?>
								</h3>
								<p><?php esc_html_e( 'This is what your page will look like in Google search results. You have to publish your post to get the Google Snippet Preview. Note that Google may optionally display an image of your article.', 'wp-seopress' ); ?>
								</p>
								<div class="wrap-toggle-preview">
									<p>
										<span class="dashicons dashicons-smartphone"></span>
										<?php esc_html_e( 'Mobile Preview', 'wp-seopress' ); ?>
										<input type="checkbox" name="toggle-preview" id="toggle-preview" class="toggle"
											data-toggle="<?php echo $toggle_preview; ?>">
										<label for="toggle-preview"></label>
									</p>
								</div>
								<?php
								global $tag;

								$gp_title       = '';
								$gp_permalink   = '';
								$alt_site_title = ! empty( seopress_get_service( 'TitleOption' )->getHomeSiteTitleAlt() ) ? seopress_get_service( 'TitleOption' )->getHomeSiteTitleAlt() : get_bloginfo( 'name' );

								if ( get_the_title() ) {
									$gp_title     = '<div class="snippet-title-default" style="display:none">' . get_the_title() . ' - ' . get_bloginfo( 'name' ) . '</div>';
									$gp_permalink = '<div class="snippet-permalink"><span class="snippet-sitename">' . $alt_site_title . '</span>' . htmlspecialchars( urldecode( get_permalink() ) ) . '</div>';
								} elseif ( $tag ) {
									if ( false === is_wp_error( get_term_link( $tag ) ) ) {
										$gp_title     = '<div class="snippet-title-default" style="display:none">' . $tag->name . ' - ' . get_bloginfo( 'name' ) . '</div>';
										$gp_permalink = '<div class="snippet-permalink"><span class="snippet-sitename">' . $alt_site_title . '</span>' . htmlspecialchars( urldecode( get_term_link( $tag ) ) ) . '</div>';
									}
								}

								$siteicon = '<div class="snippet-favicon"><img aria-hidden="true" height="26" width="26" alt="favicon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABs0lEQVR4AWL4//8/RRjO8Iucx+noO0MWUDo16FYABMGP6ZfUcRnWtm27jVPbtm3bttuH2t3eFPcY9pLz7NxiLjCyVd87pKnHyqXyxtCs8APd0rnyxiu4qSeA3QEDrAwBDrT1s1Rc/OrjLZwqVmOSu6+Lamcpp2KKMA9PH1BYXMe1mUP5qotvXTywsOEEYHXxrY+3cqk6TMkYpNr2FeoY3KIr0RPtn9wQ2unlA+GMkRw6+9TFw4YTwDUzx/JVvARj9KaedXRO8P5B1Du2S32smzqUrcKGEyA+uAgQjKX7zf0boWHGfn71jIKj2689gxp7OAGShNcBUmLMPVjZuiKcA2vuWHHDCQxMCz629kXAIU4ApY15QwggAFbfOP9DhgBJ+nWVJ1AZAfICAj1pAlY6hCADZnveQf7bQIwzVONGJonhLIlS9gr5mFg44Xd+4S3XHoGNPdJl1INIwKyEgHckEhgTe1bGiFY9GSFBYUwLh1IkiJUbY407E7syBSFxKTszEoiE/YdrgCEayDmtaJwCI9uu8TKMuZSVfSa4BpGgzvomBR/INhLGzrqDotp01ZR8pn/1L0JN9d9XNyx0AAAAAElFTkSuQmCC"></div>';
								if ( get_site_icon_url( 32 ) ) {
									$siteicon = '<div class="snippet-favicon"><img aria-hidden="true" height="26" src="' . get_site_icon_url( 32 ) . '" width="26" alt="favicon"/></div>';
								}
								?>

								<div class="wrap-snippet">
									<div class="wrap-m-icon-permalink"><?php echo $siteicon . $gp_permalink; ?></div>
									<div class="snippet-title"></div>
									<div class="snippet-title-custom" style="display:none"></div>

									<div class="wrap-snippet-mobile">
										<div class="wrap-meta-desc">
											<?php
											echo $gp_title;

											if ( 'post-new.php' === $pagenow || 'post.php' === $pagenow ) {
												echo seopress_display_date_snippet();
											}
											?>

											<div class="snippet-description">...</div>
											<div class="snippet-description-custom" style="display:none"></div>
											<div class="snippet-description-default" style="display:none"></div>
										</div>
										<div class="wrap-post-thumb"><?php the_post_thumbnail( 'full', [ 'class' => 'snippet-post-thumb' ] ); ?></div>
									</div>
								</div>
							</div>
						</div>
					</div>
							<?php
						}
						if ( array_key_exists( 'advanced-tab', $seo_tabs ) ) {
							?>
					<div id="tabs-3">
						<span class="sp-section"><?php esc_html_e( 'Meta robots settings', 'wp-seopress' ); ?></span>
						<p class="description">
							<?php
							$url = admin_url( 'admin.php?page=seopress-titles#tab=tab_seopress_titles_single' );
								/* translators: %s: link to plugin settings page */
								echo wp_kses_post( sprintf( __( 'You cannot uncheck a parameter? This is normal, and it‘s most likely defined in the <a href="%s" class="components-button is-link">global settings of the plugin.</a>', 'wp-seopress' ), esc_url( $url ) ) );
							?>
						</p>
						<p>
							<label for="seopress_robots_index_meta">
								<input type="checkbox" name="seopress_robots_index" id="seopress_robots_index_meta"
									value="yes" <?php echo checked( $seopress_robots_index, 'yes', false ); ?>
								<?php echo esc_attr( $disabled['robots_index'] ); ?>/>
								<?php
									echo wp_kses_post( __( 'Do not display this page in search engine results / XML - HTML sitemaps <strong>(noindex)</strong>', 'wp-seopress' ) );
									echo seopress_tooltip( esc_html__( '"noindex" robots meta tag', 'wp-seopress' ), wp_kses_post( __( 'By checking this option, you will add a meta robots tag with the value "noindex". <br>Search engines will not index this URL in the search results.', 'wp-seopress' ) ), esc_html( '<meta name="robots" content="noindex" />' ) );
								?>
							</label>
						</p>
						<p>
							<label for="seopress_robots_follow_meta">
								<input type="checkbox" name="seopress_robots_follow" id="seopress_robots_follow_meta"
									value="yes" <?php echo checked( $seopress_robots_follow, 'yes', false ); ?>
								<?php echo esc_attr( $disabled['robots_follow'] ); ?>/>
								<?php
									echo wp_kses_post( __( 'Do not follow links for this page <strong>(nofollow)</strong>', 'wp-seopress' ) );
									echo seopress_tooltip( esc_html__( '"nofollow" robots meta tag', 'wp-seopress' ), wp_kses_post( __( 'By checking this option, you will add a meta robots tag with the value "nofollow". <br>Search engines will not follow links from this URL.', 'wp-seopress' ) ), esc_html( '<meta name="robots" content="nofollow" />' ) );
								?>
							</label>
						</p>
						<p>
							<label for="seopress_robots_imageindex_meta">
								<input type="checkbox" name="seopress_robots_imageindex"
									id="seopress_robots_imageindex_meta" value="yes" <?php echo checked( $seopress_robots_imageindex, 'yes', false ); ?>
								<?php echo esc_attr( $disabled['imageindex'] ); ?>/>
								<?php echo wp_kses_post( __( 'Do not index images for this page <strong>(noimageindex)</strong>', 'wp-seopress' ) ); ?>
								<?php echo seopress_tooltip( esc_html__( '"noimageindex" robots meta tag', 'wp-seopress' ), wp_kses_post( __( 'By checking this option, you will add a meta robots tag with the value "noimageindex". <br> Note that your images can always be indexed if they are linked from other pages.', 'wp-seopress' ) ), esc_html( '<meta name="robots" content="noimageindex" />' ) ); ?>
							</label>
						</p>
						<p>
							<label for="seopress_robots_snippet_meta">
								<input type="checkbox" name="seopress_robots_snippet" id="seopress_robots_snippet_meta"
									value="yes" <?php echo checked( $seopress_robots_snippet, 'yes', false ); ?>
								<?php echo esc_attr( $disabled['snippet'] ); ?>/>
								<?php echo wp_kses_post( __( 'Do not display a description in search results for this page <strong>(nosnippet)</strong>', 'wp-seopress' ) ); ?>
								<?php echo seopress_tooltip( esc_html__( '"nosnippet" robots meta tag', 'wp-seopress' ), wp_kses_post( __( 'By checking this option, you will add a meta robots tag with the value "nosnippet".', 'wp-seopress' ) ), esc_html( '<meta name="robots" content="nosnippet" />' ) ); ?>
							</label>
						</p>
						<p>
							<label for="seopress_robots_canonical_meta">
								<?php
									esc_attr_e( 'Canonical URL', 'wp-seopress' );
									echo seopress_tooltip( esc_html__( 'Canonical URL', 'wp-seopress' ), wp_kses_post( __( 'A canonical URL is the URL of the page that Google thinks is most representative from a set of duplicate pages on your site. <br>For example, if you have URLs for the same page (for example: example.com?dress=1234 and example.com/dresses/1234), Google chooses one as canonical. <br>Note that the pages do not need to be absolutely identical; minor changes in sorting or filtering of list pages do not make the page unique (for example, sorting by price or filtering by item color). The canonical can be in a different domain than a duplicate.', 'wp-seopress' ) ), esc_html( '<link rel="canonical" href="https://www.example.com/my-post-url/" />' ) );
								?>
							</label>
							<input id="seopress_robots_canonical_meta" type="text" name="seopress_robots_canonical"
								class="components-text-control__input"
								placeholder="<?php esc_html_e( 'Default value: ', 'wp-seopress' ) . htmlspecialchars( urldecode( get_permalink() ) ); ?>"
								aria-label="<?php esc_attr_e( 'Canonical URL', 'wp-seopress' ); ?>"
								value="<?php echo esc_url( $seopress_robots_canonical ); ?>" />
						</p>

							<?php
							if ( ( 'post' === $typenow || 'product' === $typenow ) && ( 'post.php' === $pagenow || 'post-new.php' === $pagenow ) ) {
								seopress_primary_category_select();
							}

							do_action( 'seopress_titles_title_tab_after', $pagenow, $data_attr );
							?>
					</div>
							<?php
						}
						if ( array_key_exists( 'social-tab', $seo_tabs ) ) {
							?>
					<div id="tabs-2">
						<div class="box-left">
							<p class="description-alt desc-fb">
								<svg width="24" height="24" viewBox="0 0 24 24" role="img" aria-hidden="true"
									focusable="false">
									<path
										d="M12 15.8c-3.7 0-6.8-3-6.8-6.8s3-6.8 6.8-6.8c3.7 0 6.8 3 6.8 6.8s-3.1 6.8-6.8 6.8zm0-12C9.1 3.8 6.8 6.1 6.8 9s2.4 5.2 5.2 5.2c2.9 0 5.2-2.4 5.2-5.2S14.9 3.8 12 3.8zM8 17.5h8V19H8zM10 20.5h4V22h-4z">
									</path>
								</svg>
								<?php esc_html_e( 'LinkedIn, Instagram, WhatsApp and Pinterest use the same social metadata as Facebook. X does the same if no X Cards tags are defined below.', 'wp-seopress' ); ?>
							</p>
							<p class="seopress-d-flex seopress-space-between">
								<span class="dashicons dashicons-facebook-alt"></span>

								<span>
									<a href="<?php echo esc_url( 'https://developers.facebook.com/tools/debug/sharing/?q=' . get_permalink( get_the_id() ) ); ?>"
										target="_blank" class="components-button is-compact is-tertiary">
										<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M19.5 4.5h-7V6h4.44l-5.97 5.97 1.06 1.06L18 7.06v4.44h1.5v-7Zm-13 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3H17v3a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h3V5.5h-3Z"></path></svg>
										<?php esc_html_e( 'Ask Facebook to update its cache', 'wp-seopress' ); ?>
									</a>
								</span>
							</p>
							<p>
								<label for="seopress_social_fb_title_meta"><?php esc_html_e( 'Facebook Title', 'wp-seopress' ); ?></label>
								<input id="seopress_social_fb_title_meta" type="text" name="seopress_social_fb_title"
									class="components-text-control__input"
									placeholder="<?php esc_html_e( 'Enter your Facebook title', 'wp-seopress' ); ?>"
									aria-label="<?php esc_html_e( 'Facebook Title', 'wp-seopress' ); ?>"
									value="<?php echo esc_html( $seopress_social_fb_title ); ?>" />
							</p>
							<p>
								<label for="seopress_social_fb_desc_meta"><?php esc_html_e( 'Facebook description', 'wp-seopress' ); ?></label>
								<textarea id="seopress_social_fb_desc_meta" name="seopress_social_fb_desc"
									class="components-text-control__textarea"
									placeholder="<?php esc_html_e( 'Enter your Facebook description', 'wp-seopress' ); ?>"
									aria-label="<?php esc_html_e( 'Facebook description', 'wp-seopress' ); ?>"><?php echo esc_html( $seopress_social_fb_desc ); ?></textarea>
							</p>
							<p>
								<label for="seopress_social_fb_img_meta">
									<?php esc_html_e( 'Facebook Thumbnail', 'wp-seopress' ); ?>
								</label>
								<input id="seopress_social_fb_img_meta" type="text" name="seopress_social_fb_img"
									class="components-text-control__input seopress_social_fb_img_meta"
									placeholder="<?php esc_html_e( 'Select your default thumbnail', 'wp-seopress' ); ?>"
									aria-label="<?php esc_html_e( 'Facebook Thumbnail', 'wp-seopress' ); ?>"
									value="<?php echo esc_html( $seopress_social_fb_img ); ?>" />
							</p>
							<p class="description">
								<?php esc_html_e( 'Minimum size: 200x200px, ideal ratio 1.91:1, 8Mb max. (e.g. 1640x856px or 3280x1712px for retina screens)', 'wp-seopress' ); ?>
							</p>
							<p>
								<input type="hidden" name="seopress_social_fb_img_attachment_id" id="seopress_social_fb_img_attachment_id" class="seopress_social_fb_img_attachment_id" value="<?php echo esc_html( $seopress_social_fb_img_attachment_id ); ?>">
								<input type="hidden" name="seopress_social_fb_img_width" id="seopress_social_fb_img_width" class="seopress_social_fb_img_width" value="<?php echo esc_html( $seopress_social_fb_img_width ); ?>">
								<input type="hidden" name="seopress_social_fb_img_height" id="seopress_social_fb_img_height" class="seopress_social_fb_img_height" value="<?php echo esc_html( $seopress_social_fb_img_height ); ?>">

								<input id="seopress_social_fb_img_upload"
									class="<?php echo esc_attr( seopress_btn_secondary_classes() ); ?>"
									type="button"
									value="<?php esc_html_e( 'Upload an Image', 'wp-seopress' ); ?>" />
							</p>
						</div>
						<div class="box-right">
							<div class="facebook-snippet-preview">
								<h3>
									<?php esc_html_e( 'Facebook Preview', 'wp-seopress' ); ?>
								</h3>
								<?php if ( '1' == seopress_get_toggle_option( 'social' ) ) { // phpcs:ignore -- TODO: null comparison check. ?>
								<p>
									<?php esc_html_e( 'This is what your post will look like in Facebook. You have to publish your post to get the Facebook Preview.', 'wp-seopress' ); ?>
								</p>
								<?php } else { ?>
								<p class="notice notice-error">
									<?php esc_html_e( 'The Social Networks feature is disabled. Still seing informations from the FB Preview? You probably have social tags added by your theme or a plugin.', 'wp-seopress' ); ?>
								</p>
								<?php } ?>
								<div class="facebook-snippet-box">
									<div class="snippet-fb-img-alert alert1" style="display:none">
										<p class="notice notice-error"><?php esc_html_e( 'File type not supported by Facebook. Please choose another image.', 'wp-seopress' ); ?>
										</p>
									</div>
									<div class="snippet-fb-img-alert alert2" style="display:none">
										<p class="notice notice-error"><?php echo wp_kses_post( __( 'Minimum size for Facebook is <strong>200x200px</strong>. Please choose another image.', 'wp-seopress' ) ); ?>
										</p>
									</div>
									<div class="snippet-fb-img-alert alert3" style="display:none">
										<p class="notice notice-error"><?php esc_html_e( 'File error. Please choose another image.', 'wp-seopress' ); ?>
										</p>
									</div>
									<div class="snippet-fb-img-alert alert4" style="display:none">
										<p class="notice notice-info"><?php esc_html_e( 'Your image ratio is: ', 'wp-seopress' ); ?><span></span>.
											<?php esc_html_e( 'The closer to 1.91 the better.', 'wp-seopress' ); ?>
										</p>
									</div>
									<div class="snippet-fb-img-alert alert5" style="display:none">
										<p class="notice notice-error"><?php esc_html_e( 'File URL is not valid.', 'wp-seopress' ); ?>
										</p>
									</div>
									<div class="snippet-fb-img-alert alert6" style="display:none">
										<p class="notice notice-warning"><?php esc_html_e( 'Your filesize is: ', 'wp-seopress' ); ?><span></span>
											<?php esc_html_e( 'This is superior to 300KB. WhatsApp will not use your image.', 'wp-seopress' ); ?>
										</p>
									</div>
									<div class="snippet-fb-img"><img src="" width="524" height="274" alt=""
											aria-label="" /><span class="seopress_social_fb_img_upload"></span></div>
									<div class="snippet-fb-img-custom" style="display:none"><img src="" width="524"
											height="274" alt="" aria-label="" /><span class="seopress_social_fb_img_upload"></span></div>
									<div class="snippet-fb-img-default" style="display:none"><img src="" width="524"
											height="274" alt="" aria-label="" /><span class="seopress_social_fb_img_upload"></span></div>
									<div class="facebook-snippet-text">
										<div class="snippet-meta">
											<div class="snippet-fb-url"></div>
											<div class="fb-sep">|</div>
											<div class="fb-by"><?php esc_html_e( 'By ', 'wp-seopress' ); ?>
											</div>
											<div class="snippet-fb-site-name"></div>
										</div>
										<div class="title-desc">
											<div class="snippet-fb-title"></div>
											<div class="snippet-fb-title-custom" style="display:none"></div>
											<?php
											global $tag;
											if ( get_the_title() ) {
												?>
											<div class="snippet-fb-title-default" style="display:none"><?php the_title(); ?> -
												<?php bloginfo( 'name' ); ?>
											</div>
											<?php } elseif ( $tag ) { ?>
											<div class="snippet-fb-title-default" style="display:none"><?php echo $tag->name; ?> -
												<?php bloginfo( 'name' ); ?>
											</div>
											<?php } ?>
											<div class="snippet-fb-description">...</div>
											<div class="snippet-fb-description-custom" style="display:none"></div>
											<div class="snippet-fb-description-default" style="display:none"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="clear"></div>
						<div class="box-left">
							<p class="seopress-d-flex seopress-space-between">
								<span class="dashicons dashicons-twitter"></span>
							</p>
							<p>
								<label for="seopress_social_twitter_title_meta"><?php esc_html_e( 'X Title', 'wp-seopress' ); ?></label>
								<input id="seopress_social_twitter_title_meta" type="text"
									class="components-text-control__input" name="seopress_social_twitter_title"
									placeholder="<?php esc_html_e( 'Enter your X title', 'wp-seopress' ); ?>"
									aria-label="<?php esc_html_e( 'X Title', 'wp-seopress' ); ?>"
									value="<?php echo esc_html( $seopress_social_twitter_title ); ?>" />
							</p>
							<p>
								<label for="seopress_social_twitter_desc_meta"><?php esc_html_e( 'X Description', 'wp-seopress' ); ?></label>
								<textarea id="seopress_social_twitter_desc_meta" name="seopress_social_twitter_desc"
									class="components-text-control__textarea"
									placeholder="<?php esc_html_e( 'Enter your X description', 'wp-seopress' ); ?>"
									aria-label="<?php esc_html_e( 'X description', 'wp-seopress' ); ?>"><?php echo esc_html( $seopress_social_twitter_desc ); ?></textarea>
							</p>
							<p>
								<label for="seopress_social_twitter_img_meta"><?php esc_html_e( 'X Thumbnail', 'wp-seopress' ); ?></label>
								<input id="seopress_social_twitter_img_meta" type="text"
									class="components-text-control__input seopress_social_twitter_img_meta" name="seopress_social_twitter_img"
									placeholder="<?php esc_html_e( 'Select your default thumbnail', 'wp-seopress' ); ?>"
									value="<?php echo esc_html( $seopress_social_twitter_img ); ?>" />
							</p>
							<p class="description">
								<?php esc_html_e( 'Minimum size: 144x144px (300x157px with large card enabled), ideal ratio 1:1 (2:1 with large card), 5Mb max.', 'wp-seopress' ); ?>
							</p>
							<p>
								<input type="hidden" name="seopress_social_twitter_img_attachment_id" id="seopress_social_twitter_img_attachment_id" class="seopress_social_twitter_img_attachment_id" value="<?php echo esc_html( $seopress_social_twitter_img_attachment_id ); ?>">
								<input type="hidden" name="seopress_social_twitter_img_width" id="seopress_social_twitter_img_width" class="seopress_social_twitter_img_width" value="<?php echo esc_html( $seopress_social_twitter_img_width ); ?>">
								<input type="hidden" name="seopress_social_twitter_img_height" id="seopress_social_twitter_img_height" class="seopress_social_twitter_img_height" value="<?php echo esc_html( $seopress_social_twitter_img_height ); ?>">

								<input id="seopress_social_twitter_img_upload"
									class="<?php echo esc_attr( seopress_btn_secondary_classes() ); ?>"
									type="button"
									aria-label="<?php esc_html_e( 'X Thumbnail', 'wp-seopress' ); ?>"
									value="<?php esc_html_e( 'Upload an Image', 'wp-seopress' ); ?>" />
							</p>
						</div>
						<div class="box-right">
							<div class="twitter-snippet-preview">
								<h3><?php esc_html_e( 'X Preview', 'wp-seopress' ); ?>
								</h3>
								<?php if ( '1' == seopress_get_toggle_option( 'social' ) ) { // phpcs:ignore -- TODO: null comparison check. ?>
								<p><?php esc_html_e( 'This is what your post will look like in X. You have to publish your post to get the X Preview.', 'wp-seopress' ); ?>
								</p>
								<?php } else { ?>
								<p class="notice notice-error"><?php esc_html_e( 'The Social Networks feature is disabled. Still seing informations from the X Preview? You probably have social tags added by your theme or a plugin.', 'wp-seopress' ); ?>
								</p>
								<?php } ?>
								<div class="twitter-snippet-box">
									<div class="snippet-twitter-img-alert alert1" style="display:none">
										<p class="notice notice-error"><?php esc_html_e( 'File type not supported by X. Please choose another image.', 'wp-seopress' ); ?>
										</p>
									</div>
									<div class="snippet-twitter-img-alert alert2" style="display:none">
										<p class="notice notice-error"><?php echo wp_kses_post( __( 'Minimum size for X is <strong>144x144px</strong>. Please choose another image.', 'wp-seopress' ) ); ?>
										</p>
									</div>
									<div class="snippet-twitter-img-alert alert3" style="display:none">
										<p class="notice notice-error"><?php esc_html_e( 'File error. Please choose another image.', 'wp-seopress' ); ?>
										</p>
									</div>
									<div class="snippet-twitter-img-alert alert4" style="display:none">
										<p class="notice notice-info"><?php esc_html_e( 'Your image ratio is: ', 'wp-seopress' ); ?><span></span>.
											<?php esc_html_e( 'The closer to 1 the better (with large card, 2 is better).', 'wp-seopress' ); ?>
										</p>
									</div>
									<div class="snippet-twitter-img-alert alert5" style="display:none">
										<p class="notice notice-error"><?php esc_html_e( 'File URL is not valid.', 'wp-seopress' ); ?>
										</p>
									</div>
									<div class="snippet-twitter-img"><img src="" width="524" height="274" alt=""
											aria-label="" /><span class="seopress_social_twitter_img_upload"></span></div>
									<div class="snippet-twitter-img-custom" style="display:none"><img src="" width="600"
											height="314" alt="" aria-label="" /><span class="seopress_social_twitter_img_upload"></span></div>
									<div class="snippet-twitter-img-default" style="display:none"><img src=""
											width="600" height="314" alt="" aria-label="" /><span class="seopress_social_twitter_img_upload"></span></div>

									<div class="twitter-snippet-text">
										<div class="title-desc">
											<div class="snippet-twitter-title"></div>
											<div class="snippet-twitter-title-custom" style="display:none"></div>
											<?php
											global $tag;
											if ( get_the_title() ) {
												?>
											<div class="snippet-twitter-title-default" style="display:none"><?php the_title(); ?> -
												<?php bloginfo( 'name' ); ?>
											</div>
											<?php } elseif ( $tag ) { ?>
											<div class="snippet-twitter-title-default" style="display:none"><?php echo $tag->name; ?> -
												<?php bloginfo( 'name' ); ?>
											</div>
											<?php } ?>
											<div class="snippet-twitter-description">...</div>
											<div class="snippet-twitter-description-custom" style="display:none"></div>
											<div class="snippet-twitter-description-default" style="display:none"></div>
										</div>
										<div class="snippet-meta">
											<div class="snippet-twitter-url"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
							<?php
						}
					}

					if ( array_key_exists( 'redirect-tab', $seo_tabs ) ) {
						$docs = seopress_get_docs_links();
						?>
					<div id="tabs-4">
						<p>
							<label for="seopress_redirections_enabled_meta" id="seopress_redirections_enabled">
								<input type="checkbox" name="seopress_redirections_enabled"
									id="seopress_redirections_enabled_meta" value="yes" <?php echo checked( $seopress_redirections_enabled, 'yes', false ); ?>
								/>
								<?php esc_html_e( 'Enable redirection?', 'wp-seopress' ); ?>
							</label>
						</p>
						<?php if ( 'seopress_404' === $typenow ) { ?>
							<p>
								<label for="seopress_redirections_enabled_regex_meta" id="seopress_redirections_enabled_regex">
									<input type="checkbox" name="seopress_redirections_enabled_regex"
										id="seopress_redirections_enabled_regex_meta" value="yes" <?php echo checked( $seopress_redirections_enabled_regex, 'yes', false ); ?>
									/>
									<?php esc_html_e( 'Regex?', 'wp-seopress' ); ?>
								</label>
							</p>
							<p class="description">
								<a href="<?php echo esc_url( $docs['redirects']['regex'] ); ?>" class="seopress-help" target="_blank"><?php esc_html_e( 'Learn how to use regular expressions', 'wp-seopress' ); ?></a>
								<span class="seopress-help dashicons dashicons-external"></span>
							</p>
						<?php } ?>
						<p>
							<label for="seopress_redirections_logged_status"><?php esc_html_e( 'Select a login status:', 'wp-seopress' ); ?></label>

							<select id="seopress_redirections_logged_status" name="seopress_redirections_logged_status">
								<option <?php echo selected( 'both', $seopress_redirections_logged_status ); ?>
									value="both"><?php esc_html_e( 'All', 'wp-seopress' ); ?>
								</option>
								<option <?php echo selected( 'only_logged_in', $seopress_redirections_logged_status ); ?>
									value="only_logged_in"><?php esc_html_e( 'Only Logged In', 'wp-seopress' ); ?>
								</option>
								<option <?php echo selected( 'only_not_logged_in', $seopress_redirections_logged_status ); ?>
									value="only_not_logged_in"><?php esc_html_e( 'Only Not Logged In', 'wp-seopress' ); ?>
								</option>
							</select>
						</p>
						<p>

							<label for="seopress_redirections_type"><?php esc_html_e( 'Select a redirection type:', 'wp-seopress' ); ?></label>

							<select id="seopress_redirections_type" name="seopress_redirections_type">
								<option <?php echo selected( '301', $seopress_redirections_type, false ); ?>
									value="301"><?php esc_html_e( '301 Moved Permanently', 'wp-seopress' ); ?>
								</option>
								<option <?php echo selected( '302', $seopress_redirections_type, false ); ?>
									value="302"><?php esc_html_e( '302 Found / Moved Temporarily', 'wp-seopress' ); ?>
								</option>
								<option <?php echo selected( '307', $seopress_redirections_type, false ); ?>
									value="307"><?php esc_html_e( '307 Moved Temporarily', 'wp-seopress' ); ?>
								</option>
								<?php if ( 'seopress_404' === $typenow ) { ?>
									<option <?php echo selected( '410', $seopress_redirections_type, false ); ?>
										value="410"><?php esc_html_e( '410 Gone', 'wp-seopress' ); ?>
									</option>
									<option <?php echo selected( '451', $seopress_redirections_type, false ); ?>
										value="451"><?php esc_html_e( '451 Unavailable For Legal Reasons', 'wp-seopress' ); ?>
									</option>
								<?php } ?>
							</select>
						</p>
						<p>
							<label for="seopress_redirections_value_meta"><?php esc_html_e( 'URL redirection', 'wp-seopress' ); ?></label>
							<input id="seopress_redirections_value_meta" type="text" name="seopress_redirections_value"
								class="components-text-control__input js-seopress_redirections_value_meta"
								placeholder="<?php esc_html_e( 'Enter your new URL in absolute (e.g. https://www.example.com/)', 'wp-seopress' ); ?>"
								aria-label="<?php esc_html_e( 'URL redirection', 'wp-seopress' ); ?>"
								value="<?php echo esc_url( $seopress_redirections_value ); ?>" />
						</p>
						<p class="description">
							<?php esc_html_e( 'Enter some keywords to auto-complete this field against your content.', 'wp-seopress' ); ?>
						</p>

						<script>
							document.addEventListener('DOMContentLoaded', function(){

								var cache = {};
								jQuery( ".js-seopress_redirections_value_meta" ).autocomplete({
									source: async function( request, response ) {
										var term = request.term;
										if ( term in cache ) {
											response( cache[ term ] );
											return;
										}

										const dataResponse = await fetch("<?php echo esc_url( rest_url() ); ?>seopress/v1/search-url?url=" + term)
										const data = await dataResponse.json();

										cache[ term ] = data.map(item => {
											return {
												label: item.post_title + " (" + item.guid + ")",
												value: item.guid
											}
										});
										response( cache[term] );
									},

									minLength: 3,
								});


							})
						</script>
						<?php if ( 'seopress_404' === $typenow ) { ?>
						<p>
							<label for="seopress_redirections_param_meta"><?php esc_html_e( 'Query parameters', 'wp-seopress' ); ?></label>
							<select name="seopress_redirections_param">
								<option <?php echo selected( 'exact_match', $seopress_redirections_param, false ); ?>
									value="exact_match"><?php esc_html_e( 'Exactly match all parameters', 'wp-seopress' ); ?>
								</option>
								<option <?php echo selected( 'without_param', $seopress_redirections_param, false ); ?>
									value="without_param"><?php esc_html_e( 'Exclude all parameters', 'wp-seopress' ); ?>
								</option>
								<option <?php echo selected( 'with_ignored_param', $seopress_redirections_param, false ); ?>
									value="with_ignored_param"><?php esc_html_e( 'Exclude all parameters and pass them to the redirection', 'wp-seopress' ); ?>
								</option>
							</select>
						</p>
						<?php } ?>
						<p>
							<?php
							if ( 'yes' === $seopress_redirections_enabled ) {
								$status_code = array( '410', '451' );
								if ( '' !== $seopress_redirections_value || in_array( $seopress_redirections_type, $status_code, true ) ) {
									if ( 'post-new.php' === $pagenow || 'post.php' === $pagenow ) {
										if ( 'seopress_404' === $typenow ) {
											$parse_url = wp_parse_url( get_home_url() );

											$home_url = get_home_url();
											if ( ! empty( $parse_url['scheme'] ) && ! empty( $parse_url['host'] ) ) {
												$home_url = $parse_url['scheme'] . '://' . $parse_url['host'];
											}

											$href = $home_url . '/' . get_the_title();
										} else {
											$href = get_the_permalink();
										}
									} elseif ( 'term.php' === $pagenow ) {
										$href = get_term_link( $term );
									} else {
										$href = get_the_permalink();
									}
									if ( isset( $seopress_redirections_enabled_regex ) && 'yes' !== $seopress_redirections_enabled_regex ) {
										?>
							<a href="<?php echo esc_url( $href ); ?>"
								id="seopress_redirections_value_default"
								class="<?php echo esc_attr( seopress_btn_secondary_classes() ); ?>"
								target="_blank">
										<?php esc_html_e( 'Test your URL', 'wp-seopress' ); ?>
							</a>
										<?php
									}
								}
							}

							if ( 'seopress_404' === $typenow ) {
								$docs = seopress_get_docs_links();
								?>
							<a href="<?php echo esc_url( $docs['redirects']['enable'] ); ?>"
								target="_blank" class="seopress-help seopress-doc">
										<?php esc_html_e( 'Need help with your redirections? Read our guide', 'wp-seopress' ); ?>
							</a>
							<span class="seopress-help dashicons dashicons-external"></span>
								<?php } ?>
						</p>
					</div>
						<?php
					}
					do_action( 'seopress_seo_metabox_after_content', $typenow, $pagenow, $data_attr, $seo_tabs );
					?>
				</div>

				<?php
				if ( 'term.php' === $pagenow || 'edit-tags.php' === $pagenow ) {
					?>
			</div>
		</div>
	</td>
</tr>
<?php } ?>
<input type="hidden" id="seo_tabs" name="seo_tabs"
	value="<?php echo htmlspecialchars( wp_json_encode( array_keys( $seo_tabs ) ) ); ?>">
