{% extends "layouts/default.html" %}
{% block title %}Nicola Ellis & Ritherdon Archive{% endblock %}
{% block content %}
<main class="be-main">
    <h1>Site Settings</h1>

    <div class="be-quicklist">
	<a class="be-gui-link"
	   title="Click to view your Dashboard"
	   href="/dashboard">
	    <img alt="Dashboard"
		 src="/images/icons/dashboard.png">
	    View Dashboard
	</a>
	<a class="be-gui-link"
	   title="Click to view your account details"
	   href="/user/edit">
	    <img alt="My Account"
		 src="/images/icons/profile.png">
	    My Account
	</a>
	{% if roles.administrator %}
	<a class="be-gui-link"
	   title="Click to view all accounts"
	   href="/users">
	    <img alt="Manage Accounts"
		 src="/images/icons/all-accounts.png">
	    Manage Accounts
	</a>
	{% endif %}
    </div>

    <h2>Site Name</h2>
    <form class="be-gui-form"
	  action="/site-settings/update-site-name"
	  method="post">
	<input required
	       type="hidden"
	       name="AUTHENTICITY-TOKEN"
	       value="{{token}}">
        <div class="be-gui-form-row">
	    <input required
	           type="text"
	           name="SITE-NAME"
	           value="{{settings.site-name}}">
	    <button class="be-gui-button-no-text"
		    title="Click to update the website's name"
		    type="submit">
	        <img alt="Update site's name"
		     src="/images/icons/save.png">
	    </button>
        </div>
    </form>

    <hr>

    <h2>Home Page</h2>
    <p class="be-gui-form-hint">
	Only 'Pages' can be used for the Home page. 'Archive Entries'
	cannot be used because of how the website is designed.
    </p>
    <form class="be-gui-form"
	  action="/site-settings/update-home-page"
	  method="post">
	<input required
	       type="hidden"
	       name="AUTHENTICITY-TOKEN"
	       value="{{token}}">
	<p>Currently set to: <strong>{{settings.home-page}}</strong></p>
	<div class="be-gui-form-row">
	    <select required
		    name="SET-HOME-PAGE">
		<option>Select Page</option>
		{% for page in pages %}
		<option value="{{page.slug}}">{{page.title}}</option>
		{% endfor %}
	    </select>
	    <button class="be-gui-button-no-text"
		    title="Click to update the website's home page"
		    type="submit">
		<img alt="Update site's home page"
		     src="/images/icons/save.png">
	    </button>
	</div>
    </form>

    <hr>

        <h2>Site Logo</h2>
    <form class="be-gui-form"
          action="/site-settings/update-site-logo"
          method="post"
          enctype="multipart/form-data">
	<input required
               type="hidden"
               name="AUTHENTICITY-TOKEN"
               value="{{token}}">
        <div class="be-gui-form-row">
            <img class="be-gui-form-thumbnail"
                 alt="Site Logo"
                 src="/images/site-logo.png">
	    <input required
                   type="file"
                   name="SITE-LOGO">
            <button class="be-gui-button-no-text"
		    title="Click to update the site's logo"
		    type="submit">
	        <img alt="Update site's logo"
		     src="/images/icons/save.png">
	    </button>
        </div>
    </form>

    <form class="be-gui-form"
          action="/site-settings/update-enable-site-logo"
          method="post">
	<input required
               type="hidden"
               name="AUTHENTICITY-TOKEN"
               value="{{token}}">
        <div class="be-gui-form-row">
	    <input type="checkbox"
                   name="ENABLE-SITE-LOGO"
	           {% if settings.enable-site-logo == 1 %}
	           checked
	           {% endif %}
	    >
	    <label>Enable Site Logo</label>
            <button class="be-gui-button-no-text"
		    title="Click to update the site's logo"
		    type="submit">
	        <img alt="Update site's logo"
		     src="/images/icons/save.png">
	    </button>
        </div>
    </form>

    <hr>

    <h2>Sign-Up</h2>
    <p class="be-gui-form-hint">
	Enabling this setting allows anyone to create account. If this
	setting is disabled you can still create accounts via the
	'Manage Accounts' link above.
    </p>
    <form class="be-gui-form"
	  action="/site-settings/update-sign-up"
	  method="post">
	<input required
	       type="hidden"
	       name="AUTHENTICITY-TOKEN"
	       value="{{token}}">
	<div class="be-gui-form-row">
	    <input type="checkbox"
	           name="ENABLE-SIGN-UP"
	           {% if settings.enable-sign-up == 1 %}
	           checked
	           {% endif %}
	    >
	    <label>Enable Sign-Up</label>
	    <button class="be-gui-button-no-text"
		           title="Click to save 'Enable Sign-Up' setting"
		           type="submit">
	        <img alt="Save nav. menu setting for{{db-data.title}}"
		     src="/images/icons/save.png">
	    </button>
	</div>
    </form>

    <hr>
    
    <h2>Navigation Menu</h2>
    <p class="be-gui-form-hint">
        This is the list of links at the top of the page and is viewable by
        everyone. The nav. menu can only consist of 'Pages', no 'Archive
        Entries' can be selected for this menu.
    </p>
    <form class="be-gui-form"
          action="/site-settings/update-nav-menu"
          method="post">
	<input required
               type="hidden"
               name="AUTHENTICITY-TOKEN"
               value="{{token}}">
	{% for page in pages %}
        <div class="be-gui-form-row">
	    <input type="hidden"
                   name="NAV-MENU[{{page.slug}}]"
                   value="off">
	    <input type="checkbox"
                   name="NAV-MENU[{{page.slug}}]"
	           {% if page.enable-nav-menu == 1 %}
	           value="on"
	           checked
	           {% endif %}
	    >
	    <label>{{page.title}}</label>
        </div>
	{% endfor %}
        <br>
        <button class="be-gui-button"
		title="Click to update Navigation Menu"
		type="submit">
	    <img alt="Update Navigation Menu"
		 src="/images/icons/save.png">
            Update Navigation Menu
	</button>
    </form>

    <hr>
    
    <h2>Favicon</h2>
    <p class="be-gui-form-hint">
        A Favicon is the little image in the browser tab. You might need to
        press 'Shift + F5' if you cannot see the new file.
    </p>
    <form class="be-gui-form"
          action="/site-settings/update-favicon"
          method="post"
          enctype="multipart/form-data">
	<input required
               type="hidden"
               name="AUTHENTICITY-TOKEN"
               value="{{token}}">
        <div class="be-gui-form-row">
            <img class="be-gui-form-thumbnail"
                 alt="Favicon"
                 src="/images/favicon.png">
	    <input required
                   type="file"
                   name="FAVICON-FILE">
            <button class="be-gui-button-no-text"
		    title="Click to update the site's favicon"
		    type="submit">
	        <img alt="Update Favicon"
		     src="/images/icons/save.png">
	    </button>
        </div>
    </form>

    <hr>

    <h2>Site-Wide Code Snippet</h2>
    <p class="be-gui-form-hint">
        Enter HTML and JavaScript in the text box below and it will be added to
        each Page and Archive Entry automatically. The intended use-case for
        this is adding a snippet provided by Umami to track page views, device
        types and which country the viewer is in. If you are unsure what any of
        that means, just ignore this section.
    </p>
    <form class="be-gui-form"
          action="/site-settings/update-code-snippet"
          method="post">
	<input required
               type="hidden"
               name="AUTHENTICITY-TOKEN"
               value="{{token}}">
        <textarea required
                  rows="10"
                  name="CODE-SNIPPET">{{site-wide-snippet}}
        </textarea>
        <button class="be-gui-button"
		title="Click to save 'Enable Sign-Up' setting"
		type="submit">
	    <img alt="Save nav. menu setting for{{db-data.title}}"
		 src="/images/icons/save.png">
            Save Snippet
	</button>
    </form>

    <hr>
    
    {% if roles.administrator %}
    <div class="be-danger-zone">
        <h2 class="be-warning">Danger Zone</h2>
        <p class="be-warning">
            <strong>Be careful here. You can break the website and lose data.</strong>
        </p>

        <p class="be-gui-form-hint">
            <strong>This is a link -- nothing is deleted if you press this.</strong> Use
            this to rename/delete files which are out-of-sync. with the site's
            database.
        </p>
        <a class="be-gui-link danger"
	   title="Click to manually edit files stored on the website"
	   href="/danger/manage-files">
	    <img alt="Manage files"
		 src="/images/icons/edit-entry.png">
	    Manage Files
	</a>
        
        <br>

        <p class="be-gui-form-hint">
            <strong>This is a link -- nothing is deleted if you press this.</strong> Use
            this to delete Archive Entries and Pages stored in the database when
            the files it is tracking cannot be found (another out-of-sync. error).
        </p>
        <a class="be-gui-link danger"
	   title="Click to delete entries in the website's database"
	   href="/danger/manage-database-entries">
	    <img alt="Delete DB entries"
		 src="/images/icons/delete.png">
	    Delete Database Entries
	</a>
        
        <form class="be-gui-form"
              action="/danger/repopulate-search-db"
              method="post">
            <input required
                   type="hidden"
                   name="AUTHENTICITY-TOKEN"
                   value="{{token}}">
            <p class="be-gui-form-hint">
                If you find Archive Entry thumbnails are no longer loading or
                you're seeing '404' errors when clicking throught to an Archive
                Entry, click the button below to re-sync. this website's
                database with the 'Search Service' database. 
            </p>
            <button class="be-gui-button danger"
		    title="Repopulate the Meilisearch database."
		    type="submit">
	        <img alt="Save nav. menu setting for{{db-data.title}}"
		     src="/images/icons/error-refresh.png">
                Re-populate Search Database
	    </button>
        </form>

        <form class="be-gui-form"
              action="/danger/reset-website"
              method="post">
            <input required
                   type="hidden"
                   name="AUTHENTICITY-TOKEN"
                   value="{{token}}">
            <p class="be-gui-form-hint">
                This deletes all the User Accounts, Pages, Archive Entries and
                files you've uploaded to Storage. Use this if you want to wipe
                the site clean and start again. It, also, clears the 'Search
                Service' database. 
            </p>
            <button class="be-gui-button danger"
		    title="Repopulate the Meilisearch database."
		    type="submit">
	        <img alt="Save nav. menu setting for{{db-data.title}}"
		     src="/images/icons/reset-website.png">
                Reset Website
	    </button>
        </form>
    </div>
    {% endif %}
</main>
{% endblock %}