{% comment %}
Wizard nav row (Back / Next / Submit). Reads `step`, canPrev(), goPrev(),
goNext(), isLast() from the wizardForm() Alpine scope.

Optional:
  cancel_url    — if given, shows a Cancel link on the left
  cancel_label  — defaults to "Cancel"
  submit_label  — defaults to "Submit"
  helper_text   — small text shown on the left when there is no cancel_url
{% endcomment %}
<div class="card-footer">
  {% if cancel_url %}
    <a href="{{ cancel_url }}" class="btn-secondary btn-sm">{{ cancel_label|default:"Cancel" }}</a>
  {% elif helper_text %}
    <p class="text-xs text-ruforum-text-muted">{{ helper_text }}</p>
  {% else %}
    <span></span>
  {% endif %}
  <div class="flex items-center gap-2">
    <button type="button"
            class="btn-secondary btn-sm"
            x-on:click="goPrev()"
            x-bind:disabled="!canPrev()"
            x-bind:class="!canPrev() ? 'opacity-50 cursor-not-allowed' : ''">
      <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
      </svg>
      Back
    </button>
    <button type="button"
            class="btn-primary btn-sm"
            x-on:click="goNext()"
            x-show="!isLast()">
      Next
      <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
      </svg>
    </button>
    <button type="submit"
            class="btn-primary btn-sm"
            x-show="isLast()">
      {{ submit_label|default:"Submit" }}
    </button>
  </div>
</div>