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

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

{% block content %}
<div class="clearfix">
  <h2 class="pull-left">
    {{ label.name }}
    {% if label.comment is defined %}
      <small>({{ label.comment }})</small>
    {% endif %}
  </h2>

  {% if not my_review %}
    <a id="write-review" href="{{ url_for('review.create', entity_type='label', entity_id=id) }}"
        role="button" class="btn btn-success pull-right">
      <span class="glyphicon glyphicon-plus-sign"></span> {{ _('Write a review') }}
    </a>
  {% else %}
    <a id="edit-review" href="{{ url_for('review.edit', id=my_review.id) }}"
        role="button" class="btn btn-primary pull-right">
      <span class="glyphicon glyphicon-edit"></span> {{ _('Edit my review') }}
    </a>
  {% endif %}
</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('label.entity', id=id) }}">{{ _('Hide reviews') }}</a></li>
          {% elif reviews_count > reviews_limit %}
            <li class="next"><a href="{{ url_for('label.entity', id=id, reviews='all') }}">{{ _('Show all reviews') }}</a></li>
          {% endif %}
        </ul>
      </div>
    {% endif %}
    <ul class="pagination"></ul>
    <h4>{{ _('Releases') }}</h4>
    <ul class="nav nav-tabs">
      <li {% if release_type=='album' %}class="active"{% endif %}>
        <a href="{{ url_for('label.entity', id=label.mbid) }}?release_type=album">{{ _('Albums') }}</a>
      </li>
      <li {% if release_type=='single' %}class="active"{% endif %}>
        <a href="{{ url_for('label.entity', id=label.mbid) }}?release_type=single">{{ _('Singles') }}</a>
      </li>
      <li {% if release_type=='ep' %}class="active"{% endif %}>
        <a href="{{ url_for('label.entity', id=label.mbid) }}?release_type=ep">{{ _('EPs') }}</a>
      </li>
      <li {% if release_type=='broadcast' %}class="active"{% endif %}>
        <a href="{{ url_for('label.entity', id=label.mbid) }}?release_type=broadcast">{{ _('Broadcasts') }}</a>
      </li>
      <li {% if release_type=='other' %}class="active"{% endif %}>
        <a href="{{ url_for('label.entity', id=label.mbid) }}?release_type=other">{{ _('Other releases') }}</a>
      </li>
    </ul>
    {% if release_group_count==0 %}
      <p class="lead" style="text-align:center; margin-top:20px;">{{ _('No releases found') }}</p>
      {% else %}
      <div id="release-groups" class="row">
        {% for release_group in release_groups %}
          <div class="col-sm-4 col-md-4 col-lg-3">
            {% set has_reviews = (release_group.review_count > 0) %}
            <div class="thumbnail clearfix {% if has_reviews %}reviewed{% endif %}">
              {% if has_reviews %}
                <div class="review-count">
                  {{ ngettext('%(num)d review', '%(num)d reviews', release_group.review_count) }}
                </div>
              {% endif %}
              <div class="cover-art-container">
                <a href="{{ url_for('release_group.entity', id=release_group.mbid) }}">
                  {{ cover_art(release_group.mbid, 'release_group') }}
                </a>
              </div>
              <div class="caption">
                <div class="release-group-title">
                  <a href="{{ url_for('release_group.entity', id=release_group.mbid) }}">{{ release_group.title }}</a>
                </div>
                {{ release_group['first-release-year'] is defined and release_group['first-release-year'] }}
              </div>
            </div>
          </div>
        {% endfor %}
        <div class="clearfix"></div>

        {{ display_pagination(page, release_group_count, release_groups_limit, 'label.entity', {'id': id, 'release_type':release_type}) }}
      </div>
    {% endif %}
    <ul class="pagination"></ul>
  </div>

  <div class="col-sm-3">
    <h4>{{ _('Label information') }}</h4>
    {% if label.type %}<p class="text-muted">{{ label.type }}</p>{% endif %}

    {% if label['external-urls'] is defined %}
      <b>{{ _('External links') }}</b>
      <ul class="list-unstyled external-links">
        {% for url in label['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>
          </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/label/{{ label.mbid }}"><em>{{ _('Edit on MusicBrainz') }}</em></a>
    </div>

    <br/><br/>
    {{ entity_rate_form('label', 'label') }}
    {% 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 %}