{% extends "layouts/default.html" %}
{% block title %}Nicola Ellis & Ritherdon Archive{% endblock %}
{% block content %}
<main class="be-main">
    <h1 class="be-warning">Snapshots (not Back-ups)</h1>
    <p class="be-warning">
        <strong>Warning:</strong> Restoring the website from a snapshot will
        delete all data added to the website after the Snapshot was taken.
    </p>
    <p>
        Below is a collection of <em>Snapshots</em> taken of the website's data (database,
        Pages, Archive Entries and Storage Files). You can download them or
        restore the website from a snapshot.
    </p>
    <p>
        <strong>Note:</strong>
        These Snapshots are not a back-up. If the server goes down, the
        Snapshots go with it. I recommend you download the Snapshots at regular
        intervals and use those as the site's <em>back-ups</em>.
    </p>
    <form class="be-gui-form"
          action="/danger/take-snapshot"
          method="post">
        <input required
               type="hidden"
               name="AUTHENTICITY-TOKEN"
               value="{{token}}">
        <button class="be-gui-button"
		       title="Take a snapshot of the website's data and database"
		       type="submit">
	    <img alt="Save nav. menu setting for{{db-data.title}}"
		 src="/images/icons/take-snapshot.png">
            Take Snapshot
	</button>
    </form>

    <div class="be-section-entries">
    {% for item in snapshots %}
    <div class="be-section-entry">
        <form class="be-gui-form"
              action="/danger/create-snapshot-download"
              method="post">
            <input required
                   type="hidden"
                   name="AUTHENTICITY-TOKEN"
                   value="{{token}}">
            <input required
                   type="hidden"
                   name="SNAPSHOT-NAME"
                   value="{{item}}">
            <button class="be-gui-button-no-text danger"
		    title="Click this to download '{{item}}' Snapshot"
		    type="submit">
	        <img alt="Download Snapshot {{item}}"
		     src="/images/icons/transfer.png">
	    </button>
        </form>

        <form class="be-gui-form"
              action="/danger/restore-snapshot"
              method="post">
            <input required
                   type="hidden"
                   name="AUTHENTICITY-TOKEN"
                   value="{{token}}">
            <input required
                   type="hidden"
                   name="SNAPSHOT-NAME"
                   value="{{item}}">
            <button class="be-gui-button-no-text danger"
		    title="Click this to restore website from '{{item}}' Snapshot"
		    type="submit">
	        <img alt="Restore Snapshot {{item}}"
		     src="/images/icons/restore-snapshot.png">
	    </button>
        </form>
        
        <p>{{item}}</p>

        <form class="be-gui-form"
              action="/danger/delete-snapshot"
              method="post">
            <input required
                   type="hidden"
                   name="AUTHENTICITY-TOKEN"
                   value="{{token}}">
            <input required
                   type="hidden"
                   name="SNAPSHOT-NAME"
                   value="{{item}}">
            <button class="be-gui-button-no-text danger"
		    title="Click this to delete '{{item}}' Snapshot"
		    type="submit">
	        <img alt="Delete Snapshot {{item}}"
		     src="/images/icons/delete-entry.png">
	    </button>
        </form>
    </div>
    {% endfor %}
    </div>
</main>
{% endblock %}