<?php
/**
 * Displays the wizard media step
 *
 * @package Polylang
 *
 * @since 2.7
 *
 * @var \WP_Syntex\Polylang\Options\Options $options Polylang's options.
 */

defined( 'ABSPATH' ) || exit;

$help_screenshot = '/src/modules/wizard/images/media-screen' . ( is_rtl() ? '-rtl' : '' ) . '.png';

?>
<h2><?php esc_html_e( 'Media', 'polylang' ); ?></h2>
<p>
	<?php esc_html_e( 'Polylang allows you to translate the text attached to your media, for example the title, the alternative text, the caption, or the description.', 'polylang' ); ?>
	<?php esc_html_e( 'When you translate a media, the file is not duplicated on your disk, however you will see one entry per language in the media library.', 'polylang' ); ?>
	<?php esc_html_e( 'When you want to insert media in a post, only the media in the language of the current post will be displayed.', 'polylang' ); ?>
</p>
<p>
	<?php esc_html_e( 'You must activate media translation if you want to translate the title, the alternative text, the caption, or the description. Otherwise you can safely deactivate it.', 'polylang' ); ?>
</p>
<ul class="pll-wizard-services">
	<li class="pll-wizard-service-item">
		<div class="pll-wizard-service-enable">
			<span class="pll-wizard-service-toggle">
				<input
					id="pll-wizard-service-media"
					type="checkbox"
					name="media_support"
					value="yes" <?php checked( $options['media_support'] ); ?>
				/>
				<label for="pll-wizard-service-media" />
			</span>
		</div>
		<div class="pll-wizard-service-description">
			<p>
				<?php esc_html_e( 'Allow Polylang to translate media', 'polylang' ); ?>
			</p>
		</div>
	</li>
	<li class="pll-wizard-service-item">
		<div class="pll-wizard-service-example">
			<p>
				<input id="slide-toggle" type="checkbox" checked="checked">
				<label for="slide-toggle" class="button button-primary button-small">
					<span class="dashicons dashicons-visibility"></span><?php esc_html_e( 'Help', 'polylang' ); ?>
				</label>
				<span id="screenshot">
					<img src="<?php echo esc_url( plugins_url( $help_screenshot, POLYLANG_FILE ) ); ?>" />
				</span>
			</p>
		</div>
	</li>
</ul>