{% 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 %}{{ event.name }} - CritiqueBrainz{% endblock %}

{% block scripts_top %}
  {{ super() }}
  <script src="{{ get_static_path('leaflet.js') }}"></script>
{% endblock %}

{% block content %}
  <div class="clearfix">
    <h2 class="pull-left">
      {{ event.name }}
    </h2>
    {{ show_review_buttons(id, my_review, "event") }}
  </div>

  {% if event['place-rels'] is defined %}
    {% set place = event['place-rels'][0]['place'] %}
    {% if place['coordinates'] is defined and place['coordinates'] %}
      {% set lat = place['coordinates']['latitude'] | float %}
      {% set long = place['coordinates']['longitude'] | float %}
    {% endif %}
  {% endif %}

  <div id="event-details" class="row">
    {% if lat is defined %}
      <div class="col-md-4">
        <div id="map"></div>
        <script src="{{ get_static_path('leaflet.js') }}"></script>
        <script>
          var map = L.map('map').setView(['{{ lat }}', '{{ long }}'], 14);
          L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="http://openstreetmap.org">OSM</a>, ' +
                         '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
          }).addTo(map);
          var popup = L.popup()
              .setContent("<b>" + {{ _("Held at") | tojson }} + "</b><br> " + {{ place["name"] | tojson }});
          var marker = L.marker(['{{ lat }}', '{{ long }}'])
              .addTo(map)
              .bindPopup(popup)
              .openPopup();
        </script>
      </div>
    {% endif %}

    <div class="col-md-{% if lat is defined %}5{% else %}9{% endif %}">
      {{ entity_rate_form('event', 'event') }}
      <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('event.entity', id=id, limit=limit, offset=p*limit) }}">{{ p+1 }}</a>
              </li>
            {% endfor %}
          {% endif %}
        </ul>
      {% endif %}
    </div>

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

      {% if avg_rating %}
        <div class="avg-rating">
          {{ show_avg_rating(avg_rating.rating, avg_rating.count) }}
        </div>
      {% endif %}
      
      {% if 'release_group-rels' in event %}
        {% for rg in event['release_group-rels'] %}
            <p><b>{{ rg['type'] | title }}:</b> <a href="{{ url_for('release_group.entity', id=rg['release_group'].mbid) }}">{{ rg['release_group']['title'] }}</a></p>
        {% endfor %}
      {% endif %}

      {% if 'artist-rels' in event %}
        {% for type, artists in event['artists_grouped'] %}
          <b>{{ type | title }}</b>
          <ul class="list-unstyled">
            {% for artist in artists %}
              <li><a href="{{ url_for('artist.entity', id=artist['artist'].mbid) }}">{{ artist['artist']['name'] }}</a></li>
            {% endfor %}
          </ul>
        {% endfor %}
      {% endif %}

      {% if external_reviews %}
        <b>{{ _('External reviews') }}</b>
        <ul class="list-unstyled external-links">
          {{ show_external_reviews(external_reviews) }}
        </ul>
      {% endif %}

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

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