<input type="hidden" name="_csrf" value=<%= locals.token %> >
<div class="_pea-container">
	<div class="_pea-row">
		<div class="_pea-col-span8">
			<% 
				var genericdoc = collection; 
				var genericdocname = "collection"; 
				var genericdocdeletefunction = "backToCollectionLanding"; 
				var genericdocnamelink = "collections"; 
				var genericdocTitle = "Collection"; 
				var mediaassettitle = "<h2>Content Media</h2>";
			%>
			<% include ../../shared/html_inject_precontent %>
			
			<% include ../../shared/compose_content %>
			<h2>Collection Items</h2>
			<div class="_pea-document" id="collection-items">
				<div id="collection-item-documents" class="_pea-row _pea-container-forminput">
					<table class="_pea-table _pea-form">
					<tbody id="collection-table-items">
					<%if(collection && collection.items){ %>
						<% collection.items.forEach(function(docresult,index){
							if(docresult.item){
								%>
								<tr id="tr-docid-<%= docresult.item._id%>">
									<td class="_pea-col-span9">
										<input style="display:none;"  name="items" type="checkbox" value='{"order":<%-(index*10)%>,"item":"<%=docresult.item._id%>"}' checked="checked"></input>
										<%= docresult.item.title %>
										<div><small>
											<%
											if(docresult.item.tags && docresult.item.tags.length >0){
												%>
												<strong>tags:</strong> <%
												for(var i in docresult.item.tags){
													%> 
													<%=docresult.item.tags[i].title %>, 
													<%
												}
											}
											if(docresult.item.categories && docresult.item.categories.length >0){
												%>
												<strong>categories:</strong> <%
												for(var i in docresult.item.categories){
													%> 
													<%=docresult.item.categories[i].title %>, 
													<%
												}
											}
											if(docresult.item.contenttypes && docresult.item.contenttypes.length >0){
												%>
												<strong>contenttypes:</strong> <%
												for(var i in docresult.item.contenttypes){
													%> 
													<%=docresult.item.contenttypes[i].title %>, 
													<%
												}
											}
											%>
										</small></div>
									</td>
									<td class="_pea-col-span3 _pea-text-right">
										<a data-docid="<%= docresult.item._id%>" class="_pea-button remove-doc-to-collection _pea-color-error">x</a>
									</td>
								</tr>
							<%		
							}
						})%>
					<%}%>
					</tbody>
					</table>
				</div>
				<div class="_pea-row">
					<input type="text" placeholder="search documents" class="_pea-col-span10" id="searchdocumentstext" name="search"/>
					<input type="button" id="searchdocumentsbutton" name="searchdocumentsbutton" value="search" class="_pea-col-span2"  />
				</div>
				<div id="collection-item-searchresult" class="_pea-row _pea-container-forminput">
					
				</div>
			</div>
			<% include ../../shared/content_attributes %>
			<% include ../../shared/media_asset %>
			<% include ../../shared/html_inject_postcontent %>
		</div>
		<div class="_pea-col-span3 _pea-pull-right">
			<% include ../../shared/content_options %>
			<% include ../../shared/content_taxonmy %>
			<% if(genericdoc){%>
				<% include ../../shared/content_revisions %>
				<% include ../../shared/content_delete %>
			<%}%>
		</div>
	</div>
</div>