{% load allauth %}
{% comment %}
  <c-form.field> renders help text and errors without ids, so the input cannot point at them (django-mvp#412).
  The textarea's `value` slot has no surrounding whitespace, which would be copied with the codes.
  `checked`/`disabled` pick the branch because `checked="False"` still ticks the box.
{% endcomment %}
{% if attrs.type == "textarea" %}
  {% if attrs.readonly %}
    <c-form.field type="textarea"
                  id="{{ attrs.id }}"
                  rows="{{ attrs.rows|default:3 }}"
                  readonly><c-slot name="label">
      {% slot label %}
      {% endslot %}
      </c-slot>{% slot value %}{% endslot %}</c-form.field>
  {% else %}
    <c-form.field type="textarea"
                  id="{{ attrs.id }}"
                  rows="{{ attrs.rows|default:3 }}"><c-slot name="label">
      {% slot label %}
      {% endslot %}
      </c-slot>{% slot value %}{% endslot %}</c-form.field>
  {% endif %}
{% elif attrs.disabled %}
  <c-form.field type="{{ attrs.type }}"
                id="{{ attrs.id }}"
                name="{{ attrs.name }}"
                value="{{ attrs.value|default_if_none:'' }}"
                :errors="attrs.errors"
                disabled>
    <c-slot name="label">
    {% slot label %}
    {% endslot %}
    </c-slot>
    {% if slots.help_text %}
      <c-slot name="help_text">
      {% slot help_text %}
      {% endslot %}
      </c-slot>
    {% endif %}
  </c-form.field>
{% elif attrs.checked %}
  <c-form.field type="{{ attrs.type }}"
                id="{{ attrs.id }}"
                name="{{ attrs.name }}"
                value="{{ attrs.value|default_if_none:'' }}"
                :errors="attrs.errors"
                checked>
    <c-slot name="label">
    {% slot label %}
    {% endslot %}
    </c-slot>
    {% if slots.help_text %}
      <c-slot name="help_text">
      {% slot help_text %}
      {% endslot %}
      </c-slot>
    {% endif %}
  </c-form.field>
{% else %}
  <c-form.field type="{{ attrs.type }}"
                id="{{ attrs.id }}"
                name="{{ attrs.name }}"
                value="{{ attrs.value|default_if_none:'' }}"
                :errors="attrs.errors">
    <c-slot name="label">
    {% slot label %}
    {% endslot %}
    </c-slot>
    {% if slots.help_text %}
      <c-slot name="help_text">
      {% slot help_text %}
      {% endslot %}
      </c-slot>
    {% endif %}
  </c-form.field>
{% endif %}