<div class="navigation-types insidepage">
    <ul style="margin: 0; padding: 0;">
        <li ng-if="PERMS.canViewFullBackups">
            <a ng-click="changeView('/fullBackups')" title="{{ LANG.t('Go to full backups page') }}">
                <img src="./icons/icon-fullbackups.png" alt=""><br />
                {{ LANG.t("Full Backups") }}
            </a>
        </li>
        <li ng-if="PERMS.canViewFileBackups">
            <a  ng-click="changeView('/fileBackups')" title=" {{ LANG.t('Go to file backups page') }}">
                <img src="./icons/icon-filesbackups.png" alt=""><br/>
                {{ LANG.t("File Backups") }}
            </a>
        </li>
        <li ng-if="PERMS.canViewCronBackups">
            <a  ng-click="changeView('/cronBackups')" title="{{ LANG.t('Go to cron job backups page') }}">
                <img src="./icons/icon-cronbackups.png" alt=""><br />
                {{ LANG.t("Cron Job Backups") }}
            </a>
        </li>
        <li ng-if="PERMS.canViewDNSBackups">
            <a  ng-click="changeView('/dnsBackups')" title="{{ LANG.t('Go to DNS zone backups page') }}">
                <img src="./icons/icon-dnsbackups.png" alt=""><br />
                {{ LANG.t("DNS Zone Backups") }}
            </a>
        </li>
        <li ng-if="PERMS.canViewDatabaseBackups">
            <a  ng-click="changeView('/dbBackups')" title="{{ LANG.t('Go to Database backups page') }}">
                <img src="./icons/icon-dbbackups.png" alt=""><br />
                {{ LANG.t("Database Backups") }}
            </a>
        </li>
        <li ng-if="PERMS.canViewEmailBackups">
            <a  ng-click="changeView('/emailBackups')" title="{{ LANG.t('Go to Emails backups page') }}">
                <img src="./icons/icon-emailbackups.png" alt=""><br />
                {{ LANG.t("Email Backups") }}
            </a>
        </li>
        <!--<li ng-if="PERMS.canViewSSLBackups">-->
            <!--<a  ng-click="changeView('/sslBackups')" title="{{ LANG.t('Go to SSL Certificate backups page') }}">-->
                <!--<img src="./icons/icon-sslbackups.png" alt=""><br />-->
                <!--{{ LANG.t("SSL Certificate Backups") }}-->
            <!--</a>-->
        <!--</li>-->
        <li ng-if="PERMS.canViewQueues">
            <a  ng-click="changeView('/queues')" title="{{ LANG.t('Go to restore and download queue page') }}">
                <img src="./icons/icon-queue.png" alt=""><br />
                {{ LANG.t("Queue") }}
            </a>
        </li>
        <li ng-if="PERMS.canViewSnapshots">
            <a  ng-click="changeView('/snapshots')" title="{{ LANG.t('Go to Snapshots page') }}">
                <img src="./icons/icon-snapshots.png" alt=""><br />
                {{ LANG.t("Snapshots") }}
            </a>
        </li>
        <li ng-if="PERMS.canViewGDPR">
            <a  ng-click="changeView('/gdpr')" title="{{ LANG.t('Go to GDPR settings page') }}">
                <img src="./icons/icon-gdpr.png" alt=""><br />
                {{ LANG.t("GDPR") }}
            </a>
        </li>
        <li ng-if="PERMS.canViewSettings">
            <a  ng-click="changeView('/settings')" title="{{ LANG.t('Go to settings page') }}">
                <img src="./icons/icon-settings.png" alt=""><br />
                {{ LANG.t("Settings") }}
            </a>
        </li>
    </ul>
    <br style="clear: both;">
</div>
