{% extends "combo/manager_base.html" %}
{% load i18n %}

{% block appbar %}
  <h2>{% trans 'Assets' %}</h2>
  <span class="actions">
    <a class="extra-actions-menu-opener"></a>
    <a href="{% url 'combo-manager-asset-upload' %}" rel="popup">{% trans 'Upload' %}</a>
    <ul class="extra-actions-menu">
      <li><a href="{% url 'combo-manager-assets-export' %}">{% trans 'Export assets as archive' %}</a></li>
      <li><a rel="popup" href="{% url 'combo-manager-assets-import' %}">{% trans 'Import archive of assets' %}</a></li>
    </ul>
  </span>
{% endblock %}

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" href="{% url 'combo-manager-assets' %}">{% trans 'Assets' %}</a>
  </li>
{% endblock %}

{% block content %}

  {% if not object_list and not query %}
    <div class="big-msg-info">
      {% blocktrans %}
        This site doesn't have any asset yet. You can add some directly when editing
        pages, in the "Upload Image" dialog.
      {% endblocktrans %}
    </div>

  {% else %}

    <form>
      <p><input name="q" type="search" value="{{query}}"> <button>{% trans 'Search' %}</button>
        <span class="help_text">{% trans "(case insensitive search over filenames)" %}</span>
      </p>
    </form>

    <div id="assets-browser">
      <div id="assets-listing">
        {% include "combo/manager_assets_fragment.html" %}
      </div>
      <div id="asset-preview"></div>
    </div>

    {% include "gadjo/pagination.html" %}

  {% endif %}

{% endblock %}