{% extends "layout.html" %}

{% block currentPage %}outfit{% endblock %}

{% block title %}Edit your outfit{% endblock %}
{% block titleEmbed %}Edit your outfit{% endblock %}
{% block author %}Team PeekSeek{% endblock %}
{% block description %}Edit your outfit however you like with our built-in configurator.{% endblock %}
{% block color %}#ff0000{% endblock %}

{% block script %}{{config.url()}}/public/src/outfits.js{% endblock %}

{% block content %}

<div class="mainElement queue">
  <h1>Editing <b style="text-transform: uppercase; color: #f66;">OUTFIT</b></h1>

  <div class="outfitselectorgrid">

    {% for row, items in ids.items() %}
      <div class="row">

        {% for item in items %}

          <div class="option"><img src="{{config.url()}}/public/unturned/{{item}}.png" alt=""></div>

        {% endfor %}

      </div>
    {% endfor %}
    <span style="color:#333">This outfit will be used in every match.</span>
  </div>

  <script type="text/javascript">
    let kits = {{ids | safe}}
    let order = {{order | safe}}
    let currentSelection = {{currentSelection | safe}}
  </script>
</div>

{% endblock %}