add download, restore and delete controls to /danger/snapshots.html.

This is just the front-end. The back-end has not be implemented at time of
commit.

templates/danger/snapshots.html

@@ -19,20 +19,84 @@
         intervals and use those as the site's <em>back-ups</em>.
     </p>
     <form class="be-gui-form"
-              action="/danger/take-snapshot"
+          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/download-snapshot"
               method="post">
             <input required
                    type="hidden"
                    name="AUTHENTICITY-TOKEN"
                    value="{{token}}">
-            <button class="be-gui-button danger"
+            <input required
-		    title="Take a snapshot of the website's data and database"
+                   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="Save nav. menu setting for{{db-data.title}}"
+	        <img alt="Download Snapshot {{item}}"
-		     src="/images/icons/take-snapshot.png">
+		     src="/images/icons/down-arrow.png">
-                Take Snapshot
 	    </button>
-    </form>
+        </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 %}