{% extends "dialog_core.html" %}

{% block dialog_width %}420{% endblock %}
{% block dialog_title %}Status prüfen{% endblock %}

{% block dialog_body %}
<div hx-post="/ui/remotes/{{ item_id }}/power"
     hx-trigger="load"
     hx-target="closest .ds-modal-backdrop"
     hx-swap="outerHTML"
     style="display:flex; align-items:center; justify-content:center; min-height:60px; gap:10px; color:var(--text-3); font-size:13px; padding:28px 0;">
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="none"
       style="animation:spin 1s linear infinite; flex-shrink:0;"><use href="#icon-loading"></use></svg>
  Status von <strong style="color:var(--text-2);">{{ host }}</strong> wird geprüft …
</div>
{% endblock %}

{% block dialog_footer %}
<div class="ds-modal-footer ds-modal-footer--end">
  <button type="button" class="btn btn-sm btn-ghost" onclick="closeModal(this)">Abbrechen</button>
</div>
{% endblock %}