{% extends "layouts/default.html" %}
{% block title %}Inventory CSV Import{% endblock %}
{% block content %}
<div class="w3-container content">
  CSV Import
  <div class="w3-container w3-row">
    {% for image in files %}
    <div class="w3-container w3-col m2">
      <a href="{{ image.url }}" target="_blank">
        <img class="w3-image m2"
             style="height:100px;max-height:100px;overflow:hidden;"
             src="{{ image.icon }}" alt="Icon for {{ image.url }}">
      </a>
    </div>
    {% if forloop.counter0 == 5 %}
  </div>
  <div class="w3-container w3-row">
    {% endif %}
    {% endfor %}
  </div>
  <br>
  <form method="post" enctype="multipart/form-data">
    {{ token | safe }}
    <div class="input_container">
      <input type="file" name="files[]" id="files" multiple="multiple">
    </div>
    <button class="button  w3-hover-green"
            type="submit">Process</button>
  </form>
</div>
{% endblock %}

</div>
{% endblock %}