<div class="card card-info card-outline">
	<div class="card-header">
		<h5 class="m-0">Installed plugins<span class="float-right"><a class="" data-toggle="collapse" href="#install_plugin">Install Plugin</a></span></h5>
	</div>
	<div class="card-body">
		<table class="table table-striped table-bordered table-responsive d-md-table" id="tb_plugins">
			<thead>
			<tr>
				<th>Enabled</th>
				<th>Name</th>
				<th>Version</th>
				<th>Author</th>
				<th>Filename</th>
				<th style="width: 55px;">Options</th>
			</tr>
			</thead>
			<tbody>
			{% for plugin in plugins %}
				<tr>
					<td>
						{% if plugin.enabled %}
						<a href="?p=plugins&disable={{ plugin.file }}" class="btn btn-success" onclick="return confirm('Are you sure you want to disable plugin {{ plugin.name }}?');" title="Disable">
							<i class="fas fa-check"></i> Enabled
						</a>
						{% else %}
							<a href="?p=plugins&enable={{ plugin.file }}" class="btn btn-danger" onclick="return confirm('Are you sure you want to enable plugin {{ plugin.name }}?');" title="Enable">
								<i class="fas fa-ban"></i> Disabled
							</a>
						{% endif %}
					</td>
					<td><b>{{ plugin.name }}</b><br>
						<small>{{ plugin.description|raw }}</small>
					</td>
					<td>{{ plugin.version }}</td>
					<td><b>{{ plugin.author }}</b><br>
						<small>{{ plugin.contact }}</small>
					</td>
					<td>{{ plugin.file }}.json</td>
					<td>
						{% if plugin.uninstall %}
							<a href="?p=plugins&uninstall={{ plugin.file }}" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to uninstall {{ plugin.name }}?');" title="Uninstall">
								<i class="fas fa-trash"></i>
							</a>
						{% endif %}
					</td>
				</tr>
			{% endfor %}
			</tbody>
		</table>
	</div>
</div>

<script>
	$(function () {
		$('#tb_plugins').DataTable();
	})
</script>
