{% extends 'base.html' %}
{% load inventory_extras ui_extras %}

{% block content %}
<ol class="breadcrumb">
  <li  class="breadcrumb-item"><a href="/">Home</a></li>
  <li  class="breadcrumb-item active">Inventory tags</li>
</ol>

{% if perms.inventory.view_tag %}

<div class="d-flex justify-content-between mb-3">
    <h2 class="mb-0">Tag{{ tag_list|length|pluralize }} ({{ tag_list|length }})</h2>

    {% if perms.inventory.add_tag %}
    <div class="ms-auto">
        {% url 'inventory:create_tag' as url %}
        {% button 'CREATE' url "Add new Tag" %}
    </div>
    {% endif %}
</div>

<div class="table-responsive mb-3">
    <table class="table table-striped align-middle table-hover">
        <thead>
            <tr>
                <th class="col-md-3">Taxonomy</th>
                <th>Meta Business Unit</th>
                <th>Tag</th>
                {% if perms.inventory.change_tag or perms.inventory.delete_tag %}
                <th></th>
                {% endif %}
            </tr>
        </thead>
        <tbody>
        {% for tag in tag_list %}
        <tr class="data-row">
            <td class="col-md-3">{{ tag.taxonomy|default:"-" }}</td>
            <td>{{ tag.meta_business_unit|default:"-" }}</td>
            <td>{% inventory_tag tag %}</td>
            {% if perms.inventory.change_tag or perms.inventory.delete_tag %}
            <td class="text-end py-0">
            {% if perms.inventory.change_tag %}
                {% url 'inventory:update_tag' tag.id as url %}
                {% button 'UPDATE' url "Edit Tag" %}
            {% endif %}
            {% if perms.inventory.delete_tag %}
                {% url 'inventory:delete_tag' tag.id as url %}
                {% button 'DELETE' url "Delete Tag" %}
            {% endif %}
            </td>
            {% endif %}
        </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}

{% if perms.inventory.view_taxonomy %}
<div class="d-flex justify-content-between mb-3">
    <h2 class="mb-0">Taxonom{{ taxonomy_list|length|pluralize:"y,ies" }} ({{ taxonomy_list|length }})</h2>

    {% if perms.inventory.add_taxonomy %}
    <div class="ms-auto">
        {% url 'inventory:create_taxonomy' as url %}
        {% button 'CREATE' url "Add new Taxonomy" %}
    </div>
    {% endif %}
</div>

<div class="table-responsive mb-3">
  <table class="table table-striped align-middle table-hover">
    <thead>
        <tr>
            <th class="col-md-3"></th>
            <th>Meta Business Unit</th>
            <th>Name</th>
            {% if perms.inventory.change_taxonomy or perms.inventory.delete_taxonomy %}
            <th></th>
            {% endif %}
        </tr>
    </thead>
    <tbody>
      {% for taxonomy in taxonomy_list %}
      <tr class="data-row">
        <td class="col-md-3"></td>
        <td>{{ taxonomy.meta_business_unit|default:"-" }}</td>
        <td>{{ taxonomy.name }}</td>
        {% if perms.inventory.change_taxonomy or perms.inventory.delete_taxonomy %}
        <td class="text-end py-0">
          {% if perms.inventory.change_taxonomy %}
            {% url 'inventory:update_taxonomy' taxonomy.id as url %}
            {% button 'UPDATE' url "Edit Taxonomy" %}
          {% endif %}
          {% if perms.inventory.delete_taxonomy %}
              {% url 'inventory:delete_taxonomy' taxonomy.id as url %}
              {% button 'DELETE' url "Delete Taxonomy" %}
          {% endif %}
        </td>
        {% endif %}
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}
{% endblock %}