<% include ../../shared/header %>
<% include ../../shared/nav %>
<% 
	var  getsortlink= function(field,label){
		var order = (request.query.sort && request.query.sort.search("-") === 0) ? '' : '-' ;
		var orderlink = (request.query.sort) ? 
			'?'+locals.viewhelper.getQueryString(request.query).replace('sort='+request.query.sort,'sort='+order+field) 
			: '?'+locals.viewhelper.getQueryString(request.query)+'&sort='+order+field;
		%>
		<a href="  <%= orderlink %>"><%= label %></a>
		<%
	}
%>
	<div class="_pea-container">
		<div class="_pea-document">
			<% include ../../shared/html_inject_precontent %>
			<div  class="_pea-row _pea-form">
				<div class="_pea-col-span8 _pea-text-right">
					<form class="_pea-form" method="get">
						<input type="text" placeholder="search" class="_pea-col-span9 _pea-text-big" name="search"/>
						<input type="submit" name="searchbutton" value="search" class="_pea-col-span3 _pea-text-big"  />
					</form>
				</div>
				<div class="_pea-col-span1">
					<div class="_pea-row _pea-container-forminput no-margin _pea-text-center _pea-text-big">
					or								
					</div>
				</div>
				<div class="_pea-col-span3">
					<div class="_pea-row _pea-container-forminput no-margin _pea-text-center _pea-form">
						<input type="hidden" name="_csrf" value=<%= locals.token %> >
						<input type="file" id="padmin-mediafiles" name="mediafiles" multiple="multiple"  value="Upload" class="_pea-button _pea-col-span12 _pea-color-default _pea-text-big"/>
					</div>
				</div>
			</div>
		</div>
		<div class="_pea-row">
			<div class="_pea-col-span12">
				<div class="_pea-document">
					<input type="hidden" name="_csrf" value=<%= locals.token %> >
					<table id="pea-asset-admin" class="_pea-table _pea-form">
						<thead style="">
							<% editlistingprops = true %>
							<% include _pagination_asset %>
						</thead>
						<thead>
							<tr class="_pea-text-left">
								<th class="_pea-col-span3" ><% getsortlink('title','Asset') %></th>
								<th >Author</th>
								<th style="width:6em"><% getsortlink('createdat','Date') %></th>
								<th >Type</th>
								<th >Attributes</th>
							</tr>
						</thead>
						<tbody>
							<% if(assets.length>0){
									assets.forEach(function(asset){ %>
										<tr data-tr-assetid="<%= asset._id %>" id="asset-tr-<%= asset._id %>">
											<td> 
												<div data-id="asset._id" style="margin-top:0" class="_pea-col-span12 media-item-x">
													<a href="/p-admin/asset/<%= asset._id %>"> 
													<% if(asset.assettype && asset.assettype.match("image")){
														%><img class="_pea-col-span11" src="<%=asset.fileurl%>"/><%
													} 
													else{%>
														<div class="_pea-col-span11"> <%=asset.fileurl%></div>
													<%
													}%>
												 	</a>
											 	</div>
											</td>
											<td>
												<% if(asset.author){%>
													<a href="/p-admin/assets?filter_authors=<%= asset.author.username %>"><%= asset.author.username %></a>
												<%} %>
											</td>
											<td>
												<small>
													<% var disDate = new Date(asset.createdat) %>
													<%- disDate %>
												</small>
											</td>
											<td>
												<%if(asset.contenttypes && asset.contenttypes.length>0){
													asset.contenttypes.forEach(function(contenttype){%>
														<a href="/p-admin/assets?filter_contenttypes=<%= contenttype.name %>"><%= contenttype.title %></a>,
													<%});
												}%>
											</td>
											<td>
												<a data-href="/mediaasset/<%= asset._id %>/delete" data-successfunction="removeAssetRow" assetid="<%= asset._id %>" class="_pea-button _pea-pull-right _pea-dialog-delete _pea-color-error">delete</a>
												<a href="/p-admin/asset/<%= asset._id %>" class="_pea-button _pea-pull-right">edit</a>
												<small style="word-break: break-word;"><%- JSON.stringify( asset.attributes) %></small>
											</td>
										</tr>
										<%
									});
								}
								else{ %>
									<tr><td colspan="3" class="_pea-text-center">No Assets!</td></tr>
								<%} %>
						</tbody>
						<tfoot style="">
							<% editlistingprops = false %>
							<% include _pagination_asset %>
						</tfoot>
					</table>
				</div>
			</div>
		</div>

			<% include ../../shared/html_inject_postcontent %>
	</div>
<% include ../../shared/footer %>
