{% extends "chrono/manager_ants_hub_base.html" %}
{% load i18n %}

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" aria-current="page">{{ view.place }}</a>
  </li>
{% endblock %}

{% block appbar %}
  <h2>{{ view.place }}</h2>
  <a rel="popup" class="delete-button" href="{% url 'chrono-manager-ants-hub-place-delete' city_pk=view.place.city_id pk=view.place.pk %}">{% trans "Remove" %}</a>
{% endblock %}


{% block content %}
  <p>
    {% if not view.place.last_sync %}{% trans "Never synchronized" %}{% else %}{% blocktrans with date=view.place.last_sync|date:"SHORT_DATETIME_FORMAT" %}Last synchronization on {{ date }}{% endblocktrans %}{% endif %}.
  </p>
  <div class="section">
    <h3>
      {% trans "Address" %}
      <a class="button" rel="popup" href="{% url 'chrono-manager-ants-hub-place-edit' city_pk=view.place.city_id pk=view.place.pk %}">{% trans "Edit" %}</a>
    </h3>
    <div>
      <p>
        {{ view.place.address }}</br>
        {{ view.place.zipcode }} {{ view.place.city_name }}
      </p>
      <p>
        {% trans "Geolocation:" %} {{ view.place.longitude }} {{ view.place.latitude }}
      </p>
    </div>
  </div>
  <div class="section">
    <h3>
      {% trans "URLs" %}
      <a class="button" rel="popup" href="{% url 'chrono-manager-ants-hub-place-url' city_pk=view.place.city_id pk=view.place.pk %}">{% trans "Edit" %}</a>
    </h3>
    <table class="main">
      <tbody>
        {% for label, value in view.place.url_details %}
          <tr><td>{{ label }}</td><td>{{ value }}</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  <div class="section">
    <h3>
      {% trans "Agendas" %}
      <a rel="popup" class="button" href="{% url 'chrono-manager-ants-hub-agenda-add' city_pk=view.place.city_id pk=view.place.pk %}">{% trans 'Add' %}</a>
    </h3>
    {% if object_list %}
      <ul class="objects-list single-links">
        {% for object in object_list %}
          <li {% if not object.ants_properties %}class="ants-setting-not-configured"{% endif %}>
            <a rel="popup" id="open-place-agenda-{{ object.pk }}" class="edit" href="{% url 'chrono-manager-ants-hub-agenda-edit' pk=object.pk city_pk=view.place.city_id place_pk=view.place.pk %}">
              <span class="label">{{ object }}</span>
              <span class="properties">({% if object.ants_properties %}{{ object.ants_properties|join:", " }}{% else %}{% trans "not configured" %}{% endif %})</span></a>
            <a class="delete" rel="popup" href="{% url 'chrono-manager-ants-hub-agenda-delete' pk=object.pk city_pk=view.place.city_id place_pk=view.place.pk %}">{% trans "remove" %}</a>
          </li>
        {% endfor %}
      </ul>
    {% endif %}
  </div>
  {% if not object_list %}
    <div class="big-msg-info">
      {% blocktrans trimmed %}
        This site doesn't have any place yet. Click on the "New place" button in the top
        right of the page to add a first one.
      {% endblocktrans %}
    </div>
  {% endif %}
  <script>
    setTimeout(function () {
      $(window.location.hash).click();
    }, 100);
  </script>
{% endblock %}