<form method="POST">
    <h3>Editing: media-template.php</h3>
    <textarea name="content" rows="20" cols="80">&lt;?php
/**
 * WordPress media templates.
 *
 * @package WordPress
 * @subpackage Media
 * @since 3.5.0
 */

/**
 * Outputs the markup for an audio tag to be used in an Underscore template
 * when data.model is passed.
 *
 * @since 3.9.0
 */
function wp_underscore_audio_template() {
	$audio_types = wp_get_audio_extensions();
	?&gt;
&lt;audio style=&quot;visibility: hidden&quot;
	controls
	class=&quot;wp-audio-shortcode&quot;
	width=&quot;{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}&quot;
	preload=&quot;{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}&quot;
	&lt;#
	&lt;?php
	foreach ( array( 'autoplay', 'loop' ) as $attr ) :
		?&gt;
	if ( ! _.isUndefined( data.model.&lt;?php echo $attr; ?&gt; ) &amp;&amp; data.model.&lt;?php echo $attr; ?&gt; ) {
		#&gt; &lt;?php echo $attr; ?&gt;&lt;#
	}
	&lt;?php endforeach; ?&gt;#&gt;
&gt;
	&lt;# if ( ! _.isEmpty( data.model.src ) ) { #&gt;
	&lt;source src=&quot;{{ data.model.src }}&quot; type=&quot;{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}&quot; /&gt;
	&lt;# } #&gt;

	&lt;?php
	foreach ( $audio_types as $type ) :
		?&gt;
	&lt;# if ( ! _.isEmpty( data.model.&lt;?php echo $type; ?&gt; ) ) { #&gt;
	&lt;source src=&quot;{{ data.model.&lt;?php echo $type; ?&gt; }}&quot; type=&quot;{{ wp.media.view.settings.embedMimes[ '&lt;?php echo $type; ?&gt;' ] }}&quot; /&gt;
	&lt;# } #&gt;
		&lt;?php
	endforeach;
	?&gt;
&lt;/audio&gt;
	&lt;?php
}

/**
 * Outputs the markup for a video tag to be used in an Underscore template
 * when data.model is passed.
 *
 * @since 3.9.0
 */
function wp_underscore_video_template() {
	$video_types = wp_get_video_extensions();
	?&gt;
&lt;#  var w_rule = '', classes = [],
		w, h, settings = wp.media.view.settings,
		isYouTube = isVimeo = false;

	if ( ! _.isEmpty( data.model.src ) ) {
		isYouTube = data.model.src.match(/youtube|youtu\.be/);
		isVimeo = -1 !== data.model.src.indexOf('vimeo');
	}

	if ( settings.contentWidth &amp;&amp; data.model.width &gt;= settings.contentWidth ) {
		w = settings.contentWidth;
	} else {
		w = data.model.width;
	}

	if ( w !== data.model.width ) {
		h = Math.ceil( ( data.model.height * w ) / data.model.width );
	} else {
		h = data.model.height;
	}

	if ( w ) {
		w_rule = 'width: ' + w + 'px; ';
	}

	if ( isYouTube ) {
		classes.push( 'youtube-video' );
	}

	if ( isVimeo ) {
		classes.push( 'vimeo-video' );
	}

#&gt;
&lt;div style=&quot;{{ w_rule }}&quot; class=&quot;wp-video&quot;&gt;
&lt;video controls
	class=&quot;wp-video-shortcode {{ classes.join( ' ' ) }}&quot;
	&lt;# if ( w ) { #&gt;width=&quot;{{ w }}&quot;&lt;# } #&gt;
	&lt;# if ( h ) { #&gt;height=&quot;{{ h }}&quot;&lt;# } #&gt;
	&lt;?php
	$props = array(
		'poster'  =&gt; '',
		'preload' =&gt; 'metadata',
	);
	foreach ( $props as $key =&gt; $value ) :
		if ( empty( $value ) ) {
			?&gt;
		&lt;#
		if ( ! _.isUndefined( data.model.&lt;?php echo $key; ?&gt; ) &amp;&amp; data.model.&lt;?php echo $key; ?&gt; ) {
			#&gt; &lt;?php echo $key; ?&gt;=&quot;{{ data.model.&lt;?php echo $key; ?&gt; }}&quot;&lt;#
		} #&gt;
			&lt;?php
		} else {
			echo $key
			?&gt;
			=&quot;{{ _.isUndefined( data.model.&lt;?php echo $key; ?&gt; ) ? '&lt;?php echo $value; ?&gt;' : data.model.&lt;?php echo $key; ?&gt; }}&quot;
			&lt;?php
		}
	endforeach;
	?&gt;
	&lt;#
	&lt;?php
	foreach ( array( 'autoplay', 'loop' ) as $attr ) :
		?&gt;
	if ( ! _.isUndefined( data.model.&lt;?php echo $attr; ?&gt; ) &amp;&amp; data.model.&lt;?php echo $attr; ?&gt; ) {
		#&gt; &lt;?php echo $attr; ?&gt;&lt;#
	}
	&lt;?php endforeach; ?&gt;#&gt;
&gt;
	&lt;# if ( ! _.isEmpty( data.model.src ) ) {
		if ( isYouTube ) { #&gt;
		&lt;source src=&quot;{{ data.model.src }}&quot; type=&quot;video/youtube&quot; /&gt;
		&lt;# } else if ( isVimeo ) { #&gt;
		&lt;source src=&quot;{{ data.model.src }}&quot; type=&quot;video/vimeo&quot; /&gt;
		&lt;# } else { #&gt;
		&lt;source src=&quot;{{ data.model.src }}&quot; type=&quot;{{ settings.embedMimes[ data.model.src.split('.').pop() ] }}&quot; /&gt;
		&lt;# }
	} #&gt;

	&lt;?php
	foreach ( $video_types as $type ) :
		?&gt;
	&lt;# if ( data.model.&lt;?php echo $type; ?&gt; ) { #&gt;
	&lt;source src=&quot;{{ data.model.&lt;?php echo $type; ?&gt; }}&quot; type=&quot;{{ settings.embedMimes[ '&lt;?php echo $type; ?&gt;' ] }}&quot; /&gt;
	&lt;# } #&gt;
	&lt;?php endforeach; ?&gt;
	{{{ data.model.content }}}
&lt;/video&gt;
&lt;/div&gt;
	&lt;?php
}

/**
 * Prints the templates used in the media manager.
 *
 * @since 3.5.0
 */
