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

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

{% block appbar %}
  <h2>{{ object }}</h2>
  {% if not has_running_pool and not has_real_pool %}
    <span class="actions">
      <a href="{% url 'lingo-manager-invoicing-campaign-delete' regie_pk=regie.pk pk=object.pk %}" rel="popup">{% trans "Delete" %}</a>
      <a href="{% url 'lingo-manager-invoicing-campaign-edit' regie_pk=regie.pk pk=object.pk %}">{% 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 "Label:" %} {{ object.label }}</li>
            <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>
            <li>{% trans "Integrate injected lines:" %} {{ object.get_injected_lines_display }}</li>
            <li>{% trans "Agendas:" %}
              <ul>
                {% for agenda in object.agendas.all %}
                  <li>
                    <a href="{% url 'lingo-manager-agenda-detail' pk=agenda.pk %}">
                      {{ agenda.label }}
                    </a>
                  </li>
                {% endfor %}
              </ul>
            </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' regie_pk=regie.pk pk=object.pk pool_pk=pool.pk %}">
                  {% if pool.draft_success_count or pool.success_count %}<span class="meta meta-success">{{ pool.draft_success_count|default:pool.success_count }}</span>{% endif %}
                  {% if pool.draft_warning_count or pool.warning_count %}<span class="meta meta-warning">{{ pool.draft_warning_count|default:pool.warning_count }}</span>{% endif %}
                  {% if pool.draft_error_count or pool.error_count %}<span class="meta meta-error">{{ pool.draft_error_count|default:pool.error_count }}</span>{% endif %}
                  {{ pool.created_at|date:'DATETIME_FORMAT' }}
                  <span class="extra-info">
                    - {{ pool.get_status_display }}
                    {% if pool.status == 'failed' %}[{{ pool.exception|truncatechars:50 }}]{% endif %}
                    {% if pool.completed_at %}({% blocktrans with edate=pool.completed_at|date:"DATETIME_FORMAT" %}Ended at {{ edate }}{% endblocktrans %}){% endif %}
                  </span>
                  {% if pool.draft %}
                    <span class="badge">{% trans "draft" %}</span>
                  {% endif %}
                </a>
              </li>
            {% endfor %}
          </ul>
          {% if not has_running_pool and not has_real_pool %}
            <div class="panel--buttons">
              <a class="pk-button" rel="popup" href="{% url 'lingo-manager-invoicing-pool-add' regie_pk=regie.pk pk=object.pk %}">{% trans 'Start a pool' %}</a>
              {% if not object.invalid %}
                <a class="pk-button" rel="popup" href="{% url 'lingo-manager-invoicing-campaign-unlock-check' regie_pk=regie.pk pk=object.pk %}">{% trans 'Unlock check' %}</a>
              {% endif %}
            </div>
          {% endif %}
        </div>

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