{% from 'simple/icons.html' import icon_big %}
{% if unresponsive_engines %}
<div class="dialog-error" role="alert">
  {{ icon_big('warning') }}
  <div>
    <p><strong>{{ _('Error!') }}</strong> {{ _('Engines cannot retrieve results.') }}</p>
    <p><b>此页面将在 <span id="countdown">15</span> 秒后重试，请勿关闭浏览器。</b></p>
    <script>
      let timeLeft = 15;
      const countdownEl = document.getElementById("countdown");
      setInterval(() => {
        timeLeft--;
        if (timeLeft >= 0) {
          countdownEl.innerText = timeLeft;
        } else {
          window.location.href = window.location.href +  "?timestamp=" + new Date().getTime();
        }
      }, 1000);
    </script>
  </div>
</div>
{% else %}
<div class="dialog-error" role="alert">
  <p><strong>{{ _('Sorry!') }}</strong></p>
  <p>{{ _("we didn't find any results. Please use another query or search in more categories.") }}</p>
</div>
{% endif %}