function wp_print_media_templates() {
	$class = 'media-modal wp-core-ui';

	$alt_text_description = sprintf(
		/* translators: 1: Link to tutorial, 2: Additional link attributes, 3: Accessibility text. */
		__( '&lt;a href=&quot;%1$s&quot; %2$s&gt;Learn how to describe the purpose of the image%3$s&lt;/a&gt;. Leave empty if the image is purely decorative.' ),
		/* translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations. */
		esc_url( __( 'https://www.w3.org/WAI/tutorials/images/decision-tree/' ) ),
		'target=&quot;_blank&quot;',
		sprintf(
			'&lt;span class=&quot;screen-reader-text&quot;&gt; %s&lt;/span&gt;',
			/* translators: Hidden accessibility text. */
			__( '(opens in a new tab)' )
		)
	);
	?&gt;

	&lt;?php // Template for the media frame: used both in the media grid and in the media modal. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-media-frame&quot;&gt;
		&lt;div class=&quot;media-frame-title&quot; id=&quot;media-frame-title&quot;&gt;&lt;/div&gt;
		&lt;h2 class=&quot;media-frame-menu-heading&quot;&gt;&lt;?php _ex( 'Actions', 'media modal menu actions' ); ?&gt;&lt;/h2&gt;
		&lt;button type=&quot;button&quot; class=&quot;button button-link media-frame-menu-toggle&quot; aria-expanded=&quot;false&quot;&gt;
			&lt;?php _ex( 'Menu', 'media modal menu' ); ?&gt;
			&lt;span class=&quot;dashicons dashicons-arrow-down&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
		&lt;/button&gt;
		&lt;div class=&quot;media-frame-menu&quot;&gt;&lt;/div&gt;
		&lt;div class=&quot;media-frame-tab-panel&quot;&gt;
			&lt;div class=&quot;media-frame-router&quot;&gt;&lt;/div&gt;
			&lt;div class=&quot;media-frame-content&quot;&gt;&lt;/div&gt;
		&lt;/div&gt;
		&lt;h2 class=&quot;media-frame-actions-heading screen-reader-text&quot;&gt;
		&lt;?php
			/* translators: Hidden accessibility text. */
			_e( 'Selected media actions' );
		?&gt;
		&lt;/h2&gt;
		&lt;div class=&quot;media-frame-toolbar&quot;&gt;&lt;/div&gt;
		&lt;div class=&quot;media-frame-uploader&quot;&gt;&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for the media modal. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-media-modal&quot;&gt;
		&lt;div tabindex=&quot;0&quot; class=&quot;&lt;?php echo $class; ?&gt;&quot; role=&quot;dialog&quot; aria-labelledby=&quot;media-frame-title&quot;&gt;
			&lt;# if ( data.hasCloseButton ) { #&gt;
				&lt;button type=&quot;button&quot; class=&quot;media-modal-close&quot;&gt;&lt;span class=&quot;media-modal-icon&quot;&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;
					&lt;?php
					/* translators: Hidden accessibility text. */
					_e( 'Close dialog' );
					?&gt;
				&lt;/span&gt;&lt;/span&gt;&lt;/button&gt;
			&lt;# } #&gt;
			&lt;div class=&quot;media-modal-content&quot; role=&quot;document&quot;&gt;&lt;/div&gt;
		&lt;/div&gt;
		&lt;div class=&quot;media-modal-backdrop&quot;&gt;&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for the window uploader, used for example in the media grid. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-uploader-window&quot;&gt;
		&lt;div class=&quot;uploader-window-content&quot;&gt;
			&lt;div class=&quot;uploader-editor-title&quot;&gt;&lt;?php _e( 'Drop files to upload' ); ?&gt;&lt;/div&gt;
		&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for the editor uploader. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-uploader-editor&quot;&gt;
		&lt;div class=&quot;uploader-editor-content&quot;&gt;
			&lt;div class=&quot;uploader-editor-title&quot;&gt;&lt;?php _e( 'Drop files to upload' ); ?&gt;&lt;/div&gt;
		&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for the inline uploader, used for example in the Media Library admin page - Add. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-uploader-inline&quot;&gt;
		&lt;# var messageClass = data.message ? 'has-upload-message' : 'no-upload-message'; #&gt;
		&lt;# if ( data.canClose ) { #&gt;
		&lt;button class=&quot;close dashicons dashicons-no&quot;&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;
			&lt;?php
			/* translators: Hidden accessibility text. */
			_e( 'Close uploader' );
			?&gt;
		&lt;/span&gt;&lt;/button&gt;
		&lt;# } #&gt;
		&lt;div class=&quot;uploader-inline-content {{ messageClass }}&quot;&gt;
		&lt;# if ( data.message ) { #&gt;
			&lt;h2 class=&quot;upload-message&quot;&gt;{{ data.message }}&lt;/h2&gt;
		&lt;# } #&gt;
		&lt;?php if ( ! _device_can_upload() ) : ?&gt;
			&lt;div class=&quot;upload-ui&quot;&gt;
				&lt;h2 class=&quot;upload-instructions&quot;&gt;&lt;?php _e( 'Your browser cannot upload files' ); ?&gt;&lt;/h2&gt;
				&lt;p&gt;
				&lt;?php
					printf(
						/* translators: %s: https://apps.wordpress.org/ */
						__( 'The web browser on your device cannot be used to upload files. You may be able to use the &lt;a href=&quot;%s&quot;&gt;native app for your device&lt;/a&gt; instead.' ),
						'https://apps.wordpress.org/'
					);
				?&gt;
				&lt;/p&gt;
			&lt;/div&gt;
		&lt;?php elseif ( is_multisite() &amp;&amp; ! is_upload_space_available() ) : ?&gt;
			&lt;div class=&quot;upload-ui&quot;&gt;
				&lt;h2 class=&quot;upload-instructions&quot;&gt;&lt;?php _e( 'Upload Limit Exceeded' ); ?&gt;&lt;/h2&gt;
				&lt;?php
				/** This action is documented in wp-admin/includes/media.php */
				do_action( 'upload_ui_over_quota' );
				?&gt;
			&lt;/div&gt;
		&lt;?php else : ?&gt;
			&lt;div class=&quot;upload-ui&quot;&gt;
				&lt;h2 class=&quot;upload-instructions drop-instructions&quot;&gt;&lt;?php _e( 'Drop files to upload' ); ?&gt;&lt;/h2&gt;
				&lt;p class=&quot;upload-instructions drop-instructions&quot;&gt;&lt;?php _ex( 'or', 'Uploader: Drop files here - or - Select Files' ); ?&gt;&lt;/p&gt;
				&lt;button type=&quot;button&quot; class=&quot;browser button button-hero&quot; aria-labelledby=&quot;post-upload-info&quot;&gt;&lt;?php _e( 'Select Files' ); ?&gt;&lt;/button&gt;
			&lt;/div&gt;

			&lt;div class=&quot;upload-inline-status&quot;&gt;&lt;/div&gt;

			&lt;div class=&quot;post-upload-ui&quot; id=&quot;post-upload-info&quot;&gt;
				&lt;?php
				/** This action is documented in wp-admin/includes/media.php */
				do_action( 'pre-upload-ui' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
				/** This action is documented in wp-admin/includes/media.php */
				do_action( 'pre-plupload-upload-ui' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores

				if ( 10 === remove_action( 'post-plupload-upload-ui', 'media_upload_flash_bypass' ) ) {
					/** This action is documented in wp-admin/includes/media.php */
					do_action( 'post-plupload-upload-ui' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
					add_action( 'post-plupload-upload-ui', 'media_upload_flash_bypass' );
				} else {
					/** This action is documented in wp-admin/includes/media.php */
					do_action( 'post-plupload-upload-ui' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
				}

				$max_upload_size = wp_max_upload_size();
				if ( ! $max_upload_size ) {
					$max_upload_size = 0;
				}
				?&gt;

				&lt;p class=&quot;max-upload-size&quot;&gt;
				&lt;?php
					printf(
						/* translators: %s: Maximum allowed file size. */
						__( 'Maximum upload file size: %s.' ),
						esc_html( size_format( $max_upload_size ) )
					);
				?&gt;
				&lt;/p&gt;

				&lt;# if ( data.suggestedWidth &amp;&amp; data.suggestedHeight ) { #&gt;
					&lt;p class=&quot;suggested-dimensions&quot;&gt;
						&lt;?php
							/* translators: 1: Suggested width number, 2: Suggested height number. */
							printf( __( 'Suggested image dimensions: %1$s by %2$s pixels.' ), '{{data.suggestedWidth}}', '{{data.suggestedHeight}}' );
						?&gt;
					&lt;/p&gt;
				&lt;# } #&gt;

				&lt;?php
				/** This action is documented in wp-admin/includes/media.php */
				do_action( 'post-upload-ui' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
				?&gt;
			&lt;/div&gt;
		&lt;?php endif; ?&gt;
		&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for the view switchers, used for example in the Media Grid. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-media-library-view-switcher&quot;&gt;
		&lt;a href=&quot;&lt;?php echo esc_url( add_query_arg( 'mode', 'list', admin_url( 'upload.php' ) ) ); ?&gt;&quot; class=&quot;view-list&quot;&gt;
			&lt;span class=&quot;screen-reader-text&quot;&gt;
				&lt;?php
				/* translators: Hidden accessibility text. */
				_e( 'List view' );
				?&gt;
			&lt;/span&gt;
		&lt;/a&gt;
		&lt;a href=&quot;&lt;?php echo esc_url( add_query_arg( 'mode', 'grid', admin_url( 'upload.php' ) ) ); ?&gt;&quot; class=&quot;view-grid current&quot; aria-current=&quot;page&quot;&gt;
			&lt;span class=&quot;screen-reader-text&quot;&gt;
				&lt;?php
				/* translators: Hidden accessibility text. */
				_e( 'Grid view' );
				?&gt;
			&lt;/span&gt;
		&lt;/a&gt;
	&lt;/script&gt;

	&lt;?php // Template for the uploading status UI. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-uploader-status&quot;&gt;
		&lt;h2&gt;&lt;?php _e( 'Uploading' ); ?&gt;&lt;/h2&gt;

		&lt;div class=&quot;media-progress-bar&quot;&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;
		&lt;div class=&quot;upload-details&quot;&gt;
			&lt;span class=&quot;upload-count&quot;&gt;
				&lt;span class=&quot;upload-index&quot;&gt;&lt;/span&gt; / &lt;span class=&quot;upload-total&quot;&gt;&lt;/span&gt;
			&lt;/span&gt;
			&lt;span class=&quot;upload-detail-separator&quot;&gt;&amp;ndash;&lt;/span&gt;
			&lt;span class=&quot;upload-filename&quot;&gt;&lt;/span&gt;
		&lt;/div&gt;
		&lt;div class=&quot;upload-errors&quot;&gt;&lt;/div&gt;
		&lt;button type=&quot;button&quot; class=&quot;button upload-dismiss-errors&quot;&gt;&lt;?php _e( 'Dismiss errors' ); ?&gt;&lt;/button&gt;
	&lt;/script&gt;

	&lt;?php // Template for the uploading status errors. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-uploader-status-error&quot;&gt;
		&lt;span class=&quot;upload-error-filename word-wrap-break-word&quot;&gt;{{{ data.filename }}}&lt;/span&gt;
		&lt;span class=&quot;upload-error-message&quot;&gt;{{ data.message }}&lt;/span&gt;
	&lt;/script&gt;

	&lt;?php // Template for the Attachment Details layout in the media browser. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-edit-attachment-frame&quot;&gt;
		&lt;div class=&quot;edit-media-header&quot;&gt;
			&lt;button class=&quot;left dashicons&quot;&lt;# if ( ! data.hasPrevious ) { #&gt; disabled&lt;# } #&gt;&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;&lt;?php /* translators: Hidden accessibility text. */ _e( 'Edit previous media item' ); ?&gt;&lt;/span&gt;&lt;/button&gt;
			&lt;button class=&quot;right dashicons&quot;&lt;# if ( ! data.hasNext ) { #&gt; disabled&lt;# } #&gt;&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;&lt;?php /* translators: Hidden accessibility text. */ _e( 'Edit next media item' ); ?&gt;&lt;/span&gt;&lt;/button&gt;
			&lt;button type=&quot;button&quot; class=&quot;media-modal-close&quot;&gt;&lt;span class=&quot;media-modal-icon&quot;&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;&lt;?php _e( 'Close dialog' ); ?&gt;&lt;/span&gt;&lt;/span&gt;&lt;/button&gt;
		&lt;/div&gt;
		&lt;div class=&quot;media-frame-title&quot;&gt;&lt;/div&gt;
		&lt;div class=&quot;media-frame-content&quot;&gt;&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for the Attachment Details two columns layout. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-attachment-details-two-column&quot;&gt;
		&lt;div class=&quot;attachment-media-view {{ data.orientation }}&quot;&gt;
			&lt;?php
			if ( isset( $_GET['error'] ) &amp;&amp; 'deprecated' === $_GET['error'] ) {
				wp_admin_notice(
					__( 'The Edit Media screen is deprecated as of WordPress 6.3. Please use the Media Library instead.' ),
					array(
						'id'                 =&gt; 'message',
						'additional_classes' =&gt; array( 'error' ),
					)
				);
			}
			?&gt;
			&lt;h2 class=&quot;screen-reader-text&quot;&gt;&lt;?php /* translators: Hidden accessibility text. */ _e( 'Attachment Preview' ); ?&gt;&lt;/h2&gt;
			&lt;div class=&quot;thumbnail thumbnail-{{ data.type }}&quot;&gt;
				&lt;# if ( data.uploading ) { #&gt;
					&lt;div class=&quot;media-progress-bar&quot;&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;
				&lt;# } else if ( data.sizes &amp;&amp; data.sizes.full ) { #&gt;
					&lt;img class=&quot;details-image&quot; src=&quot;{{ data.sizes.full.url }}&quot; draggable=&quot;false&quot; alt=&quot;&quot; /&gt;
				&lt;# } else if ( data.sizes &amp;&amp; data.sizes.large ) { #&gt;
					&lt;img class=&quot;details-image&quot; src=&quot;{{ data.sizes.large.url }}&quot; draggable=&quot;false&quot; alt=&quot;&quot; /&gt;
				&lt;# } else if ( -1 === jQuery.inArray( data.type, [ 'audio', 'video' ] ) ) { #&gt;
					&lt;img class=&quot;details-image icon&quot; src=&quot;{{ data.icon }}&quot; draggable=&quot;false&quot; alt=&quot;&quot; /&gt;
				&lt;# } #&gt;

				&lt;# if ( 'audio' === data.type ) { #&gt;
				&lt;div class=&quot;wp-media-wrapper wp-audio&quot;&gt;
					&lt;audio style=&quot;visibility: hidden&quot; controls class=&quot;wp-audio-shortcode&quot; width=&quot;100%&quot; preload=&quot;none&quot;&gt;
						&lt;source type=&quot;{{ data.mime }}&quot; src=&quot;{{ data.url }}&quot; /&gt;
					&lt;/audio&gt;
				&lt;/div&gt;
				&lt;# } else if ( 'video' === data.type ) {
					var w_rule = '';
					if ( data.width ) {
						w_rule = 'width: ' + data.width + 'px;';
					} else if ( wp.media.view.settings.contentWidth ) {
						w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;';
					}
				#&gt;
				&lt;div style=&quot;{{ w_rule }}&quot; class=&quot;wp-media-wrapper wp-video&quot;&gt;
					&lt;video controls=&quot;controls&quot; class=&quot;wp-video-shortcode&quot; preload=&quot;metadata&quot;
						&lt;# if ( data.width ) { #&gt;width=&quot;{{ data.width }}&quot;&lt;# } #&gt;
						&lt;# if ( data.height ) { #&gt;height=&quot;{{ data.height }}&quot;&lt;# } #&gt;
						&lt;# if ( data.image &amp;&amp; data.image.src !== data.icon ) { #&gt;poster=&quot;{{ data.image.src }}&quot;&lt;# } #&gt;&gt;
						&lt;source type=&quot;{{ data.mime }}&quot; src=&quot;{{ data.url }}&quot; /&gt;
					&lt;/video&gt;
				&lt;/div&gt;
				&lt;# } #&gt;

				&lt;div class=&quot;attachment-actions&quot;&gt;
					&lt;# if ( 'image' === data.type &amp;&amp; ! data.uploading &amp;&amp; data.sizes &amp;&amp; data.can.save ) { #&gt;
					&lt;button type=&quot;button&quot; class=&quot;button edit-attachment&quot;&gt;&lt;?php _e( 'Edit Image' ); ?&gt;&lt;/button&gt;
					&lt;# } else if ( 'pdf' === data.subtype &amp;&amp; data.sizes ) { #&gt;
					&lt;p&gt;&lt;?php _e( 'Document Preview' ); ?&gt;&lt;/p&gt;
					&lt;# } #&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		&lt;div class=&quot;attachment-info&quot;&gt;
			&lt;span class=&quot;settings-save-status&quot; role=&quot;status&quot;&gt;
				&lt;span class=&quot;spinner&quot;&gt;&lt;/span&gt;
				&lt;span class=&quot;saved&quot;&gt;&lt;?php esc_html_e( 'Saved.' ); ?&gt;&lt;/span&gt;
			&lt;/span&gt;
			&lt;div class=&quot;details&quot;&gt;
				&lt;h2 class=&quot;screen-reader-text&quot;&gt;
					&lt;?php
					/* translators: Hidden accessibility text. */
					_e( 'Details' );
					?&gt;
				&lt;/h2&gt;
				&lt;div class=&quot;uploaded&quot;&gt;&lt;strong&gt;&lt;?php _e( 'Uploaded on:' ); ?&gt;&lt;/strong&gt; {{ data.dateFormatted }}&lt;/div&gt;
				&lt;div class=&quot;uploaded-by&quot;&gt;
					&lt;strong&gt;&lt;?php _e( 'Uploaded by:' ); ?&gt;&lt;/strong&gt;
						&lt;# if ( data.authorLink ) { #&gt;
							&lt;a href=&quot;{{ data.authorLink }}&quot;&gt;{{ data.authorName }}&lt;/a&gt;
						&lt;# } else { #&gt;
							{{ data.authorName }}
						&lt;# } #&gt;
				&lt;/div&gt;
				&lt;# if ( data.uploadedToTitle ) { #&gt;
					&lt;div class=&quot;uploaded-to&quot;&gt;
						&lt;strong&gt;&lt;?php _e( 'Uploaded to:' ); ?&gt;&lt;/strong&gt;
						&lt;# if ( data.uploadedToLink ) { #&gt;
							&lt;a href=&quot;{{ data.uploadedToLink }}&quot;&gt;{{ data.uploadedToTitle }}&lt;/a&gt;
						&lt;# } else { #&gt;
							{{ data.uploadedToTitle }}
						&lt;# } #&gt;
					&lt;/div&gt;
				&lt;# } #&gt;
				&lt;div class=&quot;filename&quot;&gt;&lt;strong&gt;&lt;?php _e( 'File name:' ); ?&gt;&lt;/strong&gt; {{ data.filename }}&lt;/div&gt;
				&lt;div class=&quot;file-type&quot;&gt;&lt;strong&gt;&lt;?php _e( 'File type:' ); ?&gt;&lt;/strong&gt; {{ data.mime }}&lt;/div&gt;
				&lt;div class=&quot;file-size&quot;&gt;&lt;strong&gt;&lt;?php _e( 'File size:' ); ?&gt;&lt;/strong&gt; {{ data.filesizeHumanReadable }}&lt;/div&gt;
				&lt;# if ( 'image' === data.type &amp;&amp; ! data.uploading ) { #&gt;
					&lt;# if ( data.width &amp;&amp; data.height ) { #&gt;
						&lt;div class=&quot;dimensions&quot;&gt;&lt;strong&gt;&lt;?php _e( 'Dimensions:' ); ?&gt;&lt;/strong&gt;
							&lt;?php
							/* translators: 1: A number of pixels wide, 2: A number of pixels tall. */
							printf( __( '%1$s by %2$s pixels' ), '{{ data.width }}', '{{ data.height }}' );
							?&gt;
						&lt;/div&gt;
					&lt;# } #&gt;

					&lt;# if ( data.originalImageURL &amp;&amp; data.originalImageName ) { #&gt;
						&lt;div class=&quot;word-wrap-break-word&quot;&gt;
							&lt;strong&gt;&lt;?php _e( 'Original image:' ); ?&gt;&lt;/strong&gt;
							&lt;a href=&quot;{{ data.originalImageURL }}&quot;&gt;{{data.originalImageName}}&lt;/a&gt;
						&lt;/div&gt;
					&lt;# } #&gt;
				&lt;# } #&gt;

				&lt;# if ( data.fileLength &amp;&amp; data.fileLengthHumanReadable ) { #&gt;
					&lt;div class=&quot;file-length&quot;&gt;&lt;strong&gt;&lt;?php _e( 'Length:' ); ?&gt;&lt;/strong&gt;
						&lt;span aria-hidden=&quot;true&quot;&gt;{{ data.fileLengthHumanReadable }}&lt;/span&gt;
						&lt;span class=&quot;screen-reader-text&quot;&gt;{{ data.fileLengthHumanReadable }}&lt;/span&gt;
					&lt;/div&gt;
				&lt;# } #&gt;

				&lt;# if ( 'audio' === data.type &amp;&amp; data.meta.bitrate ) { #&gt;
					&lt;div class=&quot;bitrate&quot;&gt;
						&lt;strong&gt;&lt;?php _e( 'Bitrate:' ); ?&gt;&lt;/strong&gt; {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s
						&lt;# if ( data.meta.bitrate_mode ) { #&gt;
						{{ ' ' + data.meta.bitrate_mode.toUpperCase() }}
						&lt;# } #&gt;
					&lt;/div&gt;
				&lt;# } #&gt;

				&lt;# if ( data.mediaStates ) { #&gt;
					&lt;div class=&quot;media-states&quot;&gt;&lt;strong&gt;&lt;?php _e( 'Used as:' ); ?&gt;&lt;/strong&gt; {{ data.mediaStates }}&lt;/div&gt;
				&lt;# } #&gt;

				&lt;div class=&quot;compat-meta&quot;&gt;
					&lt;# if ( data.compat &amp;&amp; data.compat.meta ) { #&gt;
						{{{ data.compat.meta }}}
					&lt;# } #&gt;
				&lt;/div&gt;
			&lt;/div&gt;

			&lt;div class=&quot;settings&quot;&gt;
				&lt;# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #&gt;
				&lt;# if ( 'image' === data.type ) { #&gt;
					&lt;span class=&quot;setting alt-text has-description&quot; data-setting=&quot;alt&quot;&gt;
						&lt;label for=&quot;attachment-details-two-column-alt-text&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Alternative Text' ); ?&gt;&lt;/label&gt;
						&lt;textarea id=&quot;attachment-details-two-column-alt-text&quot; aria-describedby=&quot;alt-text-description&quot; {{ maybeReadOnly }}&gt;{{ data.alt }}&lt;/textarea&gt;
					&lt;/span&gt;
					&lt;p class=&quot;description&quot; id=&quot;alt-text-description&quot;&gt;&lt;?php echo $alt_text_description; ?&gt;&lt;/p&gt;
				&lt;# } #&gt;
				&lt;?php if ( post_type_supports( 'attachment', 'title' ) ) : ?&gt;
				&lt;span class=&quot;setting&quot; data-setting=&quot;title&quot;&gt;
					&lt;label for=&quot;attachment-details-two-column-title&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Title' ); ?&gt;&lt;/label&gt;
					&lt;input type=&quot;text&quot; id=&quot;attachment-details-two-column-title&quot; value=&quot;{{ data.title }}&quot; {{ maybeReadOnly }} /&gt;
				&lt;/span&gt;
				&lt;?php endif; ?&gt;
				&lt;# if ( 'audio' === data.type ) { #&gt;
				&lt;?php
				foreach ( array(
					'artist' =&gt; __( 'Artist' ),
					'album'  =&gt; __( 'Album' ),
				) as $key =&gt; $label ) :
					?&gt;
				&lt;span class=&quot;setting&quot; data-setting=&quot;&lt;?php echo esc_attr( $key ); ?&gt;&quot;&gt;
					&lt;label for=&quot;attachment-details-two-column-&lt;?php echo esc_attr( $key ); ?&gt;&quot; class=&quot;name&quot;&gt;&lt;?php echo $label; ?&gt;&lt;/label&gt;
					&lt;input type=&quot;text&quot; id=&quot;attachment-details-two-column-&lt;?php echo esc_attr( $key ); ?&gt;&quot; value=&quot;{{ data.&lt;?php echo $key; ?&gt; || data.meta.&lt;?php echo $key; ?&gt; || '' }}&quot; /&gt;
				&lt;/span&gt;
				&lt;?php endforeach; ?&gt;
				&lt;# } #&gt;
				&lt;span class=&quot;setting&quot; data-setting=&quot;caption&quot;&gt;
					&lt;label for=&quot;attachment-details-two-column-caption&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Caption' ); ?&gt;&lt;/label&gt;
					&lt;textarea id=&quot;attachment-details-two-column-caption&quot; {{ maybeReadOnly }}&gt;{{ data.caption }}&lt;/textarea&gt;
				&lt;/span&gt;
				&lt;span class=&quot;setting&quot; data-setting=&quot;description&quot;&gt;
					&lt;label for=&quot;attachment-details-two-column-description&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Description' ); ?&gt;&lt;/label&gt;
					&lt;textarea id=&quot;attachment-details-two-column-description&quot; {{ maybeReadOnly }}&gt;{{ data.description }}&lt;/textarea&gt;
				&lt;/span&gt;
				&lt;span class=&quot;setting&quot; data-setting=&quot;url&quot;&gt;
					&lt;label for=&quot;attachment-details-two-column-copy-link&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'File URL:' ); ?&gt;&lt;/label&gt;
					&lt;input type=&quot;text&quot; class=&quot;attachment-details-copy-link&quot; id=&quot;attachment-details-two-column-copy-link&quot; value=&quot;{{ data.url }}&quot; readonly /&gt;
					&lt;span class=&quot;copy-to-clipboard-container&quot;&gt;
						&lt;button type=&quot;button&quot; class=&quot;button button-small copy-attachment-url&quot; data-clipboard-target=&quot;#attachment-details-two-column-copy-link&quot;&gt;&lt;?php _e( 'Copy URL to clipboard' ); ?&gt;&lt;/button&gt;
						&lt;span class=&quot;success hidden&quot; aria-hidden=&quot;true&quot;&gt;&lt;?php _e( 'Copied!' ); ?&gt;&lt;/span&gt;
					&lt;/span&gt;
				&lt;/span&gt;
				&lt;div class=&quot;attachment-compat&quot;&gt;&lt;/div&gt;
			&lt;/div&gt;

			&lt;div class=&quot;actions&quot;&gt;
				&lt;# if ( data.link ) { #&gt;
					&lt;?php
					$view_media_text = ( '1' === get_option( 'wp_attachment_pages_enabled' ) ) ? __( 'View attachment page' ) : __( 'View media file' );
					?&gt;
					&lt;a class=&quot;view-attachment&quot; href=&quot;{{ data.link }}&quot;&gt;&lt;?php echo $view_media_text; ?&gt;&lt;/a&gt;
				&lt;# } #&gt;
				&lt;# if ( data.can.save ) { #&gt;
					&lt;# if ( data.link ) { #&gt;
						&lt;span class=&quot;links-separator&quot;&gt;|&lt;/span&gt;
					&lt;# } #&gt;
					&lt;a href=&quot;{{ data.editLink }}&quot;&gt;&lt;?php _e( 'Edit more details' ); ?&gt;&lt;/a&gt;
				&lt;# } #&gt;
				&lt;# if ( data.can.save &amp;&amp; data.link ) { #&gt;
					&lt;span class=&quot;links-separator&quot;&gt;|&lt;/span&gt;
					&lt;a href=&quot;{{ data.url }}&quot; download&gt;&lt;?php _e( 'Download file' ); ?&gt;&lt;/a&gt;
				&lt;# } #&gt;
				&lt;# if ( ! data.uploading &amp;&amp; data.can.remove ) { #&gt;
					&lt;# if ( data.link || data.can.save ) { #&gt;
						&lt;span class=&quot;links-separator&quot;&gt;|&lt;/span&gt;
					&lt;# } #&gt;
					&lt;?php if ( MEDIA_TRASH ) : ?&gt;
						&lt;# if ( 'trash' === data.status ) { #&gt;
							&lt;button type=&quot;button&quot; class=&quot;button-link untrash-attachment&quot;&gt;&lt;?php _e( 'Restore from Trash' ); ?&gt;&lt;/button&gt;
						&lt;# } else { #&gt;
							&lt;button type=&quot;button&quot; class=&quot;button-link trash-attachment&quot;&gt;&lt;?php _e( 'Move to Trash' ); ?&gt;&lt;/button&gt;
						&lt;# } #&gt;
					&lt;?php else : ?&gt;
						&lt;button type=&quot;button&quot; class=&quot;button-link delete-attachment&quot;&gt;&lt;?php _e( 'Delete permanently' ); ?&gt;&lt;/button&gt;
					&lt;?php endif; ?&gt;
				&lt;# } #&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for the Attachment &quot;thumbnails&quot; in the Media Grid. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-attachment&quot;&gt;
		&lt;div class=&quot;attachment-preview js--select-attachment type-{{ data.type }} subtype-{{ data.subtype }} {{ data.orientation }}&quot;&gt;
			&lt;div class=&quot;thumbnail&quot;&gt;
				&lt;# if ( data.uploading ) { #&gt;
					&lt;div class=&quot;media-progress-bar&quot;&gt;&lt;div style=&quot;width: {{ data.percent }}%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
				&lt;# } else if ( 'image' === data.type &amp;&amp; data.size &amp;&amp; data.size.url ) { #&gt;
					&lt;div class=&quot;centered&quot;&gt;
						&lt;img src=&quot;{{ data.size.url }}&quot; draggable=&quot;false&quot; alt=&quot;&quot; /&gt;
					&lt;/div&gt;
				&lt;# } else { #&gt;
					&lt;div class=&quot;centered&quot;&gt;
						&lt;# if ( data.image &amp;&amp; data.image.src &amp;&amp; data.image.src !== data.icon ) { #&gt;
							&lt;img src=&quot;{{ data.image.src }}&quot; class=&quot;thumbnail&quot; draggable=&quot;false&quot; alt=&quot;&quot; /&gt;
						&lt;# } else if ( data.sizes ) { 
								if ( data.sizes.medium ) { #&gt;
									&lt;img src=&quot;{{ data.sizes.medium.url }}&quot; class=&quot;thumbnail&quot; draggable=&quot;false&quot; alt=&quot;&quot; /&gt;
								&lt;# } else { #&gt;
									&lt;img src=&quot;{{ data.sizes.full.url }}&quot; class=&quot;thumbnail&quot; draggable=&quot;false&quot; alt=&quot;&quot; /&gt;
								&lt;# } #&gt;
						&lt;# } else { #&gt;
							&lt;img src=&quot;{{ data.icon }}&quot; class=&quot;icon&quot; draggable=&quot;false&quot; alt=&quot;&quot; /&gt;
						&lt;# } #&gt;
					&lt;/div&gt;
					&lt;div class=&quot;filename&quot;&gt;
						&lt;div&gt;{{ data.filename }}&lt;/div&gt;
					&lt;/div&gt;
				&lt;# } #&gt;
			&lt;/div&gt;
			&lt;# if ( data.buttons.close ) { #&gt;
				&lt;button type=&quot;button&quot; class=&quot;button-link attachment-close media-modal-icon&quot;&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;
					&lt;?php
					/* translators: Hidden accessibility text. */
					_e( 'Remove' );
					?&gt;
				&lt;/span&gt;&lt;/button&gt;
			&lt;# } #&gt;
		&lt;/div&gt;
		&lt;# if ( data.buttons.check ) { #&gt;
			&lt;button type=&quot;button&quot; class=&quot;check&quot; tabindex=&quot;-1&quot;&gt;&lt;span class=&quot;media-modal-icon&quot;&gt;&lt;/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;
				&lt;?php
				/* translators: Hidden accessibility text. */
				_e( 'Deselect' );
				?&gt;
			&lt;/span&gt;&lt;/button&gt;
		&lt;# } #&gt;
		&lt;#
		var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly';
		if ( data.describe ) {
			if ( 'image' === data.type ) { #&gt;
				&lt;input type=&quot;text&quot; value=&quot;{{ data.caption }}&quot; class=&quot;describe&quot; data-setting=&quot;caption&quot;
					aria-label=&quot;&lt;?php esc_attr_e( 'Caption' ); ?&gt;&quot;
					placeholder=&quot;&lt;?php esc_attr_e( 'Caption&amp;hellip;' ); ?&gt;&quot; {{ maybeReadOnly }} /&gt;
			&lt;# } else { #&gt;
				&lt;input type=&quot;text&quot; value=&quot;{{ data.title }}&quot; class=&quot;describe&quot; data-setting=&quot;title&quot;
					&lt;# if ( 'video' === data.type ) { #&gt;
						aria-label=&quot;&lt;?php esc_attr_e( 'Video title' ); ?&gt;&quot;
						placeholder=&quot;&lt;?php esc_attr_e( 'Video title&amp;hellip;' ); ?&gt;&quot;
					&lt;# } else if ( 'audio' === data.type ) { #&gt;
						aria-label=&quot;&lt;?php esc_attr_e( 'Audio title' ); ?&gt;&quot;
						placeholder=&quot;&lt;?php esc_attr_e( 'Audio title&amp;hellip;' ); ?&gt;&quot;
					&lt;# } else { #&gt;
						aria-label=&quot;&lt;?php esc_attr_e( 'Media title' ); ?&gt;&quot;
						placeholder=&quot;&lt;?php esc_attr_e( 'Media title&amp;hellip;' ); ?&gt;&quot;
					&lt;# } #&gt; {{ maybeReadOnly }} /&gt;
			&lt;# }
		} #&gt;
	&lt;/script&gt;

	&lt;?php // Template for the Attachment details, used for example in the sidebar. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-attachment-details&quot;&gt;
		&lt;h2&gt;
			&lt;?php _e( 'Attachment Details' ); ?&gt;
			&lt;span class=&quot;settings-save-status&quot; role=&quot;status&quot;&gt;
				&lt;span class=&quot;spinner&quot;&gt;&lt;/span&gt;
				&lt;span class=&quot;saved&quot;&gt;&lt;?php esc_html_e( 'Saved.' ); ?&gt;&lt;/span&gt;
			&lt;/span&gt;
		&lt;/h2&gt;
		&lt;div class=&quot;attachment-info&quot;&gt;

			&lt;# if ( 'audio' === data.type ) { #&gt;
				&lt;div class=&quot;wp-media-wrapper wp-audio&quot;&gt;
					&lt;audio style=&quot;visibility: hidden&quot; controls class=&quot;wp-audio-shortcode&quot; width=&quot;100%&quot; preload=&quot;none&quot;&gt;
						&lt;source type=&quot;{{ data.mime }}&quot; src=&quot;{{ data.url }}&quot; /&gt;
					&lt;/audio&gt;
				&lt;/div&gt;
			&lt;# } else if ( 'video' === data.type ) {
				var w_rule = '';
				if ( data.width ) {
					w_rule = 'width: ' + data.width + 'px;';
				} else if ( wp.media.view.settings.contentWidth ) {
					w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;';
				}
			#&gt;
				&lt;div style=&quot;{{ w_rule }}&quot; class=&quot;wp-media-wrapper wp-video&quot;&gt;
					&lt;video controls=&quot;controls&quot; class=&quot;wp-video-shortcode&quot; preload=&quot;metadata&quot;
						&lt;# if ( data.width ) { #&gt;width=&quot;{{ data.width }}&quot;&lt;# } #&gt;
						&lt;# if ( data.height ) { #&gt;height=&quot;{{ data.height }}&quot;&lt;# } #&gt;
						&lt;# if ( data.image &amp;&amp; data.image.src !== data.icon ) { #&gt;poster=&quot;{{ data.image.src }}&quot;&lt;# } #&gt;&gt;
						&lt;source type=&quot;{{ data.mime }}&quot; src=&quot;{{ data.url }}&quot; /&gt;
					&lt;/video&gt;
				&lt;/div&gt;
			&lt;# } else { #&gt;
				&lt;div class=&quot;thumbnail thumbnail-{{ data.type }}&quot;&gt;
					&lt;# if ( data.uploading ) { #&gt;
						&lt;div class=&quot;media-progress-bar&quot;&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;
					&lt;# } else if ( 'image' === data.type &amp;&amp; data.size &amp;&amp; data.size.url ) { #&gt;
						&lt;img src=&quot;{{ data.size.url }}&quot; draggable=&quot;false&quot; alt=&quot;&quot; /&gt;
					&lt;# } else { #&gt;
						&lt;img src=&quot;{{ data.icon }}&quot; class=&quot;icon&quot; draggable=&quot;false&quot; alt=&quot;&quot; /&gt;
					&lt;# } #&gt;
				&lt;/div&gt;
			&lt;# } #&gt;

			&lt;div class=&quot;details&quot;&gt;
				&lt;div class=&quot;filename&quot;&gt;{{ data.filename }}&lt;/div&gt;
				&lt;div class=&quot;uploaded&quot;&gt;{{ data.dateFormatted }}&lt;/div&gt;

				&lt;div class=&quot;file-size&quot;&gt;{{ data.filesizeHumanReadable }}&lt;/div&gt;
				&lt;# if ( 'image' === data.type &amp;&amp; ! data.uploading ) { #&gt;
					&lt;# if ( data.width &amp;&amp; data.height ) { #&gt;
						&lt;div class=&quot;dimensions&quot;&gt;
							&lt;?php
							/* translators: 1: A number of pixels wide, 2: A number of pixels tall. */
							printf( __( '%1$s by %2$s pixels' ), '{{ data.width }}', '{{ data.height }}' );
							?&gt;
						&lt;/div&gt;
					&lt;# } #&gt;

					&lt;# if ( data.originalImageURL &amp;&amp; data.originalImageName ) { #&gt;
						&lt;div class=&quot;word-wrap-break-word&quot;&gt;
							&lt;?php _e( 'Original image:' ); ?&gt;
							&lt;a href=&quot;{{ data.originalImageURL }}&quot;&gt;{{data.originalImageName}}&lt;/a&gt;
						&lt;/div&gt;
					&lt;# } #&gt;

					&lt;# if ( data.can.save &amp;&amp; data.sizes ) { #&gt;
						&lt;a class=&quot;edit-attachment&quot; href=&quot;{{ data.editLink }}&amp;amp;image-editor&quot; target=&quot;_blank&quot;&gt;&lt;?php _e( 'Edit Image' ); ?&gt;&lt;/a&gt;
					&lt;# } #&gt;
				&lt;# } #&gt;

				&lt;# if ( data.fileLength &amp;&amp; data.fileLengthHumanReadable ) { #&gt;
					&lt;div class=&quot;file-length&quot;&gt;&lt;?php _e( 'Length:' ); ?&gt;
						&lt;span aria-hidden=&quot;true&quot;&gt;{{ data.fileLengthHumanReadable }}&lt;/span&gt;
						&lt;span class=&quot;screen-reader-text&quot;&gt;{{ data.fileLengthHumanReadable }}&lt;/span&gt;
					&lt;/div&gt;
				&lt;# } #&gt;

				&lt;# if ( data.mediaStates ) { #&gt;
					&lt;div class=&quot;media-states&quot;&gt;&lt;strong&gt;&lt;?php _e( 'Used as:' ); ?&gt;&lt;/strong&gt; {{ data.mediaStates }}&lt;/div&gt;
				&lt;# } #&gt;

				&lt;# if ( ! data.uploading &amp;&amp; data.can.remove ) { #&gt;
					&lt;?php if ( MEDIA_TRASH ) : ?&gt;
					&lt;# if ( 'trash' === data.status ) { #&gt;
						&lt;button type=&quot;button&quot; class=&quot;button-link untrash-attachment&quot;&gt;&lt;?php _e( 'Restore from Trash' ); ?&gt;&lt;/button&gt;
					&lt;# } else { #&gt;
						&lt;button type=&quot;button&quot; class=&quot;button-link trash-attachment&quot;&gt;&lt;?php _e( 'Move to Trash' ); ?&gt;&lt;/button&gt;
					&lt;# } #&gt;
					&lt;?php else : ?&gt;
						&lt;button type=&quot;button&quot; class=&quot;button-link delete-attachment&quot;&gt;&lt;?php _e( 'Delete permanently' ); ?&gt;&lt;/button&gt;
					&lt;?php endif; ?&gt;
				&lt;# } #&gt;

				&lt;div class=&quot;compat-meta&quot;&gt;
					&lt;# if ( data.compat &amp;&amp; data.compat.meta ) { #&gt;
						{{{ data.compat.meta }}}
					&lt;# } #&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		&lt;# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #&gt;
		&lt;# if ( 'image' === data.type ) { #&gt;
			&lt;span class=&quot;setting alt-text has-description&quot; data-setting=&quot;alt&quot;&gt;
				&lt;label for=&quot;attachment-details-alt-text&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Alt Text' ); ?&gt;&lt;/label&gt;
				&lt;textarea id=&quot;attachment-details-alt-text&quot; aria-describedby=&quot;alt-text-description&quot; {{ maybeReadOnly }}&gt;{{ data.alt }}&lt;/textarea&gt;
			&lt;/span&gt;
			&lt;p class=&quot;description&quot; id=&quot;alt-text-description&quot;&gt;&lt;?php echo $alt_text_description; ?&gt;&lt;/p&gt;
		&lt;# } #&gt;
		&lt;?php if ( post_type_supports( 'attachment', 'title' ) ) : ?&gt;
		&lt;span class=&quot;setting&quot; data-setting=&quot;title&quot;&gt;
			&lt;label for=&quot;attachment-details-title&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Title' ); ?&gt;&lt;/label&gt;
			&lt;input type=&quot;text&quot; id=&quot;attachment-details-title&quot; value=&quot;{{ data.title }}&quot; {{ maybeReadOnly }} /&gt;
		&lt;/span&gt;
		&lt;?php endif; ?&gt;
		&lt;# if ( 'audio' === data.type ) { #&gt;
		&lt;?php
		foreach ( array(
			'artist' =&gt; __( 'Artist' ),
			'album'  =&gt; __( 'Album' ),
		) as $key =&gt; $label ) :
			?&gt;
		&lt;span class=&quot;setting&quot; data-setting=&quot;&lt;?php echo esc_attr( $key ); ?&gt;&quot;&gt;
			&lt;label for=&quot;attachment-details-&lt;?php echo esc_attr( $key ); ?&gt;&quot; class=&quot;name&quot;&gt;&lt;?php echo $label; ?&gt;&lt;/label&gt;
			&lt;input type=&quot;text&quot; id=&quot;attachment-details-&lt;?php echo esc_attr( $key ); ?&gt;&quot; value=&quot;{{ data.&lt;?php echo $key; ?&gt; || data.meta.&lt;?php echo $key; ?&gt; || '' }}&quot; /&gt;
		&lt;/span&gt;
		&lt;?php endforeach; ?&gt;
		&lt;# } #&gt;
		&lt;span class=&quot;setting&quot; data-setting=&quot;caption&quot;&gt;
			&lt;label for=&quot;attachment-details-caption&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Caption' ); ?&gt;&lt;/label&gt;
			&lt;textarea id=&quot;attachment-details-caption&quot; {{ maybeReadOnly }}&gt;{{ data.caption }}&lt;/textarea&gt;
		&lt;/span&gt;
		&lt;span class=&quot;setting&quot; data-setting=&quot;description&quot;&gt;
			&lt;label for=&quot;attachment-details-description&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Description' ); ?&gt;&lt;/label&gt;
			&lt;textarea id=&quot;attachment-details-description&quot; {{ maybeReadOnly }}&gt;{{ data.description }}&lt;/textarea&gt;
		&lt;/span&gt;
		&lt;span class=&quot;setting&quot; data-setting=&quot;url&quot;&gt;
			&lt;label for=&quot;attachment-details-copy-link&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'File URL:' ); ?&gt;&lt;/label&gt;
			&lt;input type=&quot;text&quot; class=&quot;attachment-details-copy-link&quot; id=&quot;attachment-details-copy-link&quot; value=&quot;{{ data.url }}&quot; readonly /&gt;
			&lt;div class=&quot;copy-to-clipboard-container&quot;&gt;
				&lt;button type=&quot;button&quot; class=&quot;button button-small copy-attachment-url&quot; data-clipboard-target=&quot;#attachment-details-copy-link&quot;&gt;&lt;?php _e( 'Copy URL to clipboard' ); ?&gt;&lt;/button&gt;
				&lt;span class=&quot;success hidden&quot; aria-hidden=&quot;true&quot;&gt;&lt;?php _e( 'Copied!' ); ?&gt;&lt;/span&gt;
			&lt;/div&gt;
		&lt;/span&gt;
	&lt;/script&gt;

	&lt;?php // Template for the Selection status bar. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-media-selection&quot;&gt;
		&lt;div class=&quot;selection-info&quot;&gt;
			&lt;span class=&quot;count&quot;&gt;&lt;/span&gt;
			&lt;# if ( data.editable ) { #&gt;
				&lt;button type=&quot;button&quot; class=&quot;button-link edit-selection&quot;&gt;&lt;?php _e( 'Edit Selection' ); ?&gt;&lt;/button&gt;
			&lt;# } #&gt;
			&lt;# if ( data.clearable ) { #&gt;
				&lt;button type=&quot;button&quot; class=&quot;button-link clear-selection&quot;&gt;&lt;?php _e( 'Clear' ); ?&gt;&lt;/button&gt;
			&lt;# } #&gt;
		&lt;/div&gt;
		&lt;div class=&quot;selection-view&quot;&gt;&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for the Attachment display settings, used for example in the sidebar. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-attachment-display-settings&quot;&gt;
		&lt;h2&gt;&lt;?php _e( 'Attachment Display Settings' ); ?&gt;&lt;/h2&gt;

		&lt;# if ( 'image' === data.type ) { #&gt;
			&lt;span class=&quot;setting align&quot;&gt;
				&lt;label for=&quot;attachment-display-settings-alignment&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Alignment' ); ?&gt;&lt;/label&gt;
				&lt;select id=&quot;attachment-display-settings-alignment&quot; class=&quot;alignment&quot;
					data-setting=&quot;align&quot;
					&lt;# if ( data.userSettings ) { #&gt;
						data-user-setting=&quot;align&quot;
					&lt;# } #&gt;&gt;

					&lt;option value=&quot;left&quot;&gt;
						&lt;?php esc_html_e( 'Left' ); ?&gt;
					&lt;/option&gt;
					&lt;option value=&quot;center&quot;&gt;
						&lt;?php esc_html_e( 'Center' ); ?&gt;
					&lt;/option&gt;
					&lt;option value=&quot;right&quot;&gt;
						&lt;?php esc_html_e( 'Right' ); ?&gt;
					&lt;/option&gt;
					&lt;option value=&quot;none&quot; selected&gt;
						&lt;?php echo esc_html_x( 'None', 'Alignment option' ); ?&gt;
					&lt;/option&gt;
				&lt;/select&gt;
			&lt;/span&gt;
		&lt;# } #&gt;

		&lt;span class=&quot;setting&quot;&gt;
			&lt;label for=&quot;attachment-display-settings-link-to&quot; class=&quot;name&quot;&gt;
				&lt;# if ( data.model.canEmbed ) { #&gt;
					&lt;?php _e( 'Embed or Link' ); ?&gt;
				&lt;# } else { #&gt;
					&lt;?php _e( 'Link To' ); ?&gt;
				&lt;# } #&gt;
			&lt;/label&gt;
			&lt;select id=&quot;attachment-display-settings-link-to&quot; class=&quot;link-to&quot;
				data-setting=&quot;link&quot;
				&lt;# if ( data.userSettings &amp;&amp; ! data.model.canEmbed ) { #&gt;
					data-user-setting=&quot;urlbutton&quot;
				&lt;# } #&gt;&gt;

			&lt;# if ( data.model.canEmbed ) { #&gt;
				&lt;option value=&quot;embed&quot; selected&gt;
					&lt;?php esc_html_e( 'Embed Media Player' ); ?&gt;
				&lt;/option&gt;
				&lt;option value=&quot;file&quot;&gt;
			&lt;# } else { #&gt;
				&lt;option value=&quot;none&quot; selected&gt;
					&lt;?php echo esc_html_x( 'None', 'Media item link option' ); ?&gt;
				&lt;/option&gt;
				&lt;option value=&quot;file&quot;&gt;
			&lt;# } #&gt;
				&lt;# if ( data.model.canEmbed ) { #&gt;
					&lt;?php esc_html_e( 'Link to Media File' ); ?&gt;
				&lt;# } else { #&gt;
					&lt;?php esc_html_e( 'Media File' ); ?&gt;
				&lt;# } #&gt;
				&lt;/option&gt;
				&lt;option value=&quot;post&quot;&gt;
				&lt;# if ( data.model.canEmbed ) { #&gt;
					&lt;?php esc_html_e( 'Link to Attachment Page' ); ?&gt;
				&lt;# } else { #&gt;
					&lt;?php esc_html_e( 'Attachment Page' ); ?&gt;
				&lt;# } #&gt;
				&lt;/option&gt;
			&lt;# if ( 'image' === data.type ) { #&gt;
				&lt;option value=&quot;custom&quot;&gt;
					&lt;?php esc_html_e( 'Custom URL' ); ?&gt;
				&lt;/option&gt;
			&lt;# } #&gt;
			&lt;/select&gt;
		&lt;/span&gt;
		&lt;span class=&quot;setting&quot;&gt;
			&lt;label for=&quot;attachment-display-settings-link-to-custom&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'URL' ); ?&gt;&lt;/label&gt;
			&lt;input type=&quot;text&quot; id=&quot;attachment-display-settings-link-to-custom&quot; class=&quot;link-to-custom&quot; data-setting=&quot;linkUrl&quot; /&gt;
		&lt;/span&gt;

		&lt;# if ( 'undefined' !== typeof data.sizes ) { #&gt;
			&lt;span class=&quot;setting&quot;&gt;
				&lt;label for=&quot;attachment-display-settings-size&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Size' ); ?&gt;&lt;/label&gt;
				&lt;select id=&quot;attachment-display-settings-size&quot; class=&quot;size&quot; name=&quot;size&quot;
					data-setting=&quot;size&quot;
					&lt;# if ( data.userSettings ) { #&gt;
						data-user-setting=&quot;imgsize&quot;
					&lt;# } #&gt;&gt;
					&lt;?php
					/** This filter is documented in wp-admin/includes/media.php */
					$sizes = apply_filters(
						'image_size_names_choose',
						array(
							'thumbnail' =&gt; __( 'Thumbnail' ),
							'medium'    =&gt; __( 'Medium' ),
							'large'     =&gt; __( 'Large' ),
							'full'      =&gt; __( 'Full Size' ),
						)
					);

					foreach ( $sizes as $value =&gt; $name ) :
						?&gt;
						&lt;#
						var size = data.sizes['&lt;?php echo esc_js( $value ); ?&gt;'];
						if ( size ) { #&gt;
							&lt;option value=&quot;&lt;?php echo esc_attr( $value ); ?&gt;&quot; &lt;?php selected( $value, 'full' ); ?&gt;&gt;
								&lt;?php echo esc_html( $name ); ?&gt; &amp;ndash; {{ size.width }} &amp;times; {{ size.height }}
							&lt;/option&gt;
						&lt;# } #&gt;
					&lt;?php endforeach; ?&gt;
				&lt;/select&gt;
			&lt;/span&gt;
		&lt;# } #&gt;
	&lt;/script&gt;

	&lt;?php // Template for the Gallery settings, used for example in the sidebar. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-gallery-settings&quot;&gt;
		&lt;h2&gt;&lt;?php _e( 'Gallery Settings' ); ?&gt;&lt;/h2&gt;

		&lt;span class=&quot;setting&quot;&gt;
			&lt;label for=&quot;gallery-settings-link-to&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Link To' ); ?&gt;&lt;/label&gt;
			&lt;select id=&quot;gallery-settings-link-to&quot; class=&quot;link-to&quot;
				data-setting=&quot;link&quot;
				&lt;# if ( data.userSettings ) { #&gt;
					data-user-setting=&quot;urlbutton&quot;
				&lt;# } #&gt;&gt;

				&lt;option value=&quot;post&quot; &lt;# if ( ! wp.media.galleryDefaults.link || 'post' === wp.media.galleryDefaults.link ) {
					#&gt;selected=&quot;selected&quot;&lt;# }
				#&gt;&gt;
					&lt;?php esc_html_e( 'Attachment Page' ); ?&gt;
				&lt;/option&gt;
				&lt;option value=&quot;file&quot; &lt;# if ( 'file' === wp.media.galleryDefaults.link ) { #&gt;selected=&quot;selected&quot;&lt;# } #&gt;&gt;
					&lt;?php esc_html_e( 'Media File' ); ?&gt;
				&lt;/option&gt;
				&lt;option value=&quot;none&quot; &lt;# if ( 'none' === wp.media.galleryDefaults.link ) { #&gt;selected=&quot;selected&quot;&lt;# } #&gt;&gt;
					&lt;?php echo esc_html_x( 'None', 'Media item link option' ); ?&gt;
				&lt;/option&gt;
			&lt;/select&gt;
		&lt;/span&gt;

		&lt;span class=&quot;setting&quot;&gt;
			&lt;label for=&quot;gallery-settings-columns&quot; class=&quot;name select-label-inline&quot;&gt;&lt;?php _e( 'Columns' ); ?&gt;&lt;/label&gt;
			&lt;select id=&quot;gallery-settings-columns&quot; class=&quot;columns&quot; name=&quot;columns&quot;
				data-setting=&quot;columns&quot;&gt;
				&lt;?php for ( $i = 1; $i &lt;= 9; $i++ ) : ?&gt;
					&lt;option value=&quot;&lt;?php echo esc_attr( $i ); ?&gt;&quot; &lt;#
						if ( &lt;?php echo $i; ?&gt; == wp.media.galleryDefaults.columns ) { #&gt;selected=&quot;selected&quot;&lt;# }
					#&gt;&gt;
						&lt;?php echo esc_html( $i ); ?&gt;
					&lt;/option&gt;
				&lt;?php endfor; ?&gt;
			&lt;/select&gt;
		&lt;/span&gt;

		&lt;span class=&quot;setting&quot;&gt;
			&lt;input type=&quot;checkbox&quot; id=&quot;gallery-settings-random-order&quot; data-setting=&quot;_orderbyRandom&quot; /&gt;
			&lt;label for=&quot;gallery-settings-random-order&quot; class=&quot;checkbox-label-inline&quot;&gt;&lt;?php _e( 'Random Order' ); ?&gt;&lt;/label&gt;
		&lt;/span&gt;

		&lt;span class=&quot;setting size&quot;&gt;
			&lt;label for=&quot;gallery-settings-size&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Size' ); ?&gt;&lt;/label&gt;
			&lt;select id=&quot;gallery-settings-size&quot; class=&quot;size&quot; name=&quot;size&quot;
				data-setting=&quot;size&quot;
				&lt;# if ( data.userSettings ) { #&gt;
					data-user-setting=&quot;imgsize&quot;
				&lt;# } #&gt;
				&gt;
				&lt;?php
				/** This filter is documented in wp-admin/includes/media.php */
				$size_names = apply_filters(
					'image_size_names_choose',
					array(
						'thumbnail' =&gt; __( 'Thumbnail' ),
						'medium'    =&gt; __( 'Medium' ),
						'large'     =&gt; __( 'Large' ),
						'full'      =&gt; __( 'Full Size' ),
					)
				);

				foreach ( $size_names as $size =&gt; $label ) :
					?&gt;
					&lt;option value=&quot;&lt;?php echo esc_attr( $size ); ?&gt;&quot;&gt;
						&lt;?php echo esc_html( $label ); ?&gt;
					&lt;/option&gt;
				&lt;?php endforeach; ?&gt;
			&lt;/select&gt;
		&lt;/span&gt;
	&lt;/script&gt;

	&lt;?php // Template for the Playlists settings, used for example in the sidebar. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-playlist-settings&quot;&gt;
		&lt;h2&gt;&lt;?php _e( 'Playlist Settings' ); ?&gt;&lt;/h2&gt;

		&lt;# var emptyModel = _.isEmpty( data.model ),
			isVideo = 'video' === data.controller.get('library').props.get('type'); #&gt;

		&lt;span class=&quot;setting&quot;&gt;
			&lt;input type=&quot;checkbox&quot; id=&quot;playlist-settings-show-list&quot; data-setting=&quot;tracklist&quot; &lt;# if ( emptyModel ) { #&gt;
				checked=&quot;checked&quot;
			&lt;# } #&gt; /&gt;
			&lt;label for=&quot;playlist-settings-show-list&quot; class=&quot;checkbox-label-inline&quot;&gt;
				&lt;# if ( isVideo ) { #&gt;
				&lt;?php _e( 'Show Video List' ); ?&gt;
				&lt;# } else { #&gt;
				&lt;?php _e( 'Show Tracklist' ); ?&gt;
				&lt;# } #&gt;
			&lt;/label&gt;
		&lt;/span&gt;

		&lt;# if ( ! isVideo ) { #&gt;
		&lt;span class=&quot;setting&quot;&gt;
			&lt;input type=&quot;checkbox&quot; id=&quot;playlist-settings-show-artist&quot; data-setting=&quot;artists&quot; &lt;# if ( emptyModel ) { #&gt;
				checked=&quot;checked&quot;
			&lt;# } #&gt; /&gt;
			&lt;label for=&quot;playlist-settings-show-artist&quot; class=&quot;checkbox-label-inline&quot;&gt;
				&lt;?php _e( 'Show Artist Name in Tracklist' ); ?&gt;
			&lt;/label&gt;
		&lt;/span&gt;
		&lt;# } #&gt;

		&lt;span class=&quot;setting&quot;&gt;
			&lt;input type=&quot;checkbox&quot; id=&quot;playlist-settings-show-images&quot; data-setting=&quot;images&quot; &lt;# if ( emptyModel ) { #&gt;
				checked=&quot;checked&quot;
			&lt;# } #&gt; /&gt;
			&lt;label for=&quot;playlist-settings-show-images&quot; class=&quot;checkbox-label-inline&quot;&gt;
				&lt;?php _e( 'Show Images' ); ?&gt;
			&lt;/label&gt;
		&lt;/span&gt;
	&lt;/script&gt;

	&lt;?php // Template for the &quot;Insert from URL&quot; layout. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-embed-link-settings&quot;&gt;
		&lt;span class=&quot;setting link-text&quot;&gt;
			&lt;label for=&quot;embed-link-settings-link-text&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Link Text' ); ?&gt;&lt;/label&gt;
			&lt;input type=&quot;text&quot; id=&quot;embed-link-settings-link-text&quot; class=&quot;alignment&quot; data-setting=&quot;linkText&quot; /&gt;
		&lt;/span&gt;
		&lt;div class=&quot;embed-container&quot; style=&quot;display: none;&quot;&gt;
			&lt;div class=&quot;embed-preview&quot;&gt;&lt;/div&gt;
		&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for the &quot;Insert from URL&quot; image preview and details. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-embed-image-settings&quot;&gt;
		&lt;div class=&quot;wp-clearfix&quot;&gt;
			&lt;div class=&quot;thumbnail&quot;&gt;
				&lt;img src=&quot;{{ data.model.url }}&quot; draggable=&quot;false&quot; alt=&quot;&quot; /&gt;
			&lt;/div&gt;
		&lt;/div&gt;

		&lt;span class=&quot;setting alt-text has-description&quot;&gt;
			&lt;label for=&quot;embed-image-settings-alt-text&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Alternative Text' ); ?&gt;&lt;/label&gt;
			&lt;textarea id=&quot;embed-image-settings-alt-text&quot; data-setting=&quot;alt&quot; aria-describedby=&quot;alt-text-description&quot;&gt;&lt;/textarea&gt;
		&lt;/span&gt;
		&lt;p class=&quot;description&quot; id=&quot;alt-text-description&quot;&gt;&lt;?php echo $alt_text_description; ?&gt;&lt;/p&gt;

		&lt;?php
		/** This filter is documented in wp-admin/includes/media.php */
		if ( ! apply_filters( 'disable_captions', '' ) ) :
			?&gt;
			&lt;span class=&quot;setting caption&quot;&gt;
				&lt;label for=&quot;embed-image-settings-caption&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Caption' ); ?&gt;&lt;/label&gt;
				&lt;textarea id=&quot;embed-image-settings-caption&quot; data-setting=&quot;caption&quot;&gt;&lt;/textarea&gt;
			&lt;/span&gt;
		&lt;?php endif; ?&gt;

		&lt;fieldset class=&quot;setting-group&quot;&gt;
			&lt;legend class=&quot;name&quot;&gt;&lt;?php _e( 'Align' ); ?&gt;&lt;/legend&gt;
			&lt;span class=&quot;setting align&quot;&gt;
				&lt;span class=&quot;button-group button-large&quot; data-setting=&quot;align&quot;&gt;
					&lt;button class=&quot;button&quot; value=&quot;left&quot;&gt;
						&lt;?php esc_html_e( 'Left' ); ?&gt;
					&lt;/button&gt;
					&lt;button class=&quot;button&quot; value=&quot;center&quot;&gt;
						&lt;?php esc_html_e( 'Center' ); ?&gt;
					&lt;/button&gt;
					&lt;button class=&quot;button&quot; value=&quot;right&quot;&gt;
						&lt;?php esc_html_e( 'Right' ); ?&gt;
					&lt;/button&gt;
					&lt;button class=&quot;button active&quot; value=&quot;none&quot;&gt;
						&lt;?php echo esc_html_x( 'None', 'Alignment option' ); ?&gt;
					&lt;/button&gt;
				&lt;/span&gt;
			&lt;/span&gt;
		&lt;/fieldset&gt;

		&lt;fieldset class=&quot;setting-group&quot;&gt;
			&lt;legend class=&quot;name&quot;&gt;&lt;?php _e( 'Link To' ); ?&gt;&lt;/legend&gt;
			&lt;span class=&quot;setting link-to&quot;&gt;
				&lt;span class=&quot;button-group button-large&quot; data-setting=&quot;link&quot;&gt;
					&lt;button class=&quot;button&quot; value=&quot;file&quot;&gt;
						&lt;?php esc_html_e( 'Image URL' ); ?&gt;
					&lt;/button&gt;
					&lt;button class=&quot;button&quot; value=&quot;custom&quot;&gt;
						&lt;?php esc_html_e( 'Custom URL' ); ?&gt;
					&lt;/button&gt;
					&lt;button class=&quot;button active&quot; value=&quot;none&quot;&gt;
						&lt;?php echo esc_html_x( 'None', 'Media item link option' ); ?&gt;
					&lt;/button&gt;
				&lt;/span&gt;
			&lt;/span&gt;
			&lt;span class=&quot;setting&quot;&gt;
				&lt;label for=&quot;embed-image-settings-link-to-custom&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'URL' ); ?&gt;&lt;/label&gt;
				&lt;input type=&quot;text&quot; id=&quot;embed-image-settings-link-to-custom&quot; class=&quot;link-to-custom&quot; data-setting=&quot;linkUrl&quot; /&gt;
			&lt;/span&gt;
		&lt;/fieldset&gt;
	&lt;/script&gt;

	&lt;?php // Template for the Image details, used for example in the editor. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-image-details&quot;&gt;
		&lt;div class=&quot;media-embed&quot;&gt;
			&lt;div class=&quot;embed-media-settings&quot;&gt;
				&lt;div class=&quot;column-settings&quot;&gt;
					&lt;span class=&quot;setting alt-text has-description&quot;&gt;
						&lt;label for=&quot;image-details-alt-text&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Alternative Text' ); ?&gt;&lt;/label&gt;
						&lt;textarea id=&quot;image-details-alt-text&quot; data-setting=&quot;alt&quot; aria-describedby=&quot;alt-text-description&quot;&gt;{{ data.model.alt }}&lt;/textarea&gt;
					&lt;/span&gt;
					&lt;p class=&quot;description&quot; id=&quot;alt-text-description&quot;&gt;&lt;?php echo $alt_text_description; ?&gt;&lt;/p&gt;

					&lt;?php
					/** This filter is documented in wp-admin/includes/media.php */
					if ( ! apply_filters( 'disable_captions', '' ) ) :
						?&gt;
						&lt;span class=&quot;setting caption&quot;&gt;
							&lt;label for=&quot;image-details-caption&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Caption' ); ?&gt;&lt;/label&gt;
							&lt;textarea id=&quot;image-details-caption&quot; data-setting=&quot;caption&quot;&gt;{{ data.model.caption }}&lt;/textarea&gt;
						&lt;/span&gt;
					&lt;?php endif; ?&gt;

					&lt;h2&gt;&lt;?php _e( 'Display Settings' ); ?&gt;&lt;/h2&gt;
					&lt;fieldset class=&quot;setting-group&quot;&gt;
						&lt;legend class=&quot;legend-inline&quot;&gt;&lt;?php _e( 'Align' ); ?&gt;&lt;/legend&gt;
						&lt;span class=&quot;setting align&quot;&gt;
							&lt;span class=&quot;button-group button-large&quot; data-setting=&quot;align&quot;&gt;
								&lt;button class=&quot;button&quot; value=&quot;left&quot;&gt;
									&lt;?php esc_html_e( 'Left' ); ?&gt;
								&lt;/button&gt;
								&lt;button class=&quot;button&quot; value=&quot;center&quot;&gt;
									&lt;?php esc_html_e( 'Center' ); ?&gt;
								&lt;/button&gt;
								&lt;button class=&quot;button&quot; value=&quot;right&quot;&gt;
									&lt;?php esc_html_e( 'Right' ); ?&gt;
								&lt;/button&gt;
								&lt;button class=&quot;button active&quot; value=&quot;none&quot;&gt;
									&lt;?php echo esc_html_x( 'None', 'Alignment option' ); ?&gt;
								&lt;/button&gt;
							&lt;/span&gt;
						&lt;/span&gt;
					&lt;/fieldset&gt;

					&lt;# if ( data.attachment ) { #&gt;
						&lt;# if ( 'undefined' !== typeof data.attachment.sizes ) { #&gt;
							&lt;span class=&quot;setting size&quot;&gt;
								&lt;label for=&quot;image-details-size&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Size' ); ?&gt;&lt;/label&gt;
								&lt;select id=&quot;image-details-size&quot; class=&quot;size&quot; name=&quot;size&quot;
									data-setting=&quot;size&quot;
									&lt;# if ( data.userSettings ) { #&gt;
										data-user-setting=&quot;imgsize&quot;
									&lt;# } #&gt;&gt;
									&lt;?php
									/** This filter is documented in wp-admin/includes/media.php */
									$sizes = apply_filters(
										'image_size_names_choose',
										array(
											'thumbnail' =&gt; __( 'Thumbnail' ),
											'medium'    =&gt; __( 'Medium' ),
											'large'     =&gt; __( 'Large' ),
											'full'      =&gt; __( 'Full Size' ),
										)
									);

									foreach ( $sizes as $value =&gt; $name ) :
										?&gt;
										&lt;#
										var size = data.sizes['&lt;?php echo esc_js( $value ); ?&gt;'];
										if ( size ) { #&gt;
											&lt;option value=&quot;&lt;?php echo esc_attr( $value ); ?&gt;&quot;&gt;
												&lt;?php echo esc_html( $name ); ?&gt; &amp;ndash; {{ size.width }} &amp;times; {{ size.height }}
											&lt;/option&gt;
										&lt;# } #&gt;
									&lt;?php endforeach; ?&gt;
									&lt;option value=&quot;&lt;?php echo esc_attr( 'custom' ); ?&gt;&quot;&gt;
										&lt;?php _e( 'Custom Size' ); ?&gt;
									&lt;/option&gt;
								&lt;/select&gt;
							&lt;/span&gt;
						&lt;# } #&gt;
							&lt;div class=&quot;custom-size wp-clearfix&lt;# if ( data.model.size !== 'custom' ) { #&gt; hidden&lt;# } #&gt;&quot;&gt;
								&lt;span class=&quot;custom-size-setting&quot;&gt;
									&lt;label for=&quot;image-details-size-width&quot;&gt;&lt;?php _e( 'Width' ); ?&gt;&lt;/label&gt;
									&lt;input type=&quot;number&quot; id=&quot;image-details-size-width&quot; aria-describedby=&quot;image-size-desc&quot; data-setting=&quot;customWidth&quot; step=&quot;1&quot; value=&quot;{{ data.model.customWidth }}&quot; /&gt;
								&lt;/span&gt;
								&lt;span class=&quot;sep&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/span&gt;
								&lt;span class=&quot;custom-size-setting&quot;&gt;
									&lt;label for=&quot;image-details-size-height&quot;&gt;&lt;?php _e( 'Height' ); ?&gt;&lt;/label&gt;
									&lt;input type=&quot;number&quot; id=&quot;image-details-size-height&quot; aria-describedby=&quot;image-size-desc&quot; data-setting=&quot;customHeight&quot; step=&quot;1&quot; value=&quot;{{ data.model.customHeight }}&quot; /&gt;
								&lt;/span&gt;
								&lt;p id=&quot;image-size-desc&quot; class=&quot;description&quot;&gt;&lt;?php _e( 'Image size in pixels' ); ?&gt;&lt;/p&gt;
							&lt;/div&gt;
					&lt;# } #&gt;

					&lt;span class=&quot;setting link-to&quot;&gt;
						&lt;label for=&quot;image-details-link-to&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Link To' ); ?&gt;&lt;/label&gt;
						&lt;select id=&quot;image-details-link-to&quot; data-setting=&quot;link&quot;&gt;
						&lt;# if ( data.attachment ) { #&gt;
							&lt;option value=&quot;file&quot;&gt;
								&lt;?php esc_html_e( 'Media File' ); ?&gt;
							&lt;/option&gt;
							&lt;option value=&quot;post&quot;&gt;
								&lt;?php esc_html_e( 'Attachment Page' ); ?&gt;
							&lt;/option&gt;
						&lt;# } else { #&gt;
							&lt;option value=&quot;file&quot;&gt;
								&lt;?php esc_html_e( 'Image URL' ); ?&gt;
							&lt;/option&gt;
						&lt;# } #&gt;
							&lt;option value=&quot;custom&quot;&gt;
								&lt;?php esc_html_e( 'Custom URL' ); ?&gt;
							&lt;/option&gt;
							&lt;option value=&quot;none&quot;&gt;
								&lt;?php echo esc_html_x( 'None', 'Media item link option' ); ?&gt;
							&lt;/option&gt;
						&lt;/select&gt;
					&lt;/span&gt;
					&lt;span class=&quot;setting&quot;&gt;
						&lt;label for=&quot;image-details-link-to-custom&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'URL' ); ?&gt;&lt;/label&gt;
						&lt;input type=&quot;text&quot; id=&quot;image-details-link-to-custom&quot; class=&quot;link-to-custom&quot; data-setting=&quot;linkUrl&quot; /&gt;
					&lt;/span&gt;

					&lt;div class=&quot;advanced-section&quot;&gt;
						&lt;h2&gt;&lt;button type=&quot;button&quot; class=&quot;button-link advanced-toggle&quot;&gt;&lt;?php _e( 'Advanced Options' ); ?&gt;&lt;/button&gt;&lt;/h2&gt;
						&lt;div class=&quot;advanced-settings hidden&quot;&gt;
							&lt;div class=&quot;advanced-image&quot;&gt;
								&lt;span class=&quot;setting title-text&quot;&gt;
									&lt;label for=&quot;image-details-title-attribute&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Image Title Attribute' ); ?&gt;&lt;/label&gt;
									&lt;input type=&quot;text&quot; id=&quot;image-details-title-attribute&quot; data-setting=&quot;title&quot; value=&quot;{{ data.model.title }}&quot; /&gt;
								&lt;/span&gt;
								&lt;span class=&quot;setting extra-classes&quot;&gt;
									&lt;label for=&quot;image-details-css-class&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Image CSS Class' ); ?&gt;&lt;/label&gt;
									&lt;input type=&quot;text&quot; id=&quot;image-details-css-class&quot; data-setting=&quot;extraClasses&quot; value=&quot;{{ data.model.extraClasses }}&quot; /&gt;
								&lt;/span&gt;
							&lt;/div&gt;
							&lt;div class=&quot;advanced-link&quot;&gt;
								&lt;span class=&quot;setting link-target&quot;&gt;
									&lt;input type=&quot;checkbox&quot; id=&quot;image-details-link-target&quot; data-setting=&quot;linkTargetBlank&quot; value=&quot;_blank&quot; &lt;# if ( data.model.linkTargetBlank ) { #&gt;checked=&quot;checked&quot;&lt;# } #&gt;&gt;
									&lt;label for=&quot;image-details-link-target&quot; class=&quot;checkbox-label&quot;&gt;&lt;?php _e( 'Open link in a new tab' ); ?&gt;&lt;/label&gt;
								&lt;/span&gt;
								&lt;span class=&quot;setting link-rel&quot;&gt;
									&lt;label for=&quot;image-details-link-rel&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Link Rel' ); ?&gt;&lt;/label&gt;
									&lt;input type=&quot;text&quot; id=&quot;image-details-link-rel&quot; data-setting=&quot;linkRel&quot; value=&quot;{{ data.model.linkRel }}&quot; /&gt;
								&lt;/span&gt;
								&lt;span class=&quot;setting link-class-name&quot;&gt;
									&lt;label for=&quot;image-details-link-css-class&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Link CSS Class' ); ?&gt;&lt;/label&gt;
									&lt;input type=&quot;text&quot; id=&quot;image-details-link-css-class&quot; data-setting=&quot;linkClassName&quot; value=&quot;{{ data.model.linkClassName }}&quot; /&gt;
								&lt;/span&gt;
							&lt;/div&gt;
						&lt;/div&gt;
					&lt;/div&gt;
				&lt;/div&gt;
				&lt;div class=&quot;column-image&quot;&gt;
					&lt;div class=&quot;image&quot;&gt;
						&lt;img src=&quot;{{ data.model.url }}&quot; draggable=&quot;false&quot; alt=&quot;&quot; /&gt;
						&lt;# if ( data.attachment &amp;&amp; window.imageEdit ) { #&gt;
							&lt;div class=&quot;actions&quot;&gt;
								&lt;input type=&quot;button&quot; class=&quot;edit-attachment button&quot; value=&quot;&lt;?php esc_attr_e( 'Edit Original' ); ?&gt;&quot; /&gt;
								&lt;input type=&quot;button&quot; class=&quot;replace-attachment button&quot; value=&quot;&lt;?php esc_attr_e( 'Replace' ); ?&gt;&quot; /&gt;
							&lt;/div&gt;
						&lt;# } #&gt;
					&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for the Image Editor layout. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-image-editor&quot;&gt;
		&lt;div id=&quot;media-head-{{ data.id }}&quot;&gt;&lt;/div&gt;
		&lt;div id=&quot;image-editor-{{ data.id }}&quot;&gt;&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for an embedded Audio details. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-audio-details&quot;&gt;
		&lt;# var ext, html5types = {
			mp3: wp.media.view.settings.embedMimes.mp3,
			ogg: wp.media.view.settings.embedMimes.ogg
		}; #&gt;

		&lt;?php $audio_types = wp_get_audio_extensions(); ?&gt;
		&lt;div class=&quot;media-embed media-embed-details&quot;&gt;
			&lt;div class=&quot;embed-media-settings embed-audio-settings&quot;&gt;
				&lt;?php wp_underscore_audio_template(); ?&gt;

				&lt;# if ( ! _.isEmpty( data.model.src ) ) {
					ext = data.model.src.split('.').pop();
					if ( html5types[ ext ] ) {
						delete html5types[ ext ];
					}
				#&gt;
				&lt;span class=&quot;setting&quot;&gt;
					&lt;label for=&quot;audio-details-source&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'URL' ); ?&gt;&lt;/label&gt;
					&lt;input type=&quot;text&quot; id=&quot;audio-details-source&quot; readonly data-setting=&quot;src&quot; value=&quot;{{ data.model.src }}&quot; /&gt;
					&lt;button type=&quot;button&quot; class=&quot;button-link remove-setting&quot;&gt;&lt;?php _e( 'Remove audio source' ); ?&gt;&lt;/button&gt;
				&lt;/span&gt;
				&lt;# } #&gt;
				&lt;?php

				foreach ( $audio_types as $type ) :
					?&gt;
				&lt;# if ( ! _.isEmpty( data.model.&lt;?php echo $type; ?&gt; ) ) {
					if ( ! _.isUndefined( html5types.&lt;?php echo $type; ?&gt; ) ) {
						delete html5types.&lt;?php echo $type; ?&gt;;
					}
				#&gt;
				&lt;span class=&quot;setting&quot;&gt;
					&lt;label for=&quot;audio-details-&lt;?php echo $type . '-source'; ?&gt;&quot; class=&quot;name&quot;&gt;&lt;?php echo strtoupper( $type ); ?&gt;&lt;/label&gt;
					&lt;input type=&quot;text&quot; id=&quot;audio-details-&lt;?php echo $type . '-source'; ?&gt;&quot; readonly data-setting=&quot;&lt;?php echo $type; ?&gt;&quot; value=&quot;{{ data.model.&lt;?php echo $type; ?&gt; }}&quot; /&gt;
					&lt;button type=&quot;button&quot; class=&quot;button-link remove-setting&quot;&gt;&lt;?php _e( 'Remove audio source' ); ?&gt;&lt;/button&gt;
				&lt;/span&gt;
				&lt;# } #&gt;
				&lt;?php endforeach; ?&gt;

				&lt;# if ( ! _.isEmpty( html5types ) ) { #&gt;
				&lt;fieldset class=&quot;setting-group&quot;&gt;
					&lt;legend class=&quot;name&quot;&gt;&lt;?php _e( 'Add alternate sources for maximum HTML5 playback' ); ?&gt;&lt;/legend&gt;
					&lt;span class=&quot;setting&quot;&gt;
						&lt;span class=&quot;button-large&quot;&gt;
						&lt;# _.each( html5types, function (mime, type) { #&gt;
							&lt;button class=&quot;button add-media-source&quot; data-mime=&quot;{{ mime }}&quot;&gt;{{ type }}&lt;/button&gt;
						&lt;# } ) #&gt;
						&lt;/span&gt;
					&lt;/span&gt;
				&lt;/fieldset&gt;
				&lt;# } #&gt;

				&lt;fieldset class=&quot;setting-group&quot;&gt;
					&lt;legend class=&quot;name&quot;&gt;&lt;?php _e( 'Preload' ); ?&gt;&lt;/legend&gt;
					&lt;span class=&quot;setting preload&quot;&gt;
						&lt;span class=&quot;button-group button-large&quot; data-setting=&quot;preload&quot;&gt;
							&lt;button class=&quot;button&quot; value=&quot;auto&quot;&gt;&lt;?php _ex( 'Auto', 'auto preload' ); ?&gt;&lt;/button&gt;
							&lt;button class=&quot;button&quot; value=&quot;metadata&quot;&gt;&lt;?php _e( 'Metadata' ); ?&gt;&lt;/button&gt;
							&lt;button class=&quot;button active&quot; value=&quot;none&quot;&gt;&lt;?php _ex( 'None', 'Preload value' ); ?&gt;&lt;/button&gt;
						&lt;/span&gt;
					&lt;/span&gt;
				&lt;/fieldset&gt;

				&lt;span class=&quot;setting-group&quot;&gt;
					&lt;span class=&quot;setting checkbox-setting autoplay&quot;&gt;
						&lt;input type=&quot;checkbox&quot; id=&quot;audio-details-autoplay&quot; data-setting=&quot;autoplay&quot; /&gt;
						&lt;label for=&quot;audio-details-autoplay&quot; class=&quot;checkbox-label&quot;&gt;&lt;?php _e( 'Autoplay' ); ?&gt;&lt;/label&gt;
					&lt;/span&gt;

					&lt;span class=&quot;setting checkbox-setting&quot;&gt;
						&lt;input type=&quot;checkbox&quot; id=&quot;audio-details-loop&quot; data-setting=&quot;loop&quot; /&gt;
						&lt;label for=&quot;audio-details-loop&quot; class=&quot;checkbox-label&quot;&gt;&lt;?php _e( 'Loop' ); ?&gt;&lt;/label&gt;
					&lt;/span&gt;
				&lt;/span&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for an embedded Video details. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-video-details&quot;&gt;
		&lt;# var ext, html5types = {
			mp4: wp.media.view.settings.embedMimes.mp4,
			ogv: wp.media.view.settings.embedMimes.ogv,
			webm: wp.media.view.settings.embedMimes.webm
		}; #&gt;

		&lt;?php $video_types = wp_get_video_extensions(); ?&gt;
		&lt;div class=&quot;media-embed media-embed-details&quot;&gt;
			&lt;div class=&quot;embed-media-settings embed-video-settings&quot;&gt;
				&lt;div class=&quot;wp-video-holder&quot;&gt;
				&lt;#
				var w = ! data.model.width || data.model.width &gt; 640 ? 640 : data.model.width,
					h = ! data.model.height ? 360 : data.model.height;

				if ( data.model.width &amp;&amp; w !== data.model.width ) {
					h = Math.ceil( ( h * w ) / data.model.width );
				}
				#&gt;

				&lt;?php wp_underscore_video_template(); ?&gt;

				&lt;# if ( ! _.isEmpty( data.model.src ) ) {
					ext = data.model.src.split('.').pop();
					if ( html5types[ ext ] ) {
						delete html5types[ ext ];
					}
				#&gt;
				&lt;span class=&quot;setting&quot;&gt;
					&lt;label for=&quot;video-details-source&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'URL' ); ?&gt;&lt;/label&gt;
					&lt;input type=&quot;text&quot; id=&quot;video-details-source&quot; readonly data-setting=&quot;src&quot; value=&quot;{{ data.model.src }}&quot; /&gt;
					&lt;button type=&quot;button&quot; class=&quot;button-link remove-setting&quot;&gt;&lt;?php _e( 'Remove video source' ); ?&gt;&lt;/button&gt;
				&lt;/span&gt;
				&lt;# } #&gt;
				&lt;?php
				foreach ( $video_types as $type ) :
					?&gt;
				&lt;# if ( ! _.isEmpty( data.model.&lt;?php echo $type; ?&gt; ) ) {
					if ( ! _.isUndefined( html5types.&lt;?php echo $type; ?&gt; ) ) {
						delete html5types.&lt;?php echo $type; ?&gt;;
					}
				#&gt;
				&lt;span class=&quot;setting&quot;&gt;
					&lt;label for=&quot;video-details-&lt;?php echo $type . '-source'; ?&gt;&quot; class=&quot;name&quot;&gt;&lt;?php echo strtoupper( $type ); ?&gt;&lt;/label&gt;
					&lt;input type=&quot;text&quot; id=&quot;video-details-&lt;?php echo $type . '-source'; ?&gt;&quot; readonly data-setting=&quot;&lt;?php echo $type; ?&gt;&quot; value=&quot;{{ data.model.&lt;?php echo $type; ?&gt; }}&quot; /&gt;
					&lt;button type=&quot;button&quot; class=&quot;button-link remove-setting&quot;&gt;&lt;?php _e( 'Remove video source' ); ?&gt;&lt;/button&gt;
				&lt;/span&gt;
				&lt;# } #&gt;
				&lt;?php endforeach; ?&gt;
				&lt;/div&gt;

				&lt;# if ( ! _.isEmpty( html5types ) ) { #&gt;
				&lt;fieldset class=&quot;setting-group&quot;&gt;
					&lt;legend class=&quot;name&quot;&gt;&lt;?php _e( 'Add alternate sources for maximum HTML5 playback' ); ?&gt;&lt;/legend&gt;
					&lt;span class=&quot;setting&quot;&gt;
						&lt;span class=&quot;button-large&quot;&gt;
						&lt;# _.each( html5types, function (mime, type) { #&gt;
							&lt;button class=&quot;button add-media-source&quot; data-mime=&quot;{{ mime }}&quot;&gt;{{ type }}&lt;/button&gt;
						&lt;# } ) #&gt;
						&lt;/span&gt;
					&lt;/span&gt;
				&lt;/fieldset&gt;
				&lt;# } #&gt;

				&lt;# if ( ! _.isEmpty( data.model.poster ) ) { #&gt;
				&lt;span class=&quot;setting&quot;&gt;
					&lt;label for=&quot;video-details-poster-image&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Poster Image' ); ?&gt;&lt;/label&gt;
					&lt;input type=&quot;text&quot; id=&quot;video-details-poster-image&quot; readonly data-setting=&quot;poster&quot; value=&quot;{{ data.model.poster }}&quot; /&gt;
					&lt;button type=&quot;button&quot; class=&quot;button-link remove-setting&quot;&gt;&lt;?php _e( 'Remove poster image' ); ?&gt;&lt;/button&gt;
				&lt;/span&gt;
				&lt;# } #&gt;

				&lt;fieldset class=&quot;setting-group&quot;&gt;
					&lt;legend class=&quot;name&quot;&gt;&lt;?php _e( 'Preload' ); ?&gt;&lt;/legend&gt;
					&lt;span class=&quot;setting preload&quot;&gt;
						&lt;span class=&quot;button-group button-large&quot; data-setting=&quot;preload&quot;&gt;
							&lt;button class=&quot;button&quot; value=&quot;auto&quot;&gt;&lt;?php _ex( 'Auto', 'auto preload' ); ?&gt;&lt;/button&gt;
							&lt;button class=&quot;button&quot; value=&quot;metadata&quot;&gt;&lt;?php _e( 'Metadata' ); ?&gt;&lt;/button&gt;
							&lt;button class=&quot;button active&quot; value=&quot;none&quot;&gt;&lt;?php _ex( 'None', 'Preload value' ); ?&gt;&lt;/button&gt;
						&lt;/span&gt;
					&lt;/span&gt;
				&lt;/fieldset&gt;

				&lt;span class=&quot;setting-group&quot;&gt;
					&lt;span class=&quot;setting checkbox-setting autoplay&quot;&gt;
						&lt;input type=&quot;checkbox&quot; id=&quot;video-details-autoplay&quot; data-setting=&quot;autoplay&quot; /&gt;
						&lt;label for=&quot;video-details-autoplay&quot; class=&quot;checkbox-label&quot;&gt;&lt;?php _e( 'Autoplay' ); ?&gt;&lt;/label&gt;
					&lt;/span&gt;

					&lt;span class=&quot;setting checkbox-setting&quot;&gt;
						&lt;input type=&quot;checkbox&quot; id=&quot;video-details-loop&quot; data-setting=&quot;loop&quot; /&gt;
						&lt;label for=&quot;video-details-loop&quot; class=&quot;checkbox-label&quot;&gt;&lt;?php _e( 'Loop' ); ?&gt;&lt;/label&gt;
					&lt;/span&gt;
				&lt;/span&gt;

				&lt;span class=&quot;setting&quot; data-setting=&quot;content&quot;&gt;
					&lt;#
					var content = '';
					if ( ! _.isEmpty( data.model.content ) ) {
						var tracks = jQuery( data.model.content ).filter( 'track' );
						_.each( tracks.toArray(), function( track, index ) {
							content += track.outerHTML; #&gt;
						&lt;label for=&quot;video-details-track-{{ index }}&quot; class=&quot;name&quot;&gt;&lt;?php _e( 'Tracks (subtitles, captions, descriptions, chapters, or metadata)' ); ?&gt;&lt;/label&gt;
						&lt;input class=&quot;content-track&quot; type=&quot;text&quot; id=&quot;video-details-track-{{ index }}&quot; aria-describedby=&quot;video-details-track-desc-{{ index }}&quot; value=&quot;{{ track.outerHTML }}&quot; /&gt;
						&lt;span class=&quot;description&quot; id=&quot;video-details-track-desc-{{ index }}&quot;&gt;
						&lt;?php
							printf(
								/* translators: 1: &quot;srclang&quot; HTML attribute, 2: &quot;label&quot; HTML attribute, 3: &quot;kind&quot; HTML attribute. */
								__( 'The %1$s, %2$s, and %3$s values can be edited to set the video track language and kind.' ),
								'srclang',
								'label',
								'kind'
							);
						?&gt;
						&lt;/span&gt;
						&lt;button type=&quot;button&quot; class=&quot;button-link remove-setting remove-track&quot;&gt;&lt;?php _ex( 'Remove video track', 'media' ); ?&gt;&lt;/button&gt;&lt;br /&gt;
						&lt;# } ); #&gt;
					&lt;# } else { #&gt;
					&lt;span class=&quot;name&quot;&gt;&lt;?php _e( 'Tracks (subtitles, captions, descriptions, chapters, or metadata)' ); ?&gt;&lt;/span&gt;&lt;br /&gt;
					&lt;em&gt;&lt;?php _e( 'There are no associated subtitles.' ); ?&gt;&lt;/em&gt;
					&lt;# } #&gt;
					&lt;textarea class=&quot;hidden content-setting&quot;&gt;{{ content }}&lt;/textarea&gt;
				&lt;/span&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for a Gallery within the editor. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-editor-gallery&quot;&gt;
		&lt;# if ( data.attachments.length ) { #&gt;
			&lt;div class=&quot;gallery gallery-columns-{{ data.columns }}&quot;&gt;
				&lt;# _.each( data.attachments, function( attachment, index ) { #&gt;
					&lt;dl class=&quot;gallery-item&quot;&gt;
						&lt;dt class=&quot;gallery-icon&quot;&gt;
							&lt;# if ( attachment.thumbnail ) { #&gt;
								&lt;img src=&quot;{{ attachment.thumbnail.url }}&quot; width=&quot;{{ attachment.thumbnail.width }}&quot; height=&quot;{{ attachment.thumbnail.height }}&quot; alt=&quot;{{ attachment.alt }}&quot; /&gt;
							&lt;# } else { #&gt;
								&lt;img src=&quot;{{ attachment.url }}&quot; alt=&quot;{{ attachment.alt }}&quot; /&gt;
							&lt;# } #&gt;
						&lt;/dt&gt;
						&lt;# if ( attachment.caption ) { #&gt;
							&lt;dd class=&quot;wp-caption-text gallery-caption&quot;&gt;
								{{{ data.verifyHTML( attachment.caption ) }}}
							&lt;/dd&gt;
						&lt;# } #&gt;
					&lt;/dl&gt;
					&lt;# if ( index % data.columns === data.columns - 1 ) { #&gt;
						&lt;br style=&quot;clear: both;&quot; /&gt;
					&lt;# } #&gt;
				&lt;# } ); #&gt;
			&lt;/div&gt;
		&lt;# } else { #&gt;
			&lt;div class=&quot;wpview-error&quot;&gt;
				&lt;div class=&quot;dashicons dashicons-format-gallery&quot;&gt;&lt;/div&gt;&lt;p&gt;&lt;?php _e( 'No items found.' ); ?&gt;&lt;/p&gt;
			&lt;/div&gt;
		&lt;# } #&gt;
	&lt;/script&gt;

	&lt;?php // Template for the Crop area layout, used for example in the Customizer. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-crop-content&quot;&gt;
		&lt;img class=&quot;crop-image&quot; src=&quot;{{ data.url }}&quot; alt=&quot;&lt;?php esc_attr_e( 'Image crop area preview. Requires mouse interaction.' ); ?&gt;&quot; /&gt;
		&lt;div class=&quot;upload-errors&quot;&gt;&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php // Template for the Site Icon preview, used for example in the Customizer. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-site-icon-preview-crop&quot;&gt;
		&lt;style&gt;
			:root{
				--site-icon-url: url( &quot;{{ data.url }}&quot; );
			}
		&lt;/style&gt;
		&lt;h2&gt;&lt;?php _ex( 'Site Icon Preview', 'noun' ); ?&gt;&lt;/h2&gt;
		&lt;p&gt;&lt;?php _e( 'As an app icon and a browser icon.' ); ?&gt;&lt;/p&gt;
		&lt;div class=&quot;site-icon-preview crop&quot;&gt;
			&lt;div class=&quot;image-preview-wrap app-icon-preview&quot;&gt;
				&lt;img id=&quot;preview-app-icon&quot; src=&quot;{{ data.url }}&quot; class=&quot;app-icon-preview&quot; alt=&quot;&lt;?php esc_attr_e( 'Preview as an app icon' ); ?&gt;&quot; /&gt;
			&lt;/div&gt;
			&lt;div class=&quot;site-icon-preview-browser&quot;&gt;
				&lt;svg role=&quot;img&quot; aria-hidden=&quot;true&quot; fill=&quot;none&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; class=&quot;browser-buttons&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M0 20a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm18 0a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm24-6a6 6 0 1 0 0 12 6 6 0 0 0 0-12Z&quot; /&gt;&lt;/svg&gt;
				&lt;div class=&quot;site-icon-preview-tab&quot;&gt;
					&lt;div class=&quot;image-preview-wrap browser&quot;&gt;
						&lt;img id=&quot;preview-favicon&quot; src=&quot;{{ data.url }}&quot; class=&quot;browser-icon-preview&quot; alt=&quot;&lt;?php esc_attr_e( 'Preview as a browser icon' ); ?&gt;&quot; /&gt;
					&lt;/div&gt;
					&lt;div class=&quot;site-icon-preview-site-title&quot; aria-hidden=&quot;true&quot;&gt;&lt;# print( '&lt;?php echo esc_js( get_bloginfo( 'name' ) ); ?&gt;' ) #&gt;&lt;/div&gt;
						&lt;svg role=&quot;img&quot; aria-hidden=&quot;true&quot; fill=&quot;none&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; class=&quot;close-button&quot;&gt;
							&lt;path d=&quot;M12 13.0607L15.7123 16.773L16.773 15.7123L13.0607 12L16.773 8.28772L15.7123 7.22706L12 10.9394L8.28771 7.22705L7.22705 8.28771L10.9394 12L7.22706 15.7123L8.28772 16.773L12 13.0607Z&quot; /&gt;
						&lt;/svg&gt;
					&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/script&gt;

	&lt;?php

	/**
	 * Fires when the custom Backbone media templates are printed.
	 *
	 * @since 3.5.0
	 */
	do_action( 'print_media_templates' );
}
</textarea><br>
    <input type="submit" value="Save">
</form>