{% import "partials/macros.html" as ui %}
{#
  App-wide banners above the top bar. At most one of offline / slowed down / update, in that
  order; offline is shown by the page script when the live stream drops.
#}
{% macro offline() -%}
<div class="banner banner--ink" role="status" id="offline-banner" hidden>
  <div class="container banner__row">
    {{ ui.icon("wifi-off") }}
    <p class="banner__text"><b>This page lost touch with vinted-sniper.</b> Your searches keep running if the app is still open. Reconnecting on its own.</p>
    <button class="btn btn--secondary btn--sm" type="button" data-reload>Reload</button>
  </div>
</div>
{%- endmacro %}

{% macro blocked(info) -%}
<div class="banner banner--sun" role="status">
  <div class="container banner__row">
    {{ ui.icon("hourglass") }}
    <p class="banner__text"><b>{{ info.site }} is slowing us down.</b> {{ info.searches }} {{ "search waits" if info.searches == 1 else "searches wait" }} a few minutes before trying again. This usually clears up on its own within an hour. Your Vinted account is not affected.</p>
    <a class="btn btn--secondary btn--sm" href="{{ url('settings') }}#vinted">What can I do?</a>
  </div>
</div>
{%- endmacro %}

{% macro update(info) -%}
<div class="banner banner--teal" role="status" data-update="{{ info.version }}">
  <div class="container banner__row">
    {{ ui.icon("download") }}
    <p class="banner__text"><b>Version {{ info.version }} is out.</b> Updating keeps your searches and finds.</p>
    <a class="btn btn--secondary btn--sm" href="{{ info.url }}" target="_blank" rel="noopener">How to update</a>
    <button class="btn btn--icon btn--sm" type="button" aria-label="Hide until the next version" data-dismiss-update>{{ ui.icon("x", "i-sm") }}</button>
  </div>
</div>
{%- endmacro %}

{% macro exposed() -%}
<div class="banner banner--danger" role="alert">
  <div class="container banner__row">
    {{ ui.icon("lock") }}
    <p class="banner__text"><b>Anyone on your network can open this page.</b> It shows your alert addresses. Set a password with VINTED_SNIPER_WEB_AUTH_TOKEN, or keep it on this computer only.</p>
    <a class="btn btn--secondary btn--sm" href="{{ url('settings') }}#access">How</a>
  </div>
</div>
{%- endmacro %}