{% 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' %}</a></li>
  <li><a rel="popup" href="{% url 'combo-manager-assets-import' %}">{% trans 'Import Assets' %}</a></li>
</ul>
</span>
{% endblock %}

{% block breadcrumb %}
{{ block.super }}
<a href="{% url 'combo-manager-assets' %}">{% trans 'Assets' %}</a>
{% 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">
  <table class="main">
    <thead>
      <tr>
        <th>{% trans "Name" %}</th>
        <th>{% trans "Size" %}</th>
        <th></th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for asset in object_list %}
      <tr class="{{ asset.css_classes }}">
        <td><a href="{{ asset.src }}">{{ asset.name }}</a></td>
        <td>{% if asset.size %}{{ asset.size|filesizeformat }}{% else %}-{% endif %}</td>
        <td class="image">{% if asset.is_image %}<img data-href="{{ asset.src }}" src="{{ asset.thumb }}"/>{% endif %}</td>
        <td class="actions">
          {% if asset.key %}{# theme asset #}
          <a href="{% url 'combo-manager-slot-asset-upload' key=asset.key %}"
             class="overwrite" rel="popup">{% trans 'Overwrite' %}</a>
          {% if asset.asset %}
          <a href="{% url 'combo-manager-slot-asset-delete' key=asset.key %}"
             class="delete" rel="popup">{% trans 'Delete' %}</a>
          {% endif %}
          {% else %}
          <a href="{% url 'combo-manager-asset-overwrite' %}?img={{asset.filepath|iriencode}}"
             class="overwrite" rel="popup">{% trans 'Overwrite' %}</a>
          <a href="{% url 'combo-manager-asset-delete' %}?img={{asset.filepath|iriencode}}"
             class="delete" rel="popup">{% trans 'Delete' %}</a>
          {% endif %}
        </td>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
  <div id="asset-preview"></div>
</div>

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

{% endif %}

{% endblock %}