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

{% block title %}{{ place.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">
      {{ place.name }}
    </h2>

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

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

  <div id="place-details" class="row">
    {% if lat is defined %}
      <div class="col-md-3">
        <div id="map"></div>
        <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 marker = L.marker([{{ lat | default(0) }}, {{ long | default(0) }}]).addTo(map);
        </script>
      </div>
    {% endif %}

    <div class="col-md-{% if lat is defined %}6{% else %}9{% endif %}">
      {{ entity_rate_form('place', 'place') }}
      <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="pager">
          {% if not reviews_limit %}
            <li class="next"><a href="{{ url_for('place.entity', id=place.mbid) }}">{{ _('Hide reviews') }}</a></li>
          {% elif reviews_count > reviews_limit %}
            <li class="next"><a href="{{ url_for('place.entity', id=place.mbid, reviews='all') }}">{{ _('Show all reviews') }}</a></li>
          {% endif %}
        </ul>
      {% endif %}
    </div>

    <div class="col-md-3">
      <h4>{{ _('Place information') }}</h4>
        {% if avg_rating %}
          <div class="avg-rating">
            {{ show_avg_rating(avg_rating.rating, avg_rating.count) }}
          </div>
        {% endif %}
        {% if place['external-urls'] is defined %}
          <b>{{ _('External links') }}</b>
            <ul class="list-unstyled external-links">
              {% for url in place['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 %}

        {% if place['part-of'] is defined %}
          <b>{{ _('Part of') }}</b>
            <ul class="list-unstyled">
              {% for relation in place['part-of'] %}
                <li class="clearfix">
                  <a href="{{ url_for('place.entity', id=relation['place'].mbid) }}">{{ relation['place']['name'] }}</a>
                </li>
              {% endfor %}
            </ul>
        {% endif %}
        {% if place['parts'] is defined %}
        <b>{{ _('Parts') }}</b>
          <ul class="list-unstyled">
            {% for relation in place['parts'] %}
              <li class="clearfix">
                <a href="{{ url_for('place.entity', id=relation['place'].mbid) }}">{{ relation['place']['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/place/{{ place.mbid }}"><em>{{ _('Edit on MusicBrainz') }}</em></a>
      </div>
    </div>
  </div>
  <div class="col-md-9">
    <ul class="pagination"></ul>
    <h4>{{ _('Events') }}</h4>
    <ul class="nav nav-tabs">
      <li {% if event_type=='concert' %}class="active"{% endif %}>
        <a href="{{ url_for('place.entity', id=place.mbid) }}?event_type=concert">{{ _('Concerts') }}</a>
      </li>
      <li {% if event_type=='festival' %}class="active"{% endif %}>
        <a href="{{ url_for('place.entity', id=place.mbid) }}?event_type=festival">{{ _('Festivals') }}</a>
      </li>
      <li {% if event_type=='other' %}class="active"{% endif %}>
        <a href="{{ url_for('place.entity', id=place.mbid) }}?event_type=other">{{ _('Other Events') }}</a>
      </li>
    </ul>
    {% if events_count==0 %}
      <p class="lead" style="text-align:center; margin-top:20px;">{{ _('No events found') }}</p>
    {% else %}
      <table class="table table-condensed table-hover">
        <thead>
          <tr>
            <th style="width: 75%;">{{ _('Title') }}</th>
            <th>{{ _('Date') }}</th>
          </tr>
        </thead>
        <tbody>
          {% for event in events %}
            <tr>
              <td>
                <a href="{{ url_for('event.entity', id=event.mbid) }}">
                  {{ event.name }}
                </a>
              </td>
              <td>{{ show_life_span(event, True) }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
      
      {{ display_pagination(page, events_count, events_limit, 'place.entity', {'id': id, 'event_type': event_type}) }}
    {% endif %}

  </div>
{% endblock %}

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