{template="header"}
<style type="text/css">
	.LabelColumn {
		height:25px;
		padding:6px 10px 0;
		width:170px;
	}

	.InfoColumn {
		padding-bottom:6px;
		padding-left:0;
		padding-right:0;
		padding-top:6px;
		height:25px;
	}

	#summary {
		color: #333333;
	}
</style>

<div class="BodyContainer">
	<div class="Heading1">{$lang.SystemBackups}</div>
	<div class="Intro">
		<div>{$lang.SystemBackupsIntro}</div>
		{template="message"}
		<div>
		<button id="dbCreateDbBackup">{$lang.dbCreateDbBackup}</button>
		<button id="dbCreateConfigBackup">{$lang.dbCreateConfigBackup}</button>
		<button id="deleteSelected">{$lang.DeleteSelected}</button>
		</div>
	</div>

	<div id="tabMenu">
		
		<form method="post" action="remote.php?section=maintenance&action=deletebackups" id="deleteBackupsForm">
			<div id="backups">
			<table class="Panel">
				<tr  class="Heading2">
					<td width="10" align="center">
						<input id="masterCheckbox" type="checkbox" name="masterCheckbox"/>
					</td>
					<td style="width: 20px;">  </td>
					<td width="20%">{$lang.FileName}</td>
					<td width="20%">{$lang.BackupType}</td>
					<td width="20%">{$lang.Size}</td>
					<td width="20%">{$lang.DateCreated}</td>
					<td width="20%">{$lang.Action}</td>
				</tr>
				
				{foreach from=%admin_maintenance.getBackupsList key=k item=backup id=tableLoop}
					<tr class="GridRow "  onmouseover="$(this).addClass('GridRowOver');" onmouseout="$(this).removeClass('GridRowOver');" id="table_row_{$backup.rowid}">
						<td align="center">
							<input id="deleteBox_{$backup.rowid}" value="{$backup.rowid}" type="checkbox" value="{$backup.rowid}" class="backupCheckbox" name="items[]"/>
						</td>
						<td style="text-align: center; width: 20px;" class="icon">
							<img src="images/backup_{$backup.typeimage}.png" alt="{$backup.typetext}" />
						</td>
						<td class="name" width="20%">{$backup.filename}</td>
						<td class="name" width="20%">{$backup.typetext}</td>
						<td class="size" width="20%">{$backup.size}</td>
						<td class="datecreated" width="20%">{$backup.datecreated}</td>
						<td class="actions" width="20%"><a href="remote.php?section=maintenance&action=downloadbackup&backupid={$backup.rowid}">{$lang.Download}</a> <a href="remote.php?section=maintenance&action=deletebackup&backupid={$backup.rowid}" class="deleteLink">{$lang.Delete}</td>
					</tr>
				{/foreach}
			</table>
		</div>
		</form>


	</div>
</div>

{template="footer"}