<div id="js-media_multiple" class="acms-admin-col-12">
	<div id="js-media_drop_area" class="acms-admin-media">
		<div class="acms-admin-drop-inside">
			<i class="acms-admin-icon acms-admin-icon-media" style="font-size:100px; color:#CCC;"></i>
			<p class="acms-admin-media-dropText">ここにファイルをドロップ</p>
			<p>または</p>
			<p><input type="file" id="js-media_files" name="files[]" multiple /></p>
			<input type="hidden" name="mediaFiles" multiple />
		</div>
	</div>

	<div id="js-media_disp_area">

	<div class="acms-admin-form" style="margin-bottom: 20px;">
		<!-- BEGIN_MODULE Admin_Media_Tag -->
		<select class="acms-admin-select-large" name="image_size"><!-- BEGIN size:loop -->
			<option value="{value}">{label}</option><!-- END size:loop -->
		</select>

		<select class="acms-admin-select-large" name="media_tag_select">
			<option value="">ラベルを選択</option><!-- BEGIN tag:loop -->
			<option value="{name}">{name}<!--  ({amount}件) --></option><!-- END tag:loop -->
		</select>
		<input type="text" name="media_tag_text" value="" placeholder="新しいラベル" style="width:200px;" class="acms-admin-form" />

		<!-- END_MODULE Admin_Media_Tag -->

		<button id="js-media_upload" class="acms-admin-btn-admin acms-admin-btn-admin-primary acms-admin-btn-admin-save"><span>アップロード</span></button>
		<!-- BEGIN_MODULE Admin_Dashboard_PhpStatus -->
		<!-- <p class="acms-admin-float-right">POSTデータ上限サイズ{post_max_size}</p> -->
		<!-- END_MODULE Admin_Dashboard_PhpStatus -->
	</div>
	<!-- END_MODULE Admin_Config -->

	<table role="presentation" class="acms-admin-table-admin">
		<tbody class="files">
		<script id="js-media_tmpl" type="text/template">
		<% data.size_kb = data.size/1000; %>
		<tr>
			<td>
				<div class="preview">
					<% if ( data.filetype == 'image' ) { %>
						<img src="<%= data.preview %>" height="60" />
					<% } else if ( data.filetype == 'file' ) { %>
						<span class="acms-admin-icon acms-admin-icon-entry" style="font-size:40px;"></span>
					<% } %>
				</div>
			</td>
			<td>
				<p class="name"><%- data.name %></p>
			</td>
			<td>
				<p class="size"><%- data.size_kb %> KB</p>
				<div class="acms-admin-progress acms-admin-progress-striped acms-admin-active" style="display:none;">
					<div class="acms-admin-progress-bar acms-admin-progress-bar-info" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
						<span class="acms-admin-progress-mess"></span>
					</div>
				</div>
			</td>
			<td>
				<button class="js-media_cancel_btn acms-admin-btn-admin acms-admin-btn-admin">
					<span>キャンセル</span>
				</button>
			</td>
		</tr>
		</script>
		</tbody>
	</table>
	</div>
</div>

<div id="js-media_browser">
	<!-- BEGIN_MODULE Admin_Config -->
	<form action="" method="post" class="acms-admin-form" enctype="multipart/form-data">
		<div class="acms-admin-form-group" style="margin-top: 20px;">
			<input type="file" class="btn btn-default" name="file" />
		</div>

		<div class="acms-admin-form-group">
			<select name="size"><!-- BEGIN column_image_size_group:loop -->
				<option value="{column_image_size}">{column_image_size_label}</option><!-- END column_image_size_group:loop -->
			</select>

			<!-- BEGIN_MODULE Admin_Media_Tag -->
			<select name="tags">
				<option value="">ラベルを選択</option><!-- BEGIN tag:loop -->
				<option value="{name}">{name}<!--  ({amount}件) --></option><!-- END tag:loop -->
			</select><!-- END_MODULE Admin_Media_Tag -->
			
			<input type="text" name="tags" value="" placeholder="新しいラベル" />

			<input type="submit" class="acms-admin-btn-admin acms-admin-btn-admin-primary" name="ACMS_POST_Media_Upload" value="アップロード" />
		</div>

	</form><!-- END_MODULE Admin_Config -->
</div>