<% 
if (typeof mediaassettitle ==='string'){%><%- mediaassettitle %><%}
else{%>
<h2>Media Assets</h2>
<%} %>
	<div class="_pea-document">
		<div class="_pea-row _pea-container-forminput no-margin">
			<!-- <div id="filedrag">drag or drop files here</div> -->
			<!-- http://www.sitepoint.com/html5-file-drag-and-drop/ -->
			<div class="_pea-col-span8 _pea-text-center">
				<div class=" _pea-form _pea-row">
					<input type="text" placeholder="search" id="media-search-query" class="_pea-col-span10" name="media-search-query"/>
					<a data-href="/p-admin/assets" data-successfunction="mediaSearchResult" class="_pea-col-span2 _pea-button" id="media-asset-search-button" />search</a>
				</div>
			</div>
			<div class="_pea-col-span1">
				<div class="_pea-row _pea-container-forminput no-margin _pea-text-center">
				or								
				</div>
			</div>
			<div class="_pea-col-span3">
				<input type="file" id="padmin-mediafiles" class="_pea-col-span12 _pea-button _pea-color-default" name="mediafiles" multiple="multiple" />
			</div>
		</div>
		<div id="media-files-search-result" style="margin:0.5em 0 0; border-left:none; border-right:none; padding-bottom:0.5em;" class="_pea-row pea-border _pea-hidden _pea-container-forminput">
		</div>
		<div id="media-files-result" class="_pea-row no-margin _pea-container-forminput">
			<input type="hidden" id="primaryasset-input" name="primaryasset" value="<% if (genericdoc && genericdoc.primaryasset){%><%- genericdoc.primaryasset._id%><%} %>"/>
			
			
			<% if(genericdoc && genericdoc.assets){
				genericdoc.assets.forEach(function(asset){
					%>
					<div data-id="asset._id" class="_pea-col-span4 media-item-x">
						<input style="display:none;" name="assets" type="checkbox" value="<%=asset._id%>" checked="checked"></input>
						<% if(asset.assettype && asset.assettype.match("image")){
							%><img class="_pea-col-span11" src="<%=asset.fileurl%>"/><%
						} 
						else{%>
							<div class="_pea-col-span11"> <%=asset.fileurl%></div>
						<%
						}%>
						<div class="mix-options _pea-text-right">	
							<a href="/p-admin/asset/<%= asset._id %>" target="_blank" title="edit asset" class="_pea-button edit-asset _pea-color-info">i</a>

							<a data-assetid="<%= asset._id %>" title="make primary asset" class="_pea-button make-primary _pea-color-warn"
							<% if(genericdoc.primaryasset && genericdoc.primaryasset._id.toString() === asset._id.toString()){%>
							style="display:none;"
							<%}%>
							>*</a>
							
							<a data-assetid="<%= asset._id %>" title="remove asset" class="_pea-button remove-asset _pea-color-error">x</a>
						</div>
					</div>
					<%
				});
			} %>
		</div>
	</div>