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

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

{% macro print_members(members) %}
  {% for member in members %}
    <li>
      <a href="{{ url_for('artist.entity', id=member.artist_id) }}">
        {{ member.name }}
      </a>
      {% if member.periods %}
          <span class="text-muted">
          ({% for period in member.periods -%}
              {% if not loop.last %}
                {{ period[0] + '-' + period[1] + ', '}}
              {% else %}
                {% if not member.ended and period[0] %}
                    {{ 'since ' + period[0] }}
                {% elif not period[0] and period[1] %}
                    {{ 'until ' + period[1] }}
                {% else %}
                    {{ period[0] + '-' + period[1] }}
                {% endif %}
              {% endif %}
          {%- endfor %})
          </span>
      {% endif %}
      {% if member.attributes and not member.ended %}
        <br />
        <span class="text-muted">
          {% for attr in member.attributes -%}
            {{ attr + ', ' * (not loop.last) }}
          {% endfor %}
        </span>
      {% endif %}
      {% if member.comment is defined and member.comment %}
        <br />
        <span class="text-muted">({{ member.comment }})</span>
      {% endif %}
    </li>
  {% endfor %}
{% endmacro %}

{% block content %}
<div class="clearfix">
  <h2 class="pull-left">
    {{ artist.name }}
    {% if artist.comment is defined and artist.comment %}
      <small>({{ artist.comment }})</small>
    {% endif %}
  </h2>
  {{ show_review_buttons(id, my_review, "artist") }}
</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('artist.entity', id=artist.mbid, release_type=release_type) }}">{{ _('Hide reviews') }}</a></li>
          {% elif reviews_count > reviews_limit %}
            <li class="next"><a href="{{ url_for('artist.entity', id=artist.mbid, release_type=release_type, reviews='all') }}">{{ _('Show all reviews') }}</a></li>
          {% endif %}
        </ul>
      </div>
    {% endif %}

    {% for author in author_info %}
      <h4> {{ _('This entity is also in the BookBrainz Database as ') }}
        <a href="{{ url_for('bb_author.entity', id=author.bbid ) }}">{{ author.name }}</a>.
      </h4>
      {% if author.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 author.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>{{ _('Discography') }}</h4>
    <ul class="nav nav-tabs">
      <li {% if release_type=='album' %}class="active"{% endif %}>
        <a href="{{ url_for('artist.entity', id=artist.mbid) }}?release_type=album">{{ _('Albums') }}</a>
      </li>
      <li {% if release_type=='single' %}class="active"{% endif %}>
        <a href="{{ url_for('artist.entity', id=artist.mbid) }}?release_type=single">{{ _('Singles') }}</a>
      </li>
      <li {% if release_type=='ep' %}class="active"{% endif %}>
        <a href="{{ url_for('artist.entity', id=artist.mbid) }}?release_type=ep">{{ _('EPs') }}</a>
      </li>
      <li {% if release_type=='broadcast' %}class="active"{% endif %}>
        <a href="{{ url_for('artist.entity', id=artist.mbid) }}?release_type=broadcast">{{ _('Broadcasts') }}</a>
      </li>
      <li {% if release_type=='other' %}class="active"{% endif %}>
        <a href="{{ url_for('artist.entity', id=artist.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, 'artist.entity', {'id': id, 'release_type':release_type}) }}
      </div>
    {% endif %}
    <ul class="pagination"></ul>
  </div>

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

    {% if band_members.current_members %}
      <b>
        {% if artist.type is defined and artist.type == 'Person' %}
          {{ _('Member of') }}
        {% else %}
          {{ _('Members') }}
        {% endif %}
      </b>
      <ul class="list-unstyled">
        {{ print_members(band_members['current_members'][:15]) }}
        {% if band_members['current_members'] | length > 15 %}
          <div id="more-members" class="collapse">
            {{ print_members(band_members['current_members'][15:]) }}
          </div>
          <a data-toggle="collapse" data-target="#more-members" style="cursor: pointer;"><strong>{{ _('View all...') }}</strong></a>
        {% endif %}
      </ul>
    {% endif %}

    {% if band_members['former_members'] is defined and band_members['former_members'] %}
      <b>
        {% if artist.type is defined and artist.type == 'Person' %}
          {{ _('Former member of') }}
        {% else %}
          {{ _('Former members') }}
        {% endif %}
      </b>
      <ul class="list-unstyled">
        {{ print_members(band_members['former_members'][:15]) }}
        {% if band_members['former_members'] | length > 15 %}
          <div id="more-former-members" class="collapse">
            {{ print_members(band_members['former_members'][15:]) }}
          </div>
          <a data-toggle="collapse" data-target="#more-former-members" style="cursor: pointer;">
            <strong>{{ _('View all...') }}</strong>
          </a>
        {% endif %}
      </ul>
    {% endif %}

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

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