<div id="wpml-media-dialog" hidden>
	<div class="wpml-settings-list" id="wpml-media-is-copy-notice" style="display: none">
		<div role="presentation">
			<div class="warning notice-warning otgs-notice wpml-settings-list-notice" style="display: block;">
				<h4 class="small-margin-top small-margin-bottom">{{ strings.media_text_is_copy }}</h4>
				<p>{{ strings.media_text_is_copy_notice }}</p>
				<h4 id="wpml-media-is-copy-cannot-edit-notice" class="small-margin-bottom" style="display: none"><i>{{ strings.media_text_cannot_edit_notice }}</i></h4>
			</div>
		</div>
	</div>
	<div class="wpml-settings-list" id="wpml-media-is-reference-notice" style="display: none">
		<div role="presentation">
			<div class="warning notice-warning otgs-notice wpml-settings-list-notice" style="display: block;">
				<h4 class="small-margin-top small-margin-bottom">{{ strings.media_text_is_reference }}</h4>
				<p>{{ strings.media_text_is_reference_notice }}</p>
				<h4 class="small-margin-bottom" style="display: none"><i>{{ strings.media_text_cannot_edit_notice }}</i></h4>
			</div>
		</div>
	</div>
	<div class="wpml-settings-list" id="wpml-media-is-copyandreference-notice" style="display: none">
		<div role="presentation">
			<div class="warning notice-warning otgs-notice wpml-settings-list-notice" style="display: block;">
				<h4 class="small-margin-top small-margin-bottom">{{ strings.media_text_is_copy_ref }}</h4>
				<p>{{ strings.media_text_is_copy_ref_notice }}</p>
				<h4 class="small-margin-bottom" style="display: none"><i>{{ strings.media_text_cannot_edit_notice }}</i></h4>
			</div>
		</div>
	</div>
	<span class="ajax-loader"></span>
    <form id="wpml-media-dialog-form" method="post" enctype="multipart/form-data">
        {{ nonce|raw }}
		<input type="hidden" name="copied_media_label" value=""/>
		<input type="hidden" name="referenced_media_label" value=""/>
		<input type="hidden" name="has_usages_in_posts_by_copy" value=""/>
		<input type="hidden" name="has_usages_in_posts_by_reference" value=""/>
        <input type="hidden" name="original-attachment-id" value=""/>
        <input type="hidden" name="translated-attachment-id" value=""/>
        <input type="hidden" name="translated-language" value=""/>
        <input type="hidden" name="restore-media" value="0"/>
        <input type="hidden" name="update-media-file" value="0"/>
        <input type="hidden" name="action" value="wpml_media_save_translation"/>

		<div class="wpml-form-row wpml-form-row--columns">
			<label></label>
			<h3 class="wpml-header-original">
				{{ strings.original }}
				<div class="wpml-flag-wrapper"><span class="wpml-title-flag"><img src="#"></span><strong>%from_language%</strong></div>
			</h3>
			<h3 class="wpml-header-translation">
				{{ strings.translation }}
				<div class="wpml-flag-wrapper"><span class="wpml-title-flag"><img src="#"></span><strong>%to_language%</strong></div>
			</h3>
		</div>

        <div class="wpml-form-row wpml-form-row--columns">

            <label>{{ strings.file }}</label>

            <span class="wpml-media-wrapper">
                <span class="wpml-media-original-image">
                    <img src="#" alt="#">
                    <span class="wpml-media-original-title"></span>
                </span>
            </span>

            <span class="wpml-media-wrapper wpml-media-upload-handle">
                <a class="wpml-media-translation-image drag-drop-area">
                    <img src="#" alt="#">
                    <span class="wpml-media-translated-title"></span>
                    <span class="wpml-media-upload-text hidden">{{ strings.use_different_file }}</span>
                </a>

                <span class="js-wpml-media-revert wpml-display-block text-center hidden">
                    <a class="button button-secondary button-small">{{ strings.revert_to_original }}</a>
                </span>
            </span>

        </div>

		<div style="width: 100%; height: 20px"></div>

        <div class="wpml-form-row wpml-form-row-title wpml-form-row-translation-field hidden">
            <label for="media-title">{{ strings.name }}</label>
            <input readonly value="" id="media-title-original" type="text">
			<div class="wpml-row-button-row">
				<button class="button-copy button-secondary js-button-copy otgs-ico-copy"
						title="{{ strings.copy_from_original }}"
						data-defaultitle="{{ strings.copy_from_original }}"
						data-disabledtitle="{{ strings.media_text_cannot_edit_notice }}"></button>
			</div>
            <input name="translation[title]" id="media-title-translation" value="" type="text">
        </div>
        <div class="wpml-form-row wpml-form-row-caption wpml-form-row-translation-field hidden">
            <label for="media-caption">{{ strings.caption }}</label>
            <textarea readonly id="media-caption-original" cols="22" rows="4"></textarea>
			<div class="wpml-row-button-row">
				<button class="button-copy button-secondary js-button-copy otgs-ico-copy"
						title="{{ strings.copy_from_original }}"></button>
			</div>
            <textarea name="translation[caption]" id="media-caption-translation" cols="22" rows="4"></textarea>
        </div>
        <div class="wpml-form-row wpml-form-row-alt-text wpml-form-row-translation-field hidden">
            <label for="media-alt-text">{{ strings.alt_text }}</label>
            <input readonly value="" id="media-alt-text-original" type="text">
			<div class="wpml-row-button-row">
				<button class="button-copy button-secondary js-button-copy otgs-ico-copy"
						title="{{ strings.copy_from_original }}"></button>
			</div>
            <input name="translation[alt-text]" id="media-alt-text-translation" value="" type="text">
        </div>
        <div class="wpml-form-row wpml-form-row-description wpml-form-row-translation-field hidden">
            <label for="media-description">{{ strings.description }}</label>
            <textarea readonly id="media-description-original" cols="22" rows="4"></textarea>
			<div class="wpml-row-button-row">
				<button class="button-copy button-secondary js-button-copy otgs-ico-copy"
						title="{{ strings.copy_from_original }}"></button>
			</div>
            <textarea name="translation[description]" id="media-description-translation" cols="22" rows="4"></textarea>
        </div>
		<div id="wpml-custom-fields-container"></div>
    </form>
    {% if( false and show_text_change_notice) %}
    <div class="text-change-notice notice notice-info inline is-dismissible hidden">
        <p>{{ strings.texts_change_notice }}</p>
    </div>
    {% endif %}
    <div id="wpml-media-upload-progress-animation">
        <div class="upload-progress-bar"></div>
        <div class="status">0%</div>
    </div>
    <span id="wpml-media-upload-error" class="icl_error_text"></span>
</div>
<form id="wpml-media-file-upload-form" enctype="multipart/form-data">
    <input type="hidden" name="action" value="wpml_media_upload_file">
    <input type="hidden" name="attachment-id" value="">
    <input type="hidden" name="original-attachment-id" value="">
    <input type="hidden" name="language" value="">
    {{ nonce|raw }}
    <input style="display:none" type="file" name="image" accept="image/*" />
</form>
