<% include ../../shared/header %>
<% include ../../shared/nav %>
	<div class="_pea-container">
		<% include ../../shared/html_inject_precontent %>
		<div class="_pea-row">
  		<div id="ext-console" class="_pea-document _pea-hidden">
				<div class="_pea_row">
					<div class="_pea-col-span12">
						<h2>Console Output <small><a id="hide-ext-console" class="">(hide)</a></small></h2>
					</div>
				</div>
				<div class="_pea_row">
					<div class="_pea-col-span12" id="ext-console-output">
					</div>
					<hr/>
				</div>
			</div>
			<article class="_pea-col-span12">
				<div id="tabs" class="tabs">
		      <nav>
			      <ul class="_pea-col-span12">
			      	<li class="_pea-col-span6">Installed Extensions</li>
			      	<li class="_pea-col-span6">Add New Extensions</li>
			      </ul>
		      </nav>
		      <div class="content">
		        <section>
							<div class="_pea-document">
								<table id="installed-ext-table" class="_pea-table _pea-no-bottomborder  _pea-form">
									<thead>
										<tr class="_pea-text-left">
											<th class="_pea-col-span9">Name</th>
											<th class="_pea-col-span1 _pea-text-right">Version</th>
											<th class="_pea-col-span2"></th>
										</tr>
									</thead>
									<tbody id="installed-ext-tablebody">
										<% if(extensions.length>0){
												extensions.forEach(function(extension){ %>
													<tr id="tr-ext-<%= extension.name %>">
														<td class="_pea-col-span9"> 
															<a href="/p-admin/extension/<%= extension.name %>/"> <%= extension.name %>
																<%if(extension.author && extension.author.name){%>
																	, by <%= extension.author.name %>
																<%}%>
															</a>
															<div>
																<small>
																	
																	<%if(extension.periodicConfig 
																		&& extension.periodicConfig.periodicDependencies
																		&& extension.periodicConfig.periodicDependencies.length>0){
																		extension.periodicConfig.periodicDependencies.forEach(function(extensiondependency){%>
																			<%= extensiondependency.extname %> @ <%= extensiondependency.version %>,
																		<%});
																	}%>
																</small>
															</div>
														</td>
														<td class="_pea-col-span1 _pea-text-right">
															<%= extension.version %>
														</td>
														<td class="_pea-col-span2 _pea-text-right">
															<%if(extension.enabled){%>
																<a data-href="/p-admin/extension/<%= extension.name %>/disable" class="_pea-button _pea-color-warn enable-ext-button">disable</a>
															<%}
															else{%>
																<a data-href="/p-admin/extension/<%= extension.name %>/enable" class="_pea-button enable-ext-button">enable</a>
															<%}%>
															<!-- <a data-extname="<%= extension.name %>" data-token="<%= locals.token %>" data-href="/p-admin/extension/<%= extension.name %>/delete" class="_pea-button _pea-color-error delete-ext-button">delete</a> -->
															<a data-extname="<%= extension.name %>" data-token="<%= locals.token %>" data-href="/p-admin/extension/<%= extension.name %>/delete" class="_pea-button _pea-color-error _pea-dialog-delete" data-successfunction="deletedExtCallback" >delete</a>
														</td>
													</tr>
													<%
												});
											}
											else{ %>
												<tr><td colspan="4" class="_pea-text-center">No Extensions!</td></tr>
											<%} %>
									</tbody>
									<!-- <tfoot>
										<tr class="_pea-text-left">
											<th>Title</th>
											<th>Author</th>
											<th>Categories</th>
											<th>Tags</th>
											<th>Type</th>
											<th>Date</th>
										</tr>
									</tfoot> -->
								</table>
							</div>
		        </section>
		        <section>
		        	<div class="_pea-document">
								<div class="_pea-row">
									<div class="_pea-col-span9">
										<div class="_pea-row _pea-container-forminput _pea-text-center _pea-form">
											<input type="text" id="search-ext_input" class="_pea-col-span10" placeholder="Search" name="search-ext_input"/>
											<input type="submit" name="search-ext_button" id="search-ext_button" value="Search" class="_pea-button _pea-col-span2 _pea-color-default"/>
										</div>
									</div>
									<div class="_pea-col-span1">
										<div class="_pea-row _pea-container-forminput _pea-text-center">
										or								
										</div>
									</div>
									<div class="_pea-col-span2">
										<div class="_pea-row _pea-container-forminput _pea-text-center _pea-form">
											<input type="hidden" name="_csrf" value=<%= locals.token %> >
											<input type="file" name="upload-ext_button" id="upload-ext_button" value="Upload" class="_pea-button _pea-col-span12 _pea-color-default"/>
										</div>
									</div>
								</div>
								<table id="ext-search-results" class="_pea-hidden _pea-table _pea-no-bottomborder _pea-form">
									<thead>
										<tr class="_pea-text-left">
											<th>Name</th>
											<th>Description</th>
											<th class="_pea-text-right">Install</th>
										</tr>
									</thead>
									<tbody id="ext-search-results-tbody">
										
									</tbody>
									<!-- <tfoot>
										<tr class="_pea-text-left">
											<th>Title</th>
											<th>Author</th>
											<th>Categories</th>
											<th>Tags</th>
											<th>Type</th>
											<th>Date</th>
										</tr>
									</tfoot> -->
								</table>
							</div>
		        </section>
	        </div>
				</div>
			</article>
		</div>
		<% include ../../shared/html_inject_postcontent %>
	</div>
	<div style="display:none">
		<div id="view-ext-info-modal">
			<h1 class="title" style="word-wrap: break-word;">Extension name</h1>
			<p class="desc">description</p>
			<p>
				<ul class="versions">
					<li>install <a class="install-ext-version">latest<a></li>
					<li>install 0.0.1</li>
				</ul>
			</p>
		</div>
	</div>
<% include ../../shared/footer %>
