{% load static %}
{% load i18n %}
{% load l10n %}
{% load humanize %}
{% load mastodon %}
{% load thumb %}
<!DOCTYPE html>
<html lang="zh" class="classic-page">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ site_name }} - {% trans 'Search results' %}</title>
    {% include "common_libs.html" %}
  </head>
  <body>
    {% include '_header.html' %}
    <main>
      <div class="grid__main">
        <article>
          {% if job_id %}
            <h5>{% blocktrans with site_label=site.SITE_NAME.label %}Fetching from {{ site_label }}{% endblocktrans %}</h5>
            <div hx-get="{% url 'catalog:fetch_refresh' job_id %}"
                 hx-trigger="load delay:2s"
                 hx-swap="outerHTML">
              <i class="fa-solid fa-compact-disc fa-spin loading"></i>
            </div>
          {% else %}
            <h5>{% trans "System busy, please try again in a minute." %}</h5>
          {% endif %}
        </article>
      </div>
      <aside class="grid__aside bottom">
        {% include "_sidebar_search.html" %}
      </aside>
    </main>
    {% include '_footer.html' %}
  </body>
</html>
