{% extends "hobo/base.html" %}
{% load i18n thumbnail %}

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" href="{% url 'applications-home' %}">{% trans 'Applications' %}</a>
  </li>
{% endblock %}

{% block appbar %}
  <h2>{% trans 'Applications' %}</h2>
  <span class="actions">
    <a rel="popup" href="{% url 'application-install' %}">{% trans 'Install' %}</a>
    <a rel="popup" href="{% url 'application-init' %}">{% trans 'Create' %}</a>
  </span>
{% endblock %}

{% block content %}

  {% if object_list %}
    <div id="applications">
      {% for application in object_list %}
        <div class="application application--{{ application.slug }} {% if application.editable %}application--editable{% endif %}">
          <h3>
            {% if application.icon %}
              {% thumbnail application.icon '64x64' crop='center' format='PNG' as im %}
                <img src="{{ im.url }}" alt="" />
              {% endthumbnail %}
            {% endif %}
            {{ application.name }}
          </h3>
          <p>{{ application.description|default:""|linebreaksbr }}</p>
          {% if application.documentation_url %}<p><a href="{{ application.documentation_url }}">{% trans 'Documentation' %}</a></p>{% endif %}
          <div class="buttons">
            <a class="button" href="{% url 'application-manifest' app_slug=application.slug %}"
            >{% trans "Details" %}</a>
          </div>
        </div>
      {% endfor %}
    </div>
  {% else %}
    <div id="no-applications">
      <div class="infonotice">
        <p>{% trans "You should find, install or build some applications." %}</p>
      </div>
    </div>
  {% endif %}

{% endblock %}