{% extends "authorized_base.html" %}
{% import 'macros/ordering.html' as ordering_macros %}
{% import 'macros/fields.html' as fields %}

{% block subnav_header %}
  Templates
{% endblock %}

{% block content %}
  <section>
      <div class="ui segment no-padding transparent">
      <div class="ui grid table-bar">
        <div class="ui six wide column left floated">
          <a href="{{ url_for('.create_template') }}" class="ui button pink tiny" id="create-template-button"><img class="icon" src="{{ static_url_for('static', filename='img/icons/plus.svg') }}">New Template</a>
        </div>
      </div>
    </div>
    <div class="ui segment no-padding full-height">
      <table id="templates-table" class="ui striped table">
        <thead>
        <tr>
           <th class="template-id collapsing">
            {{ ordering_macros.ordering_header("ID", ordering.links["id"]) }}
          </th>
          <th class="template-name">
            {{ ordering_macros.ordering_header("Name", ordering.links["name"]) }}
          </th>
          <th class="template-created_at">
            {{ ordering_macros.ordering_header("Created At", ordering.links["created_at"]) }}
          </th>
          <th class="template-created_at">
            {{ ordering_macros.ordering_header("Created By", ordering.links["created_by_name"]) }}
          </th>
          <th class="template-updated_by">
            {{ ordering_macros.ordering_header("Updated At", ordering.links["updated_at"]) }}
          </th>
          <th class="template-updated_at">
            {{ ordering_macros.ordering_header("Updated By", ordering.links["updated_by_name"]) }}
          </th>
          <th class="template-header is_active">
        </tr>
        </thead>
        <tbody>
        {% for template in templates %}
          <tr>
            <td class="template-id">
              <a href="{{ url_for('.update_template', template_id=template.id) }}">
                {{ template.id }}
              </a>
            </td>
            <td class="template-name">
              <a href="{{ url_for('.update_template', template_id=template.id) }}">
                {{ template.name }}
              </a>
            </td>
            <td class="template-created_at">
              {{ fields.local_date_value(template.created_at) }}
            </td>
            <td class="template-created_by">
              {{ template.created_by_name|default("N/A", True) }}
            </td>
            <td class="template-updated_at">
              {{ fields.local_date_value(template.updated_at) }}
            </td>
            <td class="template-updated_by">
              {{ template.updated_by_name|default("N/A", True) }}
            </td>
            <td class="right aligned collapsing template-is-active">
              <form method="post" action="{{ url_for("templating.template_enable_disable", template_id=template.id) }}">
                <div class="ui toggle checkbox is-active">
                  <input type="checkbox" name="is_active" {% if template.is_active %}checked{% endif %}>
                </div>
              </form>
            </td>
          </tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
    <div class="ui divider hidden"></div>

    {% include "components/pagination.html" %}

  </section>
{% endblock %}