{# templates/_sel_popup.html #}
<form class="sel-form"
      method="post"
      action="/preview/{{ doc_id }}/manual-mask?t={{ token }}"
      hx-post="/preview/{{ doc_id }}/manual-mask?t={{ token }}"
      hx-target="#workspace"
      hx-swap="innerHTML"
      data-preview-busy
      hx-on::after-request="document.querySelector('.sel-popup')?.remove()">
  <span class="sel-label">{{ _('mask.label') }}</span>
  <select name="token_type">
    <option value="{{ suggested_type }}" selected>{{ suggested_type }} (auto)</option>
    <option value="Person">Person</option>
    <option value="Address">Address</option>
    <option value="Phone">Phone</option>
    <option value="Email">Email</option>
    <option value="INN">INN</option>
    <option value="SNILS">SNILS</option>
    <option value="DocNumber">DocNumber</option>
    <option value="Amount">Amount</option>
    <option value="Date">Date</option>
    <option value="Custom">Custom</option>
  </select>
  {% if pending_count and pending_count > 1 %}
  <label class="sel-all">
    <input type="checkbox" name="all_occurrences" value="1">
    {% if masked_count %}{{ _('mask.remaining_occurrences') % pending_count }}{% else %}{{ _('mask.all_occurrences') % occurrence_count }}{% endif %}
  </label>
  {% endif %}
  {% if masked_count %}
  <span class="sel-note">{{ _('mask.already_masked') % masked_count }}</span>
  {% endif %}
  <input type="hidden" name="block_id" value="{{ block_id }}">
  <input type="hidden" name="start" value="{{ start }}">
  <input type="hidden" name="end" value="{{ end }}">
  <button class="btn primary apply" type="submit">
    {{ _('mask.apply') }}
  </button>
  <button class="btn ghost" type="button" onclick="this.closest('.sel-popup').remove()">{{ _('mask.cancel') }}</button>
</form>