{% extends "base.html" %}

{% load i18n account entity_permissions %}

{% block extracss %}
<link type="text/css" href="{{ STATIC_URL }}css/flags.css" rel="Stylesheet" />
<link type="text/css" href="{% url get_pygments_css %}" rel="Stylesheet" />
{% endblock %}

{% block content %}
{% canedit entity %}{% include "entity/menu.html" %}{% endcanedit %}
<section class="mainContent">

  <hgroup>
    <h1>{% trans "Entity details" %}</h1>
    <h2>{{ entity.name }}</h2>
  </hgroup>

  {% if entity.owner %}
  <p>{% trans "Owned by" %} {% safefullname entity.owner %}</p>
  {% endif %}

  {% with entity.delegates.all as delegates %}
  {% if delegates %}
  <p>{% trans "People that can edit it" %}:
    {% for delegate in delegates %}
      {% safefullname delegate %}{% if not forloop.last %}, {% endif %}
    {% endfor %}
  </p>
  {% endif %}
  {% endwith %}

  {% if entity.has_metadata %}
    <dl>
      {% if entity.entityid %}
      <dt class="ui-icon ui-icon-comment" title="{% trans "EntityID" %}">{% trans "EntityID" %}</dt>
      <dd>{{ entity.entityid }}</dd>
      {% endif %}

      {% if entity.endpoints %}
      <dt class="ui-icon ui-icon-link" title="{% trans "Endpoints" %}">{% trans "Endpoints" %}</dt>
      <dd>
        <table>
          <tbody>
          {% for endpoint in entity.endpoints %}
          <tr>
            <td><a href="{{ endpoint.Location }}">{{ endpoint.Location }}</a></td>
            <td>({{ endpoint.Type }})</td>
          </tr>
          {% endfor %}
          </tbody>
        </table>
      </dd>
      {% endif %}

      {% if entity.contacts %}
      <dt class="ui-icon ui-icon-person" title="{% trans "Contacts" %}">{% trans "Contacts" %}</dt>
      <dd>
        <table>
          <tbody>
          {% for contact in entity.contacts %}
          <tr>
            <td>{{ contact.GivenName }} {{ contact.SurName }}</td>
            <td>({{ contact.type }} {% trans "contact type" %})</td>
          </tr>
          {% endfor %}
          </tbody>
        </table>
      </dd>
      {% endif %}

      {% if entity.organization %}
      <dt class="ui-icon ui-icon-suitcase" title="{% trans "Organization" %} {{ l10n_org.lang }}">{% trans "Organization" %} {{ l10n_org.lang }}</dt>
      <dd>
        <table>
          <tbody>
          {% for l10n_org in entity.organization %}
          <tr>
            {% if l10n_org.URL %}
            <td><a href="{{ l10n_org.URL }}">{{ l10n_org.displayName }}</a></td>
            <td><span class="flag {{ l10n_org.lang }}" title="{{ l10n_org.lang }}" /></td>
            {% else %}
            <td>{{ l10n_org.displayName }}</td>
            <td><span class="flag {{ l10n_org.lang }}" title="{{ l10n_org.lang }}" /></td>
            {% endif %}
          </tr>
          {% endfor %}
          </tbody>
        </table>
      </dd>
      {% endif %}

      {% if entity.certificates %}
      <dt class="ui-icon ui-icon-key" title="{% trans "Certificates" %}">{% trans "Certificates" %}</dt>
      <dd>
        <table>
          <tbody>
          {% for certificate in entity.certificates %}
          <tr>
            <td>{{ certificate.text }}</td>
            <td>{% trans "Used for" %} {{ certificate.use }}</td>
          </tr>
          {% endfor %}
          </tbody>
        </table>
      </dd>
      {% endif %}

      <dt class="ui-icon ui-icon-signal-diag" title="{% trans "Changes feed" %}">{% trans "Changes feed" %}</dt>
      <dd><a href="">Changes feed</a></dd>
    </dl>

    <div class="history">
      <h2 class="clear"><span class="left ui-icon ui-icon-triangle-1-e"></span><a href="#" id="show-history">Show history</a></h2>
      <table>
        <thead>
          <tr>
            <th>Rev</th>
            <th>Id</th>
            <th>Diff</th>
            <th>Date</th>
            <th class="authorColumn">Author</th>
            <th class="logMessageColumn">Log message</th>
          </tr>
        </thead>
        <tbody>
          {% for rev in revs %}
          <tr class="{% cycle "odd" "even" %}">
              <td>{{ forloop.revcounter }}</td>
            <td>
              <a class="rev-link"
                  href="{% url get_revision entity.id,rev.versionid %}"
                  title="{% trans "Revision" %} {{ rev.versionid }}">
                   @{{ rev.versionid|slice:"-5:" }}
              </a>
            </td>
            {% if rev.previous %}
            <td>
              <a class="diff-link"
                  href="{% url get_diff  entity.id,rev.previous,rev.versionid %}"
                  title="{% trans "Diff from rev" %} {{ rev.previous }} {% trans " to rev" %} {{ rev.versionid }}">
                   Prev diff
              </a>
            </td>
            {% else %}
            <td> - </td>
            {% endif %}
            <td>{{ rev.date }}</td>
            <td>{{ rev.author }}</td>
            <td>{{ rev.message }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>

  {% else %}
    <div>{% trans "This entity has no associated metadata yet." %}</div>
  {% endif %}

  <div id="metadata-contents"></div>

</section>
{% endblock %}

{% block extrajs %}
  {% if entity.has_metadata %}
  <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.entitymd.js"></script>
  <script type="text/javascript">
  (function($) {
    $(document).ready(function () {
        $('a.rev-link').click(
            $.fn.entitymd.get_metadata
        );
        $('a.diff-link').click(
            $.fn.entitymd.get_metadata
        );
        $('#show-history').toggle(
            function () {
                $(this).text('Hide history')
                       .prev()
                       .removeClass('ui-icon-triangle-1-e')
                       .addClass('ui-icon-triangle-1-s');
                $('.history table').show();
            },
            function () {
                $(this).text('Show history')
                       .prev()
                       .removeClass('ui-icon-triangle-1-s')
                       .addClass('ui-icon-triangle-1-e');
                $('.history table').hide();
            }
        );
        $('.history table').hide();
    });
  })(jQuery);
  </script>
  {% endif %}
{% endblock %}