{% 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>Nav. Menu</h2>
    <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.
    </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>
</main>
{% endblock %}