{% extends "archive/base.html" %}
{% load i18n %}
{% load tags %}


{% block menu-active-audiobooks %}active{% endblock %}


{% block content %}
  <div class="card mt-4">
    <div class="card-header">
      <h2>{{ object_list.0.book.title }}</h2>
    </div>
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th>{% trans "Index" %}</th>
            <th>{% trans "Title" %}</th>
            <th>MP3</th>
            <th>Ogg</th>
            <th colspan="5">YouTube</th>
          </tr>
        </thead>
        <tbody>
          {% with volumes=object_list.0.youtube_volume_count %}
            {% for audiobook in object_list %}
              <tr>
                <td>{{ audiobook.index }}</td>
                <td>
                  <a href="{% url 'file' audiobook.id %}">
                    {% if audiobook.part_name %}
                      {{ audiobook.part_name }}
                    {% else %}
                      <em class="text-warning" title="ddd">
                        ({{ audiobook }})
                      </em>
                    {% endif %}
                  </a>
                </td>
                <td>{% status audiobook "mp3" %}</td>
                <td>{% status audiobook "ogg" %}</td>
                {% ifchanged audiobook.youtube_volume_index %}
                  <td>
                    {{ audiobook.youtube_volume_index }}/{{ volumes }}
                  </td>
                  <td>
                    <form method="POST" action="{% url 'book_youtube_volume' audiobook.id %}">
                      {% csrf_token %}
                      <input name='volume' value="{{ audiobook.youtube_volume }}" class="form-control">
                    </form>
                  </td>
                  <td>
                    {% if audiobook.youtube_volume %}
                      {{ audiobook.total|duration }}
                    {% else %}
                      <small class="text-secondary">{{ audiobook.subtotal|duration }}</small>
                    {% endif %}
                  </td>
                  <td>
                    {{ audiobook.duration|duration }}
                  </td>
                  <td>
                    {% status audiobook "youtube" %}
                  </td>
                {% else  %}
                  <td>
                    –
                  </td>
                  <td>
                    <span class="text-secondary">
                      <form method="POST" action="{% url 'book_youtube_volume' audiobook.id %}">
                        {% csrf_token %}
                        <input name='volume' value="{{ audiobook.youtube_volume }}" class="form-control">
                      </form>
                    </span>
                  </td>
                  <td>
                    <small class="text-secondary">{{ audiobook.subtotal|duration }}</small>
                  </td>
                  <td class="text-secondary">
                    {{ audiobook.duration|duration }}
                  </td>
                  <td>
                  </td>
                {% endifchanged %}
              </tr>
            {% endfor %}
          {% endwith %}
        </tbody>
      </table>
      <form method="post" action="{% url 'youtube_book_publish' view.kwargs.slug %}">
        {% csrf_token %}
        <button class="btn btn-primary">
          Opublikuj wszystko na YouTube
        </button>
      </form>
    </div>
{% endblock %}