{% from "tip.html" import tip %}
{% set pane = pane_now(request) %}
<p class="role-muted">{{ sync_preamble }} {{ tip("sync", title, sync_tip) }}</p>
{# One form and every dialog's foot: Cancel, then the usual action at the
   right. The project context's sync is the other button's own address,
   offered only where there is a project context to sync. #}
<form action="/sync" method="post" hx-disabled-elt="find button[type=submit]" hx-post="/sync" hx-target="#job" hx-swap="innerHTML" data-closes-dialog>
  {# The usual action first in the markup, so the form's `find` disables
     it while it waits, and drawn last by the stylesheet. The other button
     posts on its own and disables itself. #}
  <div class="form-foot sync-foot">
    <a class="button" href="/" data-close>{{ cancel_label }}</a>
    <button type="submit" class="primary">{{ icon("refresh-cw") }}{{ sync_corpus_action }}</button>
  </div>
</form>