{% macro _render_plugin(entry) %}
  <div class="col-md-3 col-sm-6 col-xs-12 plugin-container">
    <div class="small-box bg-{{ entry.color|default('green') }} box box-solid">
      <div class="inner">
        <h3>{{ entry.display_name }}</h3>
        <p>By {{ entry.author }}</p>
        <p>Version {{ entry.installed_version or (entry.versions[0]['version'] if entry.versions) }}</p>
        {{ _render_tags(entry.tags) }}
        {% if entry.installed_version %}
          {{ _render_remove_button(entry.namespace, entry.name) }}

          {% set version = entry.versions|selectattr('upgradable')|first %}
          {{ _render_upgrade_button(entry.namespace, entry.name, version.version) if version}}
        {% else %}
          {{ _render_install_button(entry.namespace, entry.name) }}
        {% endif %}

      </div>
      <div class="icon">
        <i class="fa fa-{{ entry.icon|default('gears') }}"></i>
      </div>
      <a href="{{ entry.homepage or '#' }}" class="small-box-footer" target="_blank">
        More info <i class="fa fa-arrow-circle-right"></i>
      </a>
      <div class="overlay {% if not entry.on_installation %}hidden{% endif %}">
        <i class="fa fa-refresh fa-spin"></i>
      </div>
    </div>
  </div>
{% endmacro %}

{% macro _render_tags(tags) %}
  {% for tag in tags %}
    <span>
      <small class="label label-default">
        <i class="fa fa-tag"></i>
        {{ tag }}
      </small>
      &nbsp;
    </span>
  {% endfor %}
{% endmacro %}

{% macro _render_remove_button(namespace, name) %}
  <button type="button" class="btn btn-default btn-xs margin label btn-remove-plugin"
    style="z-index:1;position:relative;"
    data-namespace="{{ namespace }}"
    data-name="{{ name }}"
    data-remove-url="{{ url_for('plugin.PluginView:remove_plugin') }}"
  >
    Remove
    <i class="fa fa-trash"></i>
  </button>
{% endmacro %}

{% macro _render_install_button(namespace, name) %}
  <button type="button" class="btn btn-default btn-xs margin label btn-install-plugin"
    style="z-index:1;position:relative;"
    data-namespace="{{ namespace }}"
    data-name="{{ name }}"
    data-install-url="{{ url_for('plugin.PluginView:install_plugin') }}"
  >
    Install
    <i class="fa fa-download"></i>
  </button>
{% endmacro %}

{% macro _render_upgrade_button(namespace, name, version) %}
  <button type="button" class="btn btn-default btn-xs margin label btn-upgrade-plugin"
    style="z-index:1;position:relative;"
    data-namespace="{{ namespace }}"
    data-name="{{ name }}"
    data-version="{{ version }}"
    data-upgrade-url="{{ url_for('plugin.PluginView:install_plugin') }}"
  >
    Upgrade ({{ version }})
    <i class="fa fa-download"></i>
  </button>
{% endmacro %}

<div class="row">
  {% for entry in market %}
    {{ _render_plugin(entry) }}
  {% endfor %}
</div>