Menu="Tools:Utilities"
Title="Backupper"
Icon="fa-floppy-o"
Type="php"
Tag="backup restic snapshots restore"
---
<?php
$pluginRoot = '/plugins/backupper';
?>
<link rel="stylesheet" href="<?= $pluginRoot ?>/assets/backupper.css?v=1">
<div id="backupper-app" data-api="<?= $pluginRoot ?>/api.php">
  <header class="bu-header">
    <div><h1>Backupper</h1><p>Encrypted Restic backups for Unraid</p></div>
    <div id="bu-health" class="bu-health">Connecting...</div>
  </header>
  <nav class="bu-tabs" aria-label="Backupper sections">
    <button data-view="dashboard" class="active">Dashboard</button>
    <button data-view="jobs">Backup Jobs</button>
    <button data-view="repositories">Repositories</button>
    <button data-view="snapshots">Snapshots</button>
    <button data-view="restore">Restore</button>
    <button data-view="activity">Activity</button>
    <button data-view="settings">Settings</button>
  </nav>
  <main id="bu-content" aria-live="polite"></main>
  <div id="bu-toast" role="status" aria-live="polite"></div>
</div>
<script>window.BACKUPPER_CSRF = <?= json_encode($var['csrf_token'] ?? '') ?>;</script>
<script src="<?= $pluginRoot ?>/assets/backupper.js?v=1"></script>