<!DOCTYPE html>

<head>
	<title>[% title %] - Plugin Configuration</title>

	<meta name="viewport" content="width=device-width" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📚</text></svg>">
	<link rel="stylesheet" type="text/css" href="/css/lrr.css?[% version%]" />
	<link rel="stylesheet" type="text/css" href="/css/config.css" />

	<link rel="stylesheet" type="text/css" href="/css/vendor/fontawesome-all.min.css" />
	<link rel="stylesheet" type="text/css" href="/css/vendor/jquery.fileupload.css" />
	<link rel="stylesheet" type="text/css" href="/css/vendor/allcollapsible.min.css" />
	<link rel="stylesheet" type="text/css" href="/css/vendor/ReactToastify.min.css" />
	<link rel="stylesheet" type="text/css" href="/css/vendor/sweetalert2.min.css" />
	[% csshead %]

	<script src="/js/vendor/jquery.min.js" type="text/JAVASCRIPT"></script>
	<script src="/js/vendor/preact.umd.js" type="text/JAVASCRIPT"></script>
	<script src="/js/vendor/hooks.umd.js" type="text/JAVASCRIPT"></script>
	<script src="/js/vendor/compat.umd.js" type="text/JAVASCRIPT"></script>
	<script>window.React = window.preactCompat; window.react = window.preactCompat;</script>
	<script src="/js/vendor/clsx.min.js" type="text/JAVASCRIPT"></script>
	<script src="/js/vendor/react-toastify.umd.js" type="text/JAVASCRIPT"></script>
	<script src="/js/vendor/jquery.ui.widget.js" type="text/JAVASCRIPT"></script>
	<script src="/js/vendor/jquery.fileupload.js" type="text/JAVASCRIPT"></script>
	<script src="/js/vendor/allcollapsible.min.js" type="text/JAVASCRIPT"></script>
	<script src="/js/vendor/sweetalert2.min.js" type="text/JAVASCRIPT"></script>

	<script src="/js/common.js?[% version%]" type="text/JAVASCRIPT"></script>
	<script src="/js/server.js?[% version%]" type="text/JAVASCRIPT"></script>
	<script src="/js/plugins.js?[% version%]" type="text/JAVASCRIPT"></script>

</head>

<body>

	<div class="ido" style="text-align:center;">
		<h1 class="ih" style="text-align:center">Plugin Configuration</h1>
		<br /> Enable/Disable Auto-Plugin on metadata plugins by checking the toggles.
		<br /> Plugins will be automatically used on new archives if they're toggled here.
		<br /> If they have configuration variables, you can set them here as well.
		<br /> You can also trigger Scripts here. Triggering a script will save your Plugin settings beforehand.
		<br />

		<form name="editPluginForm" id="editPluginForm" enctype="multipart/form-data" method="post">

			<div class="left-column" style="width:49%">
				<ul class="collapsible extensible with-right-caret">
					<li class="option-flyout">
						<div class="collapsible-title caret-right">
							<i class="fa fa-plug" aria-hidden="true"></i> Login Plugins
						</div>
						<div class="collapsible-body">
							[% INCLUDE pluginlist plugins = logins %]
						</div>
					</li>
					<li class="option-flyout">
						<div class="collapsible-title caret-right">
							<i class="fas fa-cloud-download-alt" aria-hidden="true"></i> Downloaders
						</div>
						<div class="collapsible-body">
							[% INCLUDE pluginlist plugins = downloaders %]
						</div>
					</li>
					<li class="option-flyout">
						<div class="collapsible-title caret-right">
							<i class="fa fa-scroll" aria-hidden="true"></i> Scripts
						</div>
						<div class="collapsible-body">
							[% INCLUDE pluginlist plugins = scripts %]
						</div>
					</li>
				</ul>
			</div>

			<div class="right-column" style="width:50%">
				<ul class="collapsible extensible with-right-caret">
					<li class="option-flyout">
						<div class="collapsible-title caret-right">
							<i class="fa fa-digital-tachograph" aria-hidden="true"></i> Metadata Plugins
						</div>
						<div class="collapsible-body">
							[% INCLUDE pluginlist plugins = metadata %]
						</div>
					</li>
				</ul>
			</div>

			<br />
			<h1 style="text-align:center">
				<span class="script-running" style="display:none">
					<i aria-hidden="true" class="fa fa-3x fa-atom fa-spin"></i> <br>
					A script is running...
				</span>
				<input id='save' class='stdbtn' type='button' value='Save Plugin Configuration' />
				<span id="plugin-upload" class='stdbtn fileinput-button'
					style="margin-bottom: -10px; font-weight:normal">
					<span style="position:absolute; top:5px; left:25%">Upload Plugin</span>
					<input type='file' name='file' multiple id='fileupload'>
				</span>
				<input id='return' class='stdbtn' type='button' value='Return to Library' />
			</h1>
		</form>
	</div>
	[% INCLUDE footer %]
