{extend name="../../base/view/common/base" /}
<!-- Body -->
{block name="body"}
<div class="p-page">
	<div class="gg-form-bar border-t border-x">
		<div class="pb-3"><button type="button" class="layui-btn layui-btn-sm side-a" data-href="/home/module/add">Add Custom Module</button>{empty name="$oa_module"}<span class="ml-3 red">Tip: The official module list could not be loaded (network or other issue). This does not affect normal system usage.</span>{/empty}</div>
	</div>
	<table cellspacing="0" cellpadding="0" border="0" class="layui-table layui-table-form">
		<tr>
			<th style="text-align: center; background-color:#FAFAFA">Module Name</th>
			<th style="text-align: center; background-color:#FAFAFA">Directory</th>
			<th style="text-align: center; background-color:#FAFAFA">Description</th>
			<th style="text-align: center; background-color:#FAFAFA">Type</th>
			<th style="text-align: center; background-color:#FAFAFA">Developer</th>
			<th style="text-align: center; background-color:#FAFAFA">Status</th>
			<th style="text-align: center; background-color:#FAFAFA; width:90px">Actions</th>
		</tr>
		{empty name="sys_module"}
		<tr>
			<td colspan="7" align="center">No data</td>
		</tr>
		{/empty}
		{volist name="sys_module" id="vo" key="k"}
		<tr>
			<td align="center">{$vo.title}</td>
			<td>app/{$vo.name}</td>
			<td>{$vo.desc}</td>
			<td align="center">
				{eq name="$vo.type" value="1"}<span class="red">System</span>{/eq}
				{eq name="$vo.type" value="2"}<span class="blue">Standard</span>{/eq}
				{eq name="$vo.type" value="3"}<span class="green">Custom</span>{/eq}
			</td>
			<td align="center">
				{eq name="$vo.sourse" value="1"}GouguOA{/eq}
				{eq name="$vo.sourse" value="2"}Third-party{/eq}
			</td>
			{eq name="$vo.status" value="-1"}
			<td align="center">
				<span class="red">Not installed</span>
			</td>
			<td align="center">
				<div class="layui-btn-group">
					{eq name = "$vo.is_file" value="0"}
					<a class="layui-btn layui-btn-xs down" href="https://www.gougucms.com/home/pages/detail/s/gouguoa.html" target="_blank">Download</a>
					{/eq}
					{eq name = "$vo.is_file" value="1"}
					<a class="layui-btn layui-btn-xs install" data-name="{$vo.name}">Install</a>
					{/eq}
					<a class="layui-btn layui-btn-normal layui-btn-xs view" href="https://www.gougucms.com/home/pages/detail/s/gouguoa.html" target="_blank">Demo</a>
				</div>
			</td>
			{/eq}
			{eq name="$vo.status" value="0"}
			<td align="center">
				<span class="yellow">Uninstalled</span>
			</td>
			<td align="center">
				<div class="layui-btn-group">
					{eq name="$vo.sourse" value="2"}<a class="layui-btn layui-bg-blue layui-btn-xs side-a" data-href="/home/module/add/id/{$vo.id}">Edit</a>{/eq}
					<a class="layui-btn layui-btn-xs add" data-name="{$vo.name}" data-type="{$vo.type}">Restore</a>
				</div>
			</td>
			{/eq}
			{eq name="$vo.status" value="1"}
			<td align="center">
				<span class="green">Active</span>
			</td>
			<td align="center">
				{eq name="$vo.type" value="3"}
				<div class="layui-btn-group">
					<a class="layui-btn layui-bg-blue layui-btn-xs side-a" data-href="/home/module/add/id/{$vo.id}">Edit</a>
					<a class="layui-btn layui-btn-danger layui-btn-xs delete" data-name="{$vo.name}" data-id="{$vo.id}" data-type="{$vo.type}">Delete</a>
				</div>
				{else/}
				-
				{/eq}
			</td>
			{/eq}
		</tr>
		{/volist}
	</table>
</div>
{/block}
<!-- /Body -->

<!-- Scripts -->
{block name="script"}
<script>
	const moduleInit = ['tool'];
	function gouguInit() {
		var tool = layui.tool;

		$('body').on('click', '.install', function () {
			let name = $(this).data('name');
			layer.confirm('Install this module?', { icon: 3, title: 'Confirm' }, function (index) {
				//layer.msg('This feature is in internal testing...');
				//return false;
				let callback = function (e) {
					layer.msg(e.msg);
					if (e.code == 0) {
						layer.close(index);
						location.reload();
					}
				}
				tool.post("/home/module/install", {name: name}, callback);
				layer.close(index);
			});
		});
		$('body').on('click', '.delete', function () {
			let id = $(this).data('id');
			let name = $(this).data('name');
			let type = $(this).data('type');
			if(type==1){
				layer.msg('System modules cannot be uninstalled.');
				return false;
			}
			layer.confirm('Delete this module?', { icon: 3, title: 'Confirm' }, function (index) {
				let callback = function (e) {
					layer.msg(e.msg);
					if (e.code == 0) {
						layer.close(index);
						setTimeout(function(){
							parent.location.reload();
						},1000)
					}
				}
				tool.post("/home/module/del",{id: id}, callback);
				layer.close(index);
			});
		});
		
		$('body').on('click', '.add', function () {
			let name = $(this).data('name');
			let type = $(this).data('type');
			layer.confirm('Restore this module?', { icon: 3, title: 'Confirm' }, function (index) {
				let callback = function (e) {
					layer.msg(e.msg);
					if (e.code == 0) {
						layer.close(index);
						setTimeout(function(){
							parent.location.reload();
						},1000)				
					}
				}
				tool.post("/home/module/recovery",{name: name}, callback);
				layer.close(index);
			});
		});

	}
</script>
{/block}
<!-- /Scripts -->