{% if state and state.sync_status == "in_progress" %}
{% if state.sync_elapsed_min is not none and state.sync_elapsed_min >= 5 %}
<button class="outline" hx-post="/action/sync" hx-swap="none" data-after="refresh-polls"
        title="Sync running longer than expected — click to relaunch">&#x21BB; Syncing… {{ state.sync_elapsed_min }}m — relancer&nbsp;?</button>
{% else %}
<button class="outline" disabled aria-busy="true">Syncing…</button>
{% endif %}
{% else %}
<button class="outline" hx-post="/action/sync" hx-swap="none" data-after="refresh-polls">&#x21BB; Sync</button>
{% endif %}