{% extends "lingo/invoicing/manager_campaign_list.html" %}
{% load i18n %}

{% block breadcrumb %}
  {{ block.super }}
  <a href="{% url 'lingo-manager-invoicing-campaign-detail' object.pk %}">{{ object }}</a>
{% endblock %}

{% block appbar %}
  <h2>{{ object }}</h2>
  {% if not has_real_pool %}
    <span class="actions">
      <a href="{% url 'lingo-manager-invoicing-campaign-delete' pk=object.pk %}" rel="popup">{% trans "Delete" %}</a>
      <a href="{% url 'lingo-manager-invoicing-campaign-edit' pk=object.pk %}" rel="popup">{% trans "Edit" %}</a>
    </span>
  {% endif %}
{% endblock %}

{% block content %}
  <div class="section">
    <div class="pk-tabs">
      <div class="pk-tabs--tab-list" role="tablist">
        <button aria-controls="panel-settings" aria-selected="true" id="tab-settings" role="tab" tabindex="0">{% trans "Settings" %}</button>
        <button aria-controls="panel-pools" aria-selected="false" id="tab-pools" role="tab" tabindex="-1">{% trans "Pools" %}</button>
      </div>
      <div class="pk-tabs--container">

        <div aria-labelledby="tab-settings" id="panel-settings" role="tabpanel" tabindex="0">
          <ul>
            <li>{% trans "Start date:" %} {{ object.date_start|date:'d/m/Y' }}</li>
            <li>{% trans "End date:" %} {{ object.date_end|date:'d/m/Y' }}</li>
            <li>{% trans "Issue date:" %} {{ object.date_issue|date:'d/m/Y' }}</li>
          </ul>
        </div>

        <div aria-labelledby="tab-pools" hidden="" id="panel-pools" role="tabpanel" tabindex="0">
          <ul class="objects-list single-links">
            {% for pool in pools %}
              <li>
                <a href="{% url 'lingo-manager-invoicing-pool-detail' pk=object.pk pool_pk=pool.pk %}">
                  {{ pool.created_at|date:'DATETIME_FORMAT' }}
                  {% if pool.draft %}<span class="badge">{% trans "draft" %}</span>{% endif %}
                </a>
              </li>
            {% endfor %}
          </ul>
          {% if not has_real_pool %}
            <div class="panel--buttons">
              <a class="pk-button" rel="popup" href="{% url 'lingo-manager-invoicing-pool-add' pk=object.pk %}">{% trans 'Start a pool' %}</a>
            </div>
          {% endif %}
        </div>

      </div>
    </div>
  </div>
{% endblock %}