{% extends 'base.html' %}

{% block header %}
  <div class="title">{% block title %}Manage site assets{% endblock %}</div>
{% endblock %}

{% block content %}
<div class="container">

  <div class="heading big">Icons</div>

  {% if icon_storage|length > 0 %}
    {% for icon in icons %}
      <img class="icon" src="{{ url_for('static', filename='icons/'+icon[2]) }}">
    {% endfor %}
    <br class="clear" />
    <div class="maintext">
      If there are icons above that won't load, the file itself may be changed or removed<br><br>
      <a href="{{ url_for('manage.delete_idb') }}">Delete links to missing icons from database</a><br><br>
    </div>
  {% else %}
    <div class="maintext">The database does not contain any moved/deleted icons!</div>
  {% endif %}
  
  {% if icon_storage|length > 0 %}
    {% for i in icon_storage %}
      <img class="icon" src="{{ url_for('static', filename='icons/'+i) }}">
    {% endfor %}
    <br class="clear" />
    <div class="maintext">
      These icons are not linked to any particular member but were found in the icons folder
      <a href="{{ url_for('manage.delete_ifiles') }}">Delete files in the icons folder that have no link in the database</a>
    </div>
  {% else %}
    <div class="maintext">There are no images in the icons folder without a database link!</div>
  {% endif %}

  <div class="heading big">Blinkies</div>
  <p>Not implemented yet (sorry!)</p>

  <div class="heading big">Stamps</div>
  <p>Not implemented yet (sorry!)</p>

  <hr>

  <div class="heading big">Upload Images</div>
  <p>Upload images for use in pages and custom sections. 
    Just right click, copy image URL, then use it in the HTML 
    however you like. You can use style tags to customize how the 
    images look/behave on your page, just be careful not to use class or
    id selectors that already exist (or do, if you are wanting to overwrite
    their behaviour!). We will make a list of in-use class and ids here, soon.
  </p>
  <form method="post" enctype="multipart/form-data" id="image">
      <input type="file" name="image" class="mobile-edit">
      <input type="submit" value="Upload to Site">
  </form>
  
  <div class="manage_images">
    <div class="manage_images_2">
  {% for image in images %}
    <div class="manage_images_3">
      <img class="mng_img" src="{{ url_for('static', filename='misc/'+image) }}">
      <br class="clear" />
      {% set imgurl = url_for('static', filename='misc/'+image) %}
      <a href="" onclick="copyURL('{{imgurl}}')">Copy Image URL</a> &#9734 <a href="">Delete</a>
    </div>
    {% endfor %}
    </div>
  </div>

<script>
function copyURL(a) {
  navigator.clipboard.writeText(a);
}
</script>


  </div>
{% endblock %}