{% macro field_input(name, field, saved, required=true, clear_name=none) %}
<label class="field">
  <span class="label-row">
    {{ field.label }}
    {% if saved %}
    <span class="badge">{{ t('field.saved') }}</span>
    {% else %}
    <span class="badge muted">{{ t('field.not_set') }}</span>
    {% endif %}
  </span>
  <input
    type="{{ 'text' if field.secret is defined and not field.secret else 'password' }}"
    name="{{ name }}"
    autocomplete="off"
    spellcheck="false"
    {% if required %}required{% endif %}
    placeholder="{{ field.placeholder }}"
  />
  <span class="field-help">{{ field.help }}</span>
  {% if clear_name %}
  <span class="field-clear">
    <input type="checkbox" name="{{ clear_name }}" value="1" />
    {{ t('field.clear') }}
  </span>
  {% endif %}
  {% if field.tooltip %}
  <details class="field-more">
    <summary>{{ t('field.more') }}</summary>
    <p>{{ field.tooltip }}</p>
  </details>
  {% endif %}
</label>
{% endmacro %}

{% macro secret_field(channel, field, flags) %}
<form
  method="post"
  action="/ui/settings/channels/{{ channel }}/secret"
  class="stack secret-form"
>
  <input type="hidden" name="secret_name" value="{{ field.secret_name }}" />
  {{ field_input('value', field, flags[field.secret_name], required=not field.optional) }}
  <button type="submit" class="btn primary">{{ t('btn.save') }}</button>
</form>
{% endmacro %}

{# Several values that only make sense together, saved by one button.
   Empty inputs keep the stored value, so a saved field is never required;
   saved optional fields get a "clear" checkbox instead. #}
{% macro secret_group(channel, fields, flags, button=none) %}
<form
  method="post"
  action="/ui/settings/channels/{{ channel }}/secrets"
  class="stack secret-form"
>
  {% for field in fields %}
  {% set saved = flags[field.secret_name] %}
  {{ field_input(
    'secret__' ~ field.secret_name,
    field,
    saved,
    required=not field.optional and not saved,
    clear_name=('clear__' ~ field.secret_name) if field.optional and saved else none,
  ) }}
  {% endfor %}
  <p class="field-help">{{ t('group.empty_keeps') }}</p>
  <button type="submit" class="btn primary">{{ button or t('group.save_together') }}</button>
</form>
{% endmacro %}

{% macro pairing_form(pairing_active) %}
<div class="actions">
  <form method="post" action="/ui/settings/channels/telegram/pair-start">
    <button type="submit" class="btn">
      {% if pairing_active %}{{ t('pair.resend') }}{% else %}{{ t('pair.request') }}{% endif %}
    </button>
  </form>
</div>
{% if pairing_active %}
<form method="post" action="/ui/settings/channels/telegram/pair-verify" class="stack secret-form">
  <label class="field">
    <span class="label-row">{{ t('pair.enter_label') }}</span>
    <input
      type="text"
      name="code"
      inputmode="numeric"
      pattern="[0-9]{6}"
      maxlength="6"
      autocomplete="one-time-code"
      required
      placeholder="{{ t('pair.placeholder') }}"
    />
    <span class="field-help">{{ th('pair.help') }}</span>
  </label>
  <button type="submit" class="btn primary">{{ t('pair.submit') }}</button>
</form>
{% endif %}
{% endmacro %}

{# One look for hook and execution states (active, paused, pending, running, completed, failed, timeout). #}
{% macro status(value) %}<span class="status status-{{ value }}">{{ value }}</span>{% endmacro %}