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

{% block title %}
  {{ _('Recording "%(name)s" by %(artist)s', name=recording.name, artist=recording['artist-credit-phrase']) }}
  - CritiqueBrainz
{% endblock %}

{% block content %}
<div class="clearfix">
  <h2 class="pull-left">
    {{ recording.name }} {{ _('by') }}
    {% for credit in recording['artists'] %}
    {% if credit.name %}
        <a href="{{ url_for('artist.entity', id=credit.mbid) }}">{{ credit.name }}</a>
        {% if credit.join_phrase is defined %}{{ credit.join_phrase }}{% endif %}
    {% endif %}
    {% endfor %}
  </h2>

  {{ show_review_buttons(id, my_review, "recording") }}
</div>

<div id="recording-details" class="row">
  <div class="col-md-9">
    {{ entity_rate_form('recording', 'recording') }}
    <br/><br/>
    <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>
      <ul class="pagination">
        {% set pages = count//limit %}
        {% if count%limit %}
          {% set pages = pages+1 %}
        {% endif %}
        {% if pages>1 %}
          {% for p in range(pages) %}
            {% set p_offset = p*limit %}
            <li {% if offset == p_offset %}class="active"{% endif %}>
              <a href="{{ url_for('recording.entity', id=id, limit=limit, offset=p*limit) }}">{{ p+1 }}</a>
            </li>
          {% endfor %}
        {% endif %}
      </ul>
    {% endif %}
  </div>

  <div class="col-md-3">
    <h4>{{ _('Recording information') }}</h4>
    {% if avg_rating %}
      <div class="avg-rating">
        {{ show_avg_rating(avg_rating.rating, avg_rating.count) }}
      </div>
    {% endif %}
    {% if external_reviews %}
      <b>{{ _('External reviews') }}</b>
      <ul class="list-unstyled external-links">
        {{ show_external_reviews(external_reviews) }}
      </ul>
    {% endif %}
    {% if recording['external-urls'] is defined %}
      <b>{{ _('External links') }}</b>
      <ul class="list-unstyled external-links">
        {% for url in recording['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/recording/{{ recording.mbid }}"><em>{{ _('Edit on MusicBrainz') }}</em></a>
    </div>
  </div>
</div>
{% endblock %}

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