{% 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-storage-section-upload">
        <form action="/danger/upload-snapshot"
	      method="POST"
	      enctype="multipart/form-data">
            <input required
	           type="hidden"
	           name="AUTHENTICITY-TOKEN"
	           value="{{token}}">
            <input required
	           type="file"
	           name="SNAPSHOT-FILES"
	           multiple>
            <button class="be-gui-button-no-text"
	            title="Click to upload Snapshots"
	            type="submit">
	        <img alt="Upload to Snapshots"
	             src="/images/icons/up-arrow.png">
            </button>
        </form>        
    </div>

            <p>
                <strong>Note:</strong>
                
                If you see a 'successful upload' alert message, after using the
                Multi-File Upload box above, you might not see any Snapshots
                appear down below. This is because you can upload multiple files
                at once.

                <strong>
                    The website will ignore any files which have the same name
                    as any of the Snapshots below or are not a .zip file.
                </strong>

                The system is relaying how the upload <em>went</em> and not the
                validity of the files you uploaded. In other words, the website
                recognised the files you uploaded and their file-types; It just
                ignored the 'irrelevant' ones.
                
            </p>

    <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 %}