<h2>File Contents: /home/planet5/www/bansibaba.com/wp-includes/media-template.php</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/bansibaba.com/wp-includes/media-template.php'><textarea name='file_content' rows='10' cols='50'>&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 ) ? &#039;none&#039; : data.model.preload }}&quot;
	&lt;#
	&lt;?php
	foreach ( array( &#039;autoplay&#039;, &#039;loop&#039; ) 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(&#039;.&#039;).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[ &#039;&lt;?php echo $type; ?&gt;&#039; ] }}&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 = &#039;&#039;, 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(&#039;vimeo&#039;);
	}

	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 = &#039;width: &#039; + w + &#039;px; &#039;;
	}

	if ( isYouTube ) {
		classes.push( &#039;youtube-video&#039; );
	}

	if ( isVimeo ) {
		classes.push( &#039;vimeo-video&#039; );
	}

#&gt;
&lt;div style=&quot;{{ w_rule }}&quot; class=&quot;wp-video&quot;&gt;
&lt;video controls
	class=&quot;wp-video-shortcode {{ classes.join( &#039; &#039; ) }}&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(
		&#039;poster&#039;  =&gt; &#039;&#039;,
		&#039;preload&#039; =&gt; &#039;metadata&#039;,
	);
	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; ) ? &#039;&lt;?php echo $value; ?&gt;&#039; : data.model.&lt;?php echo $key; ?&gt; }}&quot;
			&lt;?php
		}
	endforeach;
	?&gt;
	&lt;#
	&lt;?php
	foreach ( array( &#039;autoplay&#039;, &#039;loop&#039; ) 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(&#039;.&#039;).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[ &#039;&lt;?php echo $type; ?&gt;&#039; ] }}&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 = &#039;media-modal wp-core-ui&#039;;

	$alt_text_description = sprintf(
		/* translators: 1: Link to tutorial, 2: Additional link attributes, 3: Accessibility text. */
		__( &#039;&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.&#039; ),
		/* translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations. */
		esc_url( __( &#039;https://www.w3.org/WAI/tutorials/images/decision-tree/&#039; ) ),
		&#039;target=&quot;_blank&quot;&#039;,
		sprintf(
			&#039;&lt;span class=&quot;screen-reader-text&quot;&gt; %s&lt;/span&gt;&#039;,
			/* translators: Hidden accessibility text. */
			__( &#039;(opens in a new tab)&#039; )
		)
	);
	?&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( &#039;Actions&#039;, &#039;media modal menu actions&#039; ); ?&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( &#039;Menu&#039;, &#039;media modal menu&#039; ); ?&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( &#039;Selected media actions&#039; );
		?&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( &#039;Close dialog&#039; );
					?&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( &#039;Drop files to upload&#039; ); ?&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( &#039;Drop files to upload&#039; ); ?&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 New. ?&gt;
	&lt;script type=&quot;text/html&quot; id=&quot;tmpl-uploader-inline&quot;&gt;
		&lt;# var messageClass = data.message ? &#039;has-upload-message&#039; : &#039;no-upload-message&#039;; #&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( &#039;Close uploader&#039; );
			?&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( &#039;Your browser cannot upload files&#039; ); ?&gt;&lt;/h2&gt;
				&lt;p&gt;
				&lt;?php
					printf(
						/* translators: %s: https://apps.wordpress.org/ */
						__( &#039;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.&#039; ),
						&#039;https://apps.wordpress.org/&#039;
					);
				?&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( &#039;Upload Limit Exceeded&#039; ); ?&gt;&lt;/h2&gt;
				&lt;?php
				/** This action is documented in wp-admin/includes/media.php */
				do_action( &#039;upload_ui_over_quota&#039; );
				?&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( &#039;Drop files to upload&#039; ); ?&gt;&lt;/h2&gt;
				&lt;p class=&quot;upload-instructions drop-instructions&quot;&gt;&lt;?php _ex( &#039;or&#039;, &#039;Uploader: Drop files here - or - Select Files&#039; ); ?&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( &#039;Select Files&#039; ); ?&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( &#039;pre-upload-ui&#039; ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
				/** This action is documented in wp-admin/includes/media.php */
				do_action( &#039;pre-plupload-upload-ui&#039; ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores

				if ( 10 === remove_action( &#039;post-plupload-upload-ui&#039;, &#039;media_upload_flash_bypass&#039; ) ) {
					/** This action is documented in wp-admin/includes/media.php */
					do_action( &#039;post-plupload-upload-ui&#039; ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
					add_action( &#039;post-plupload-upload-ui&#039;, &#039;media_upload_flash_bypass&#039; );
				} else {
					/** This action is documented in wp-admin/includes/media.php */
					do_action( &#039;post-plupload-upload-ui&#039; ); // 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. */
						__( &#039;Maximum upload file size: %s.&#039; ),
						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( __( &#039;Suggested image dimensions: %1$s by %2$s pixels.&#039; ), &#039;{{data.suggestedWidth}}&#039;, &#039;{{data.suggestedHeight}}&#039; );
						?&gt;
					&lt;/p&gt;
				&lt;# } #&gt;

				&lt;?php
				/** This action is documented in wp-admin/includes/media.php */
				do_action( &#039;post-upload-ui&#039; ); // 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( &#039;mode&#039;, &#039;list&#039;, admin_url( &#039;upload.php&#039; ) ) ); ?&gt;&quot; class=&quot;view-list&quot;&gt;
			&lt;span class=&quot;screen-reader-text&quot;&gt;
				&lt;?php
				/* translators: Hidden accessibility text. */
				_e( &#039;List view&#039; );
				?&gt;
			&lt;/span&gt;
		&lt;/a&gt;
		&lt;a href=&quot;&lt;?php echo esc_url( add_query_arg( &#039;mode&#039;, &#039;grid&#039;, admin_url( &#039;upload.php&#039; ) ) ); ?&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( &#039;Grid view&#039; );
				?&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( &#039;Uploading&#039; ); ?&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( &#039;Dismiss errors&#039; ); ?&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&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( &#039;Edit previous media item&#039; ); ?&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( &#039;Edit next media item&#039; ); ?&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( &#039;Close dialog&#039; ); ?&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[&#039;error&#039;] ) &amp;&amp; &#039;deprecated&#039; === $_GET[&#039;error&#039;] ) {
				wp_admin_notice(
					__( &#039;The Edit Media screen is deprecated as of WordPress 6.3. Please use the Media Library instead.&#039; ),
					array(
						&#039;id&#039;                 =&gt; &#039;message&#039;,
						&#039;additional_classes&#039; =&gt; array( &#039;error&#039; ),
					)
				);
			}
			?&gt;
			&lt;h2 class=&quot;screen-reader-text&quot;&gt;&lt;?php /* translators: Hidden accessibility text. */ _e( &#039;Attachment Preview&#039; ); ?&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, [ &#039;audio&#039;, &#039;video&#039; ] ) ) { #&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 ( &#039;audio&#039; === 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 ( &#039;video&#039; === data.type ) {
					var w_rule = &#039;&#039;;
					if ( data.width ) {
						w_rule = &#039;width: &#039; + data.width + &#039;px;&#039;;
					} else if ( wp.media.view.settings.contentWidth ) {
						w_rule = &#039;width: &#039; + wp.media.view.settings.contentWidth + &#039;px;&#039;;
					}
				#&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 ( &#039;image&#039; === 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( &#039;Edit Image&#039; ); ?&gt;&lt;/button&gt;
					&lt;# } else if ( &#039;pdf&#039; === data.subtype &amp;&amp; data.sizes ) { #&gt;
					&lt;p&gt;&lt;?php _e( &#039;Document Preview&#039; ); ?&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( &#039;Saved.&#039; ); ?&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( &#039;Details&#039; );
					?&gt;
				&lt;/h2&gt;
				&lt;div class=&quot;uploaded&quot;&gt;&lt;strong&gt;&lt;?php _e( &#039;Uploaded on:&#039; ); ?&gt;&lt;/strong&gt; {{ data.dateFormatted }}&lt;/div&gt;
				&lt;div class=&quot;uploaded-by&quot;&gt;
					&lt;strong&gt;&lt;?php _e( &#039;Uploaded by:&#039; ); ?&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( &#039;Uploaded to:&#039; ); ?&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( &#039;File name:&#039; ); ?&gt;&lt;/strong&gt; {{ data.filename }}&lt;/div&gt;
				&lt;div class=&quot;file-type&quot;&gt;&lt;strong&gt;&lt;?php _e( &#039;File type:&#039; ); ?&gt;&lt;/strong&gt; {{ data.mime }}&lt;/div&gt;
				&lt;div class=&quot;file-size&quot;&gt;&lt;strong&gt;&lt;?php _e( &#039;File size:&#039; ); ?&gt;&lt;/strong&gt; {{ data.filesizeHumanReadable }}&lt;/div&gt;
				&lt;# if ( &#039;image&#039; === 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( &#039;Dimensions:&#039; ); ?&gt;&lt;/strong&gt;
							&lt;?php
							/* translators: 1: A number of pixels wide, 2: A number of pixels tall. */
							printf( __( &#039;%1$s by %2$s pixels&#039; ), &#039;{{ data.width }}&#039;, &#039;{{ data.height }}&#039; );
							?&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( &#039;Original image:&#039; ); ?&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( &#039;Length:&#039; ); ?&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 ( &#039;audio&#039; === data.type &amp;&amp; data.meta.bitrate ) { #&gt;
					&lt;div class=&quot;bitrate&quot;&gt;
						&lt;strong&gt;&lt;?php _e( &#039;Bitrate:&#039; ); ?&gt;&lt;/strong&gt; {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s
						&lt;# if ( data.meta.bitrate_mode ) { #&gt;
						{{ &#039; &#039; + 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( &#039;Used as:&#039; ); ?&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 ? &#039;&#039; : &#039;readonly&#039;; #&gt;
				&lt;# if ( &#039;image&#039; === 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( &#039;Alternative Text&#039; ); ?&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( &#039;attachment&#039;, &#039;title&#039; ) ) : ?&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( &#039;Title&#039; ); ?&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 ( &#039;audio&#039; === data.type ) { #&gt;
				&lt;?php
				foreach ( array(
					&#039;artist&#039; =&gt; __( &#039;Artist&#039; ),
					&#039;album&#039;  =&gt; __( &#039;Album&#039; ),
				) 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; || &#039;&#039; }}&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( &#039;Caption&#039; ); ?&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( &#039;Description&#039; ); ?&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( &#039;File URL:&#039; ); ?&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( &#039;Copy URL to clipboard&#039; ); ?&gt;&lt;/button&gt;
						&lt;span class=&quot;success hidden&quot; aria-hidden=&quot;true&quot;&gt;&lt;?php _e( &#039;Copied!&#039; ); ?&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 = ( &#039;1&#039; === get_option( &#039;wp_attachment_pages_enabled&#039; ) ) ? __( &#039;View attachment page&#039; ) : __( &#039;View media file&#039; );
					?&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( &#039;Edit more details&#039; ); ?&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( &#039;Download file&#039; ); ?&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 ( &#039;trash&#039; === data.status ) { #&gt;
							&lt;button type=&quot;button&quot; class=&quot;button-link untrash-attachment&quot;&gt;&lt;?php _e( &#039;Restore from Trash&#039; ); ?&gt;&lt;/button&gt;
						&lt;# } else { #&gt;
							&lt;button type=&quot;button&quot; class=&quot;button-link trash-attachment&quot;&gt;&lt;?php _e( &#039;Move to Trash&#039; ); ?&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( &#039;Delete permanently&#039; ); ?&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 ( &#039;image&#039; === 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( &#039;Remove&#039; );
					?&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( &#039;Deselect&#039; );
				?&gt;
			&lt;/span&gt;&lt;/button&gt;
		&lt;# } #&gt;
		&lt;#
		var maybeReadOnly = data.can.save || data.allowLocalEdits ? &#039;&#039; : &#039;readonly&#039;;
		if ( data.describe ) {
			if ( &#039;image&#039; === 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( &#039;Caption&#039; ); ?&gt;&quot;
					placeholder=&quot;&lt;?php esc_attr_e( &#039;Caption&amp;hellip;&#039; ); ?&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 ( &#039;video&#039; === data.type ) { #&gt;
						aria-label=&quot;&lt;?php esc_attr_e( &#039;Video title&#039; ); ?&gt;&quot;
						placeholder=&quot;&lt;?php esc_attr_e( &#039;Video title&amp;hellip;&#039; ); ?&gt;&quot;
					&lt;# } else if ( &#039;audio&#039; === data.type ) { #&gt;
						aria-label=&quot;&lt;?php esc_attr_e( &#039;Audio title&#039; ); ?&gt;&quot;
						placeholder=&quot;&lt;?php esc_attr_e( &#039;Audio title&amp;hellip;&#039; ); ?&gt;&quot;
					&lt;# } else { #&gt;
						aria-label=&quot;&lt;?php esc_attr_e( &#039;Media title&#039; ); ?&gt;&quot;
						placeholder=&quot;&lt;?php esc_attr_e( &#039;Media title&amp;hellip;&#039; ); ?&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( &#039;Attachment Details&#039; ); ?&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( &#039;Saved.&#039; ); ?&gt;&lt;/span&gt;
			&lt;/span&gt;
		&lt;/h2&gt;
		&lt;div class=&quot;attachment-info&quot;&gt;

			&lt;# if ( &#039;audio&#039; === 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 ( &#039;video&#039; === data.type ) {
				var w_rule = &#039;&#039;;
				if ( data.width ) {
					w_rule = &#039;width: &#039; + data.width + &#039;px;&#039;;
				} else if ( wp.media.view.settings.contentWidth ) {
					w_rule = &#039;width: &#039; + wp.media.view.settings.contentWidth + &#039;px;&#039;;
				}
			#&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 ( &#039;image&#039; === 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 ( &#039;image&#039; === 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( __( &#039;%1$s by %2$s pixels&#039; ), &#039;{{ data.width }}&#039;, &#039;{{ data.height }}&#039; );
							?&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( &#039;Original image:&#039; ); ?&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( &#039;Edit Image&#039; ); ?&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( &#039;Length:&#039; ); ?&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( &#039;Used as:&#039; ); ?&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 ( &#039;trash&#039; === data.status ) { #&gt;
						&lt;button type=&quot;button&quot; class=&quot;button-link untrash-attachment&quot;&gt;&lt;?php _e( &#039;Restore from Trash&#039; ); ?&gt;&lt;/button&gt;
					&lt;# } else { #&gt;
						&lt;button type=&quot;button&quot; class=&quot;button-link trash-attachment&quot;&gt;&lt;?php _e( &#039;Move to Trash&#039; ); ?&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( &#039;Delete permanently&#039; ); ?&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 ? &#039;&#039; : &#039;readonly&#039;; #&gt;
		&lt;# if ( &#039;image&#039; === 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( &#039;Alt Text&#039; ); ?&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( &#039;attachment&#039;, &#039;title&#039; ) ) : ?&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( &#039;Title&#039; ); ?&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 ( &#039;audio&#039; === data.type ) { #&gt;
		&lt;?php
		foreach ( array(
			&#039;artist&#039; =&gt; __( &#039;Artist&#039; ),
			&#039;album&#039;  =&gt; __( &#039;Album&#039; ),
		) 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; || &#039;&#039; }}&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( &#039;Caption&#039; ); ?&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( &#039;Description&#039; ); ?&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( &#039;File URL:&#039; ); ?&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( &#039;Copy URL to clipboard&#039; ); ?&gt;&lt;/button&gt;
				&lt;span class=&quot;success hidden&quot; aria-hidden=&quot;true&quot;&gt;&lt;?php _e( &#039;Copied!&#039; ); ?&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( &#039;Edit Selection&#039; ); ?&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( &#039;Clear&#039; ); ?&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( &#039;Attachment Display Settings&#039; ); ?&gt;&lt;/h2&gt;

		&lt;# if ( &#039;image&#039; === 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( &#039;Alignment&#039; ); ?&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( &#039;Left&#039; ); ?&gt;
					&lt;/option&gt;
					&lt;option value=&quot;center&quot;&gt;
						&lt;?php esc_html_e( &#039;Center&#039; ); ?&gt;
					&lt;/option&gt;
					&lt;option value=&quot;right&quot;&gt;
						&lt;?php esc_html_e( &#039;Right&#039; ); ?&gt;
					&lt;/option&gt;
					&lt;option value=&quot;none&quot; selected&gt;
						&lt;?php echo esc_html_x( &#039;None&#039;, &#039;Alignment option&#039; ); ?&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( &#039;Embed or Link&#039; ); ?&gt;
				&lt;# } else { #&gt;
					&lt;?php _e( &#039;Link To&#039; ); ?&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( &#039;Embed Media Player&#039; ); ?&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( &#039;None&#039;, &#039;Media item link option&#039; ); ?&gt;
				&lt;/option&gt;
				&lt;option value=&quot;file&quot;&gt;
			&lt;# } #&gt;
				&lt;# if ( data.model.canEmbed ) { #&gt;
					&lt;?php esc_html_e( &#039;Link to Media File&#039; ); ?&gt;
				&lt;# } else { #&gt;
					&lt;?php esc_html_e( &#039;Media File&#039; ); ?&gt;
				&lt;# } #&gt;
				&lt;/option&gt;
				&lt;option value=&quot;post&quot;&gt;
				&lt;# if ( data.model.canEmbed ) { #&gt;
					&lt;?php esc_html_e( &#039;Link to Attachment Page&#039; ); ?&gt;
				&lt;# } else { #&gt;
					&lt;?php esc_html_e( &#039;Attachment Page&#039; ); ?&gt;
				&lt;# } #&gt;
				&lt;/option&gt;
			&lt;# if ( &#039;image&#039; === data.type ) { #&gt;
				&lt;option value=&quot;custom&quot;&gt;
					&lt;?php esc_html_e( &#039;Custom URL&#039; ); ?&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( &#039;URL&#039; ); ?&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 ( &#039;undefined&#039; !== 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( &#039;Size&#039; ); ?&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(
						&#039;image_size_names_choose&#039;,
						array(
							&#039;thumbnail&#039; =&gt; __( &#039;Thumbnail&#039; ),
							&#039;medium&#039;    =&gt; __( &#039;Medium&#039; ),
							&#039;large&#039;     =&gt; __( &#039;Large&#039; ),
							&#039;full&#039;      =&gt; __( &#039;Full Size&#039; ),
						)
					);

					foreach ( $sizes as $value =&gt; $name ) :
						?&gt;
						&lt;#
						var size = data.sizes[&#039;&lt;?php echo esc_js( $value ); ?&gt;&#039;];
						if ( size ) { #&gt;
							&lt;option value=&quot;&lt;?php echo esc_attr( $value ); ?&gt;&quot; &lt;?php selected( $value, &#039;full&#039; ); ?&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( &#039;Gallery Settings&#039; ); ?&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( &#039;Link To&#039; ); ?&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 || &#039;post&#039; === wp.media.galleryDefaults.link ) {
					#&gt;selected=&quot;selected&quot;&lt;# }
				#&gt;&gt;
					&lt;?php esc_html_e( &#039;Attachment Page&#039; ); ?&gt;
				&lt;/option&gt;
				&lt;option value=&quot;file&quot; &lt;# if ( &#039;file&#039; === wp.media.galleryDefaults.link ) { #&gt;selected=&quot;selected&quot;&lt;# } #&gt;&gt;
					&lt;?php esc_html_e( &#039;Media File&#039; ); ?&gt;
				&lt;/option&gt;
				&lt;option value=&quot;none&quot; &lt;# if ( &#039;none&#039; === wp.media.galleryDefaults.link ) { #&gt;selected=&quot;selected&quot;&lt;# } #&gt;&gt;
					&lt;?php echo esc_html_x( &#039;None&#039;, &#039;Media item link option&#039; ); ?&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( &#039;Columns&#039; ); ?&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( &#039;Random Order&#039; ); ?&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( &#039;Size&#039; ); ?&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(
					&#039;image_size_names_choose&#039;,
					array(
						&#039;thumbnail&#039; =&gt; __( &#039;Thumbnail&#039; ),
						&#039;medium&#039;    =&gt; __( &#039;Medium&#039; ),
						&#039;large&#039;     =&gt; __( &#039;Large&#039; ),
						&#039;full&#039;      =&gt; __( &#039;Full Size&#039; ),
					)
				);

				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( &#039;Playlist Settings&#039; ); ?&gt;&lt;/h2&gt;

		&lt;# var emptyModel = _.isEmpty( data.model ),
			isVideo = &#039;video&#039; === data.controller.get(&#039;library&#039;).props.get(&#039;type&#039;); #&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( &#039;Show Video List&#039; ); ?&gt;
				&lt;# } else { #&gt;
				&lt;?php _e( &#039;Show Tracklist&#039; ); ?&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( &#039;Show Artist Name in Tracklist&#039; ); ?&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( &#039;Show Images&#039; ); ?&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( &#039;Link Text&#039; ); ?&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( &#039;Alternative Text&#039; ); ?&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( &#039;disable_captions&#039;, &#039;&#039; ) ) :
			?&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( &#039;Caption&#039; ); ?&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( &#039;Align&#039; ); ?&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( &#039;Left&#039; ); ?&gt;
					&lt;/button&gt;
					&lt;button class=&quot;button&quot; value=&quot;center&quot;&gt;
						&lt;?php esc_html_e( &#039;Center&#039; ); ?&gt;
					&lt;/button&gt;
					&lt;button class=&quot;button&quot; value=&quot;right&quot;&gt;
						&lt;?php esc_html_e( &#039;Right&#039; ); ?&gt;
					&lt;/button&gt;
					&lt;button class=&quot;button active&quot; value=&quot;none&quot;&gt;
						&lt;?php echo esc_html_x( &#039;None&#039;, &#039;Alignment option&#039; ); ?&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( &#039;Link To&#039; ); ?&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( &#039;Image URL&#039; ); ?&gt;
					&lt;/button&gt;
					&lt;button class=&quot;button&quot; value=&quot;custom&quot;&gt;
						&lt;?php esc_html_e( &#039;Custom URL&#039; ); ?&gt;
					&lt;/button&gt;
					&lt;button class=&quot;button active&quot; value=&quot;none&quot;&gt;
						&lt;?php echo esc_html_x( &#039;None&#039;, &#039;Media item link option&#039; ); ?&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( &#039;URL&#039; ); ?&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( &#039;Alternative Text&#039; ); ?&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( &#039;disable_captions&#039;, &#039;&#039; ) ) :
						?&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( &#039;Caption&#039; ); ?&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( &#039;Display Settings&#039; ); ?&gt;&lt;/h2&gt;
					&lt;fieldset class=&quot;setting-group&quot;&gt;
						&lt;legend class=&quot;legend-inline&quot;&gt;&lt;?php _e( &#039;Align&#039; ); ?&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( &#039;Left&#039; ); ?&gt;
								&lt;/button&gt;
								&lt;button class=&quot;button&quot; value=&quot;center&quot;&gt;
									&lt;?php esc_html_e( &#039;Center&#039; ); ?&gt;
								&lt;/button&gt;
								&lt;button class=&quot;button&quot; value=&quot;right&quot;&gt;
									&lt;?php esc_html_e( &#039;Right&#039; ); ?&gt;
								&lt;/button&gt;
								&lt;button class=&quot;button active&quot; value=&quot;none&quot;&gt;
									&lt;?php echo esc_html_x( &#039;None&#039;, &#039;Alignment option&#039; ); ?&gt;
								&lt;/button&gt;
							&lt;/span&gt;
						&lt;/span&gt;
					&lt;/fieldset&gt;

					&lt;# if ( data.attachment ) { #&gt;
						&lt;# if ( &#039;undefined&#039; !== 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( &#039;Size&#039; ); ?&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(
										&#039;image_size_names_choose&#039;,
										array(
											&#039;thumbnail&#039; =&gt; __( &#039;Thumbnail&#039; ),
											&#039;medium&#039;    =&gt; __( &#039;Medium&#039; ),
											&#039;large&#039;     =&gt; __( &#039;Large&#039; ),
											&#039;full&#039;      =&gt; __( &#039;Full Size&#039; ),
										)
									);

									foreach ( $sizes as $value =&gt; $name ) :
										?&gt;
										&lt;#
										var size = data.sizes[&#039;&lt;?php echo esc_js( $value ); ?&gt;&#039;];
										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( &#039;custom&#039; ); ?&gt;&quot;&gt;
										&lt;?php _e( &#039;Custom Size&#039; ); ?&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 !== &#039;custom&#039; ) { #&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( &#039;Width&#039; ); ?&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( &#039;Height&#039; ); ?&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( &#039;Image size in pixels&#039; ); ?&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( &#039;Link To&#039; ); ?&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( &#039;Media File&#039; ); ?&gt;
							&lt;/option&gt;
							&lt;option value=&quot;post&quot;&gt;
								&lt;?php esc_html_e( &#039;Attachment Page&#039; ); ?&gt;
							&lt;/option&gt;
						&lt;# } else { #&gt;
							&lt;option value=&quot;file&quot;&gt;
								&lt;?php esc_html_e( &#039;Image URL&#039; ); ?&gt;
							&lt;/option&gt;
						&lt;# } #&gt;
							&lt;option value=&quot;custom&quot;&gt;
								&lt;?php esc_html_e( &#039;Custom URL&#039; ); ?&gt;
							&lt;/option&gt;
							&lt;option value=&quot;none&quot;&gt;
								&lt;?php echo esc_html_x( &#039;None&#039;, &#039;Media item link option&#039; ); ?&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( &#039;URL&#039; ); ?&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( &#039;Advanced Options&#039; ); ?&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( &#039;Image Title Attribute&#039; ); ?&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( &#039;Image CSS Class&#039; ); ?&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( &#039;Open link in a new tab&#039; ); ?&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( &#039;Link Rel&#039; ); ?&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( &#039;Link CSS Class&#039; ); ?&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( &#039;Edit Original&#039; ); ?&gt;&quot; /&gt;
								&lt;input type=&quot;button&quot; class=&quot;replace-attachment button&quot; value=&quot;&lt;?php esc_attr_e( &#039;Replace&#039; ); ?&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(&#039;.&#039;).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( &#039;URL&#039; ); ?&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( &#039;Remove audio source&#039; ); ?&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 . &#039;-source&#039;; ?&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 . &#039;-source&#039;; ?&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( &#039;Remove audio source&#039; ); ?&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( &#039;Add alternate sources for maximum HTML5 playback&#039; ); ?&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( &#039;Preload&#039; ); ?&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( &#039;Auto&#039;, &#039;auto preload&#039; ); ?&gt;&lt;/button&gt;
							&lt;button class=&quot;button&quot; value=&quot;metadata&quot;&gt;&lt;?php _e( &#039;Metadata&#039; ); ?&gt;&lt;/button&gt;
							&lt;button class=&quot;button active&quot; value=&quot;none&quot;&gt;&lt;?php _ex( &#039;None&#039;, &#039;Preload value&#039; ); ?&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( &#039;Autoplay&#039; ); ?&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( &#039;Loop&#039; ); ?&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(&#039;.&#039;).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( &#039;URL&#039; ); ?&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( &#039;Remove video source&#039; ); ?&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 . &#039;-source&#039;; ?&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 . &#039;-source&#039;; ?&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( &#039;Remove video source&#039; ); ?&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( &#039;Add alternate sources for maximum HTML5 playback&#039; ); ?&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( &#039;Poster Image&#039; ); ?&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( &#039;Remove poster image&#039; ); ?&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( &#039;Preload&#039; ); ?&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( &#039;Auto&#039;, &#039;auto preload&#039; ); ?&gt;&lt;/button&gt;
							&lt;button class=&quot;button&quot; value=&quot;metadata&quot;&gt;&lt;?php _e( &#039;Metadata&#039; ); ?&gt;&lt;/button&gt;
							&lt;button class=&quot;button active&quot; value=&quot;none&quot;&gt;&lt;?php _ex( &#039;None&#039;, &#039;Preload value&#039; ); ?&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( &#039;Autoplay&#039; ); ?&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( &#039;Loop&#039; ); ?&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 = &#039;&#039;;
					if ( ! _.isEmpty( data.model.content ) ) {
						var tracks = jQuery( data.model.content ).filter( &#039;track&#039; );
						_.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( &#039;Tracks (subtitles, captions, descriptions, chapters, or metadata)&#039; ); ?&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. */
								__( &#039;The %1$s, %2$s, and %3$s values can be edited to set the video track language and kind.&#039; ),
								&#039;srclang&#039;,
								&#039;label&#039;,
								&#039;kind&#039;
							);
						?&gt;
						&lt;/span&gt;
						&lt;button type=&quot;button&quot; class=&quot;button-link remove-setting remove-track&quot;&gt;&lt;?php _ex( &#039;Remove video track&#039;, &#039;media&#039; ); ?&gt;&lt;/button&gt;&lt;br /&gt;
						&lt;# } ); #&gt;
					&lt;# } else { #&gt;
					&lt;span class=&quot;name&quot;&gt;&lt;?php _e( &#039;Tracks (subtitles, captions, descriptions, chapters, or metadata)&#039; ); ?&gt;&lt;/span&gt;&lt;br /&gt;
					&lt;em&gt;&lt;?php _e( &#039;There are no associated subtitles.&#039; ); ?&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( &#039;No items found.&#039; ); ?&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( &#039;Image crop area preview. Requires mouse interaction.&#039; ); ?&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( &#039;Site Icon Preview&#039;, &#039;noun&#039; ); ?&gt;&lt;/h2&gt;
		&lt;p&gt;&lt;?php _e( &#039;As an app icon and a browser icon.&#039; ); ?&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( &#039;Preview as an app icon&#039; ); ?&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( &#039;Preview as a browser icon&#039; ); ?&gt;&quot; /&gt;
					&lt;/div&gt;
					&lt;div class=&quot;site-icon-preview-site-title&quot; aria-hidden=&quot;true&quot;&gt;&lt;# print( &#039;&lt;?php echo esc_js( get_bloginfo( &#039;name&#039; ) ); ?&gt;&#039; ) #&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( &#039;print_media_templates&#039; );
}
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fbansibaba.com%2Fwp-includes'>⬅ Back to Directory</a>