{% extends 'base.html' %}

{% block header %}
  <div class="title">{% block title %}Site Administration{% endblock %}</div>
{% endblock %}

{% block content %}
<div class="container">
  <div class="mobile">
    <div class="heading">Manage Members</div>
    <a href="{{ url_for('manage.new') }}">Add new member</a><br><br>
    <a href="{{ url_for('manage.groups') }}">Manage groups</a><br><br>
    <a href="{{ url_for('manage.assets') }}">Site assets</a>
  </div>

  <div class="heading">Front Log</div>
  <div class="maintext">Front change history</div>
  <div class="log">
    {% for front in front_log %}
      <p><b>{{ get_datetime_str(front[2]) }}</b> - {{ get_member(front[1])[3]|safe }}{% if front[3] %} <i>(ended: {{ get_datetime_str(front[3]) }})</i> | <a class="danger" href="{{ url_for('manage.delete_front_log', fid=front[0]) }}">delete</a>{% endif %}</p>
    {% endfor %}
  </div>

  <div class="heading">Custom Pages</div>
  <form method="post" id="pages">
    <label for="page_title">Page Title</label>
    <input name="page_title" id="page_title"><br>
    <label for="page_content">Page Content</label>
    <textarea name="page_content" id="page_content">Hello World!</textarea><br><br>
    <input type="submit" name="new_page" value="Create New Page">
  </form>

  <hr>

  {% for page in pages %}
  <p><a href="{{ url_for('home.custom_page', pid=page[0]) }}">{{page[1]}}</a> - <a href="{{ url_for('manage.edit_page', pid=page[0]) }}">Edit Page</a> &#9734 <a href="{{ url_for('manage.delete_page', pid=page[0]) }}">Delete Page</a></p>
  {% endfor %}

  <div class="heading">Site Favicon</div>
  <p>This will replace the old favicon, without the ability to restore it if you change your mind</p>
  <p>For best results, use a 32x32 favicon. Icons8 is a good resource, as is <a href="https://realfavicongenerator.net">this png converter</a></p>
  <p>Changes will take some time to be reflected - or try a hard/force refresh on the browser</p>
  <form method="post" enctype="multipart/form-data">
      <input type="file" name="favicon">
      <input type="submit" value="Upload Favicon">
  </form>

  <hr>


  <div class="heading">Export</div>
  <a href="{{ url_for('manage.export_system') }}">Export entire system as JSON</a> (without images)<br>
  <a href="{{ url_for('manage.export_system_full') }}">Export entire system as ZIP</a> (with images)
  
  <hr>

  <div class="heading">Import system from JSON</div>
  <p>You must only run full system imports on a fresh database</p>
  <form method="post" enctype="multipart/form-data" id="json">
      <input type="file" name="json">
      <input type="submit" value="Upload JSON">
  </form>

  <hr>

  <div class="heading">Import system from ZIP</div>
  <p>You must only run full system imports on a fresh database</p>
  <form method="post" enctype="multipart/form-data" id="zip">
      <input type="file" name="zip">
      <input type="submit" value="Upload ZIP">
  </form>

  <hr>

  <div class="heading big pink">WIP ZONE</div>
  <div class="heading">Site Users</div>
  <div class="maintext">These are the usernames that can log in to the site</div>
  {% for user in users %}
  <p><b>{{ user[1] }}</b>{% if user[0]!=g.user[0] %} | <a>Delete user</a>{% endif %}</p>
  {% endfor %}
  <p><a>Add New User</a></p>

  <div class="heading">Admin Log</div>
  <div class="maintext">Actions taken by registered users</div>
  
  <div class="heading">Site Theme</div>
  <div class="maintext">Choose the overall theme for the site here</div>
  <form>
  <select name="theme" id="theme">
      {% for theme in get_themes() %}
      {% set theme_name = theme.split(".")[0] %}
      <option value="{{theme_name}}">{{theme_name}}</option>
      {% endfor %}
    </select>
    <input type="submit" value="Submit">
  </form>

</div>
{% endblock %}