</body>

</html>


[% BLOCK pluginlist %]

[% FOREACH plugin IN plugins %]
<span style="display:inline-block; text-align: left; width:80%; border-bottom-width: 1px;border-bottom-style: solid">
	[% IF plugin.icon %]
	<img height=20 width=20 src="[% plugin.icon %]" />
	[% ELSE %]
	<i class="fa fa-puzzle-piece" style="font-size:20px"></i>
	[% END %]
	<h2 class="ih" style="display:inline"> [% plugin.name %] v.[% plugin.version %]</h2>
	<h1 class="ih" style="display:inline"> by [% plugin.author %] </h1>

	<div style="float:right; text-align: right;">

		[% IF plugin.type == "metadata" %]
		<h1 class="ih" style="display:inline"> Run Automatically: </h1>
		<input id="[% plugin.namespace %]" name="[% plugin.namespace %]" class="fa" type="checkbox" [% IF plugin.enabled
			%] checked [% END %]>
		<br />
		[% END %]

		[% IF plugin.login_from %]
		<i class="fa fa-plug" aria-hidden="true"></i> This plugin depends on the login plugin "[% plugin.login_from %]".
		[% END %]

	</div>

	<br />

	[% IF plugin.type == "download" %]
	<pre title="This plugin will trigger on URLs matching this regex!">	[% plugin.url_regex %]</pre>
	[% END %]
	[% plugin.description %]
	<br />

	[% IF plugin.type == "script" %]
	<table>
		<tbody>
			[% IF plugin.oneshot_arg %]
			<tr>
				<td style="vertical-align:middle">
					<b> [% plugin.oneshot_arg %] : </b>
				</td>
				<td>
					<input style="max-width:200px" size="20" id="[% plugin.namespace %]_ARG" />
					<br />
				</td>
			</tr>
			[% END %]
			<tr>
				<td colspan="2">
					<input class='stdbtn' type='button' onclick="Server.triggerScript('[% plugin.namespace %]');"
						value='Trigger Script' />
				</td>
			</tr>
		</tbody>
	</table>
	[% END %]

	[% IF plugin.parameters && plugin.parameters.size %]
	<div class="collapsible-title" style="padding: 5px 0 0 5px">
		<a>
			<i class="fas fa-sliders-h fa-2x" style="margin-right: 4px" aria-hidden="true"></i>
			<b style="vertical-align: super;">Plugin Settings</b>
		</a>
	</div>
	<div class="collapsible-body" style="padding:5px 0 0 0">
		<table>
			<tbody>
				[% FOREACH param IN plugin.parameters %]
				<tr>
					<td style="vertical-align:middle">
						<b> [% param.desc %] : </b>
					</td>
					<td>
						<input style="max-width:200px" size="20" name="[% plugin.namespace %]_CFG_[% loop.count %]"
							type=[% SWITCH param.type %] # time for some real-ass typage [% CASE 'string' %] "text"
							value="[% param.value %]" class="stdinput" [% CASE 'bool' %] "checkbox" value="1" class="fa"
							[% IF param.value %] checked [% END %] [% CASE 'int' %] "number" value="[% param.value %]"
							class="stdinput" [% CASE %] # default (ayy lmao) "color" [% END %] />
						<br />
					</td>
				</tr>
				[% END %]
			</tbody>
		</table>
	</div>
	[% END %]

	<br />
</span>
<br />
<br />
[% END %]

[% END %]