{% extends 'base.html' %}
{% from 'macros.html' import entity_rate_form, show_avg_rating, display_pagination, show_review_buttons with context %}
{% from 'common.html' import rating_script with context %}

{% block title %}{{ work.name }} - CritiqueBrainz{% endblock %}

{% block content %}
<div class="clearfix">
  <h2 class="pull-left">
    {{ work.name }}
    {% if work.type is defined %}
      <small>({{ work.type }})</small>
    {% endif %}
  </h2>
  {{ show_review_buttons(id, my_review, "work") }}
</div>

<div class="row">
  <div class="col-sm-9">
    <h4 style="margin-bottom:0;">{{ _('Reviews') }}</h4>
    {% if not reviews %}
      <p class="lead" style="text-align: center;">{{ _('No reviews found') }}</p>
    {% else %}
      <table class="table table-condensed table-hover">
        <thead>
          <tr>
            <th></th>
            <th>{{ _('Published on') }}</th>
            <th>{{ _('Votes (+/-)') }}</th>
          </tr>
        </thead>
        <tbody>
          {% for review in reviews %}
            <tr data-review-id="{{ review.id }}">
              <td>
                <a href="{{ url_for('review.entity', id=review.id) }}">
                  {{ _('by %(reviewer)s', reviewer=review.user.display_name) }}
                </a>
              </td>
              <td>{{ review.published_on | date }}</td>
              <td>{{ review.votes_positive_count }}/{{ review.votes_negative_count }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
      <div class="col-md-12">
        <ul class="pager">
          {% if not reviews_limit %}
            <li class="next"><a href="{{ url_for('work.entity', id=id) }}">{{ _('Hide reviews') }}</a></li>
          {% elif reviews_count > reviews_limit %}
            <li class="next"><a href="{{ url_for('work.entity', id=id, reviews='all') }}">{{ _('Show all reviews') }}</a></li>
          {% endif %}
        </ul>
      </div>
    {% endif %}

    {% for literary_work in literary_work_info %}
      <h4> {{ _('This entity is also in the BookBrainz Database as ') }}
        <a href="{{ url_for('bb_literary_work.entity', id=literary_work.bbid ) }}">{{ literary_work.name }}</a>.
      </h4>
      {% if literary_work.reviews_count %}
        <h4 >{{ _('Reviews') }}</h4>
        <table class="table table-condensed table-hover">
          <thead>
            <tr>
              <th></th>
              <th>{{ _('Published on') }}</th>
              <th>{{ _('Votes (+/-)') }}</th>
            </tr>
          </thead>
          <tbody>
            {% for review in literary_work.reviews %}
              <tr data-review-id="{{ review.id }}">
                <td>
                  <a href="{{ url_for('review.entity', id=review.id) }}">
                    {{ _('by %(reviewer)s', reviewer=review.user.display_name) }}
                  </a>
                </td>
                <td>{{ review.published_on | date }}</td>
                <td>{{ review.votes_positive_count }}/{{ review.votes_negative_count }}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      {% endif %}
    {% endfor %}

    <ul class="pagination"></ul>
    <h4>{{ _('Recordings') }}</h4>
    {% if not recording_rels %}
      <p class="lead" style="text-align: center;">{{ _('No recordings found') }}</p>
    {% else %}
      <table class="table table-condensed table-hover">
        <thead>
          <tr>
            <th></th>
            <th>{{ _('Type') }}</th>
            <th>{{ _('Length') }}</th>
          </tr>
        </thead>
        <tbody>
          {% for rel in recording_rels %}
          {% set recording = rel['recording'] %}
            <tr data-review-id="{{ recording.mbid }}">
              <td>
                <a href="{{ url_for('recording.entity', id=recording.mbid) }}">
                  {{ recording.name }}
                </a>
              </td>
              <td>{{ rel.type | capitalize }}</td>
              <td>
                {% if recording.length is defined %}
                  {{ recording.length | track_length }}
                {% else %}
                  -
                {% endif %}
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
      {{ display_pagination(page, recording_count, recording_limit, 'work.entity', {'id':id}) }}
    {% endif %}
    <ul class="pagination"></ul>
  </div>

  <div class="col-sm-3">
    <h4>{{ _('Work information') }}</h4>

    {% if work['external-urls'] is defined %}
      <b>{{ _('External links') }}</b>
      <ul class="list-unstyled external-links">
        {% for url in work['external-urls'] %}
          <li class="clearfix">
            <div class="favicon-container">
              {% if url.icon %}
                <img src="{{ get_static_path('favicons/' + url.icon) }}" />
              {% else %}
                <img src="{{ get_static_path('favicons/external-16.png') }}" />
              {% endif %}
            </div>
            <a href="{{ url.url.url }}">{{ url.name }}</a>
            {% if url.disambiguation %}<span class="text-muted">({{ url.disambiguation }})</span>{% endif %}
          </li>
        {% endfor %}
      </ul>
    {% endif %}

    <div class="external-links">
      <div class="favicon-container"><img src="{{ get_static_path('favicons/musicbrainz-16.svg') }}" /></div>
      <a href="https://musicbrainz.org/work/{{ work.mbid }}"><em>{{ _('Edit on MusicBrainz') }}</em></a>
    </div>

    <br/><br/>
    {{ entity_rate_form('work', 'work') }}
    {% if avg_rating %}
      <div class="avg-rating">
        {{ show_avg_rating(avg_rating.rating, avg_rating.count, show_glyphicon = false) }}
      </div>
    {% endif %}
  </div>
</div>
{% endblock %}

{% block scripts %}
    {{ rating_script }}
{% endblock %}