{extend name="../../base/view/common/base" /}
<!-- Body -->
{block name="body"}
<div class="p-page">
	<div class="gg-form-bar border-t border-x">
		<h3 class="pb-3">Data Restore</h3>
	</div>
	<table cellspacing="0" cellpadding="0" border="0" class="layui-table layui-table-form">
		<tr style="background-color:#FAFAFA">
			<th style=" text-align: center; font-weight: 800;"><span>File Name</span></th>
			<th style=" text-align: center; font-weight: 800;"><span>Format</span></th>
			<th style=" text-align: center; font-weight: 800;"><span>Separator</span></th>
			<th style=" text-align: center; font-weight: 800;"><span>Total Size</span></th>
			<th style=" text-align: center; font-weight: 800;"><span>Total Parts</span></th>
			<th style=" text-align: center; font-weight: 800; width:222px"><span>Actions</span></th>
		</tr>
		{empty name="list"}
		<tr>
			<td colspan="6" align="center" style="padding:20px 0; color:#999">No backup data</td>
		</tr>
		{/empty}
		{volist name="list" id="vo" key="k"}
		<tr style="background-color: #fafafa;">
			<td><strong>Backup Time: {$vo.time}</strong>{if $vo.timespan == $lock_time}<span style="color:red; margin-left:20px;">This backup is incomplete. Please delete and re-backup.</span>{/if}</td>
			<td align="center"><span>.sql</span></td>
			<td align="center"><span>{$vo.data.compress}</span></td>
			<td align="center"><span>{:format_bytes($vo.data.size)}</span></td>
			<td align="center"><span>{$vo.data.part}</span></td>
			<td align="center">
				<div class="layui-btn-group" data-time='{$vo.timespan}'>
					{if $vo.timespan == $lock_time}
					<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="reset">Clear Incomplete Backup</a>
					{else/}
					<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="import">Restore</a>
					<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">Delete Backup</a>
					{/if}
				</div>
			</td>
		</tr>
		{for start="0" end="$vo.data.part" step="1"}
		<tr>
			<td colspan="5">
				{:date("Ymd",$vo.timespan)}{$vo.data.compress}{:date("His",$vo.timespan)}{$vo.data.compress}{$i+1}.sql
			</td>
			<td align="center">
				<a class="layui-btn layui-btn-xs" href='/home/database/downfile?time={$vo.data.time}&part={$i+1}'>Download Backup (Part {$i+1})</a>
			</td>
		</tr>
		{/for}
		{/volist}
	</table>
</div>

{/block}
<!-- /Body -->

<!-- Script -->
{block name="script"}
<script>
	function gouguInit() {
		function importData(data) {
			if (data.code == 0) {
				console.log(data.msg);
				layer.closeAll();
				layer.msg(data.msg, { time: 200000 });
				if ($.isPlainObject(data.data)) {
					$.ajax({
						url: "/home/database/import",
						type: 'get',
						data: { "part": data.data.part, "start": data.data.start, time: data.data.time },
						success: function (res) {
							importData(res);
						}
					})
				} else {
					layer.msg(data.msg);
					window.onbeforeunload = function () { return null; }
				}
			} else {
				layer.msg(data.msg);
			}
		}
		// Row tool events
		$('[lay-event="import"]').on('click', function () {
			var time = $(this).parent().data('time');
			layer.confirm('Are you sure you want to restore this backup?', {
				icon: 3,
				title: 'Notice'
			}, function (index) {
				layer.msg("Restoring...", { time: 200000 });
				$.ajax({
					url: "/home/database/import?time=" + time,
					type: 'post',
					success: function (res) {
						importData(res);
					}
				})
				window.onbeforeunload = function () { return "Database restore is in progress. Please do not close!" }
				layer.close(index);
			});
			return false;
		})

		$('[lay-event="del"]').on('click', function () {
			var time = $(this).parent().data('time');
			layer.confirm('Are you sure you want to delete this backup?', {
				icon: 3,
				title: 'Notice'
			}, function (index) {
				$.ajax({
					url: "/home/database/del",
					data: { 'time': time },
					success: function (res) {
						layer.msg(res.msg);
						if (res.code == 0) {
							setTimeout(function () {
								location.reload();
							}, 2000)
						}
					}
				})
				layer.close(index);
			});
			return false;
		})

		$('[lay-event="reset"]').on('click', function () {
			var time = $(this).parent().data('time');
			layer.confirm('Are you sure you want to clear this backup?', {
				icon: 3,
				title: 'Notice'
			}, function (index) {
				$.ajax({
					url: "/home/database/del",
					data: { 'time': time, 'lock': 1 },
					success: function (res) {
						layer.msg(res.msg);
						if (res.code == 0) {
							setTimeout(function () {
								location.reload();
							}, 2000)
						}
					}
				})
				layer.close(index);
			});
			return false;
		})
	}
</script>
{/block}
<!-- /Script -->