{% load notifications %}
{% if audience_allowed %}
  <fieldset class="fieldset w-full{% if block_css %} {{ block_css }}{% endif %}"{% if block_style %} style="{{ block_style }}"{% endif %}>
    <label class="fieldset-legend" for="daisie-{{ block.id }}">
      {% daisie_markup value.label %}{% if value.required %} <span class="text-error" aria-hidden="true">*</span>{% endif %}
    </label>
    <input
      id="daisie-{{ block.id }}"
      type="{{ value.input_type }}"
      {% if value.name %}name="{{ value.name }}"{% endif %}
      value="{{ value.value }}"
      {% if value.placeholder %}placeholder="{{ value.placeholder }}"{% endif %}
      class="input {{ value.color }} {{ value.size }}{% if value.error_text %} validator input-error{% endif %}"
      {% if value.required %}required{% endif %}
      {% if value.error_text %}aria-invalid="true" aria-describedby="daisie-{{ block.id }}-error"{% elif value.helper_text %}aria-describedby="daisie-{{ block.id }}-help"{% endif %}
    />
    {% if value.helper_text %}<p class="label" id="daisie-{{ block.id }}-help">{% daisie_markup value.helper_text %}</p>{% endif %}
    {% if value.error_text %}<p class="validator-hint text-error" id="daisie-{{ block.id }}-error" role="alert">{% daisie_markup value.error_text %}</p>{% endif %}
  </fieldset>
{% endif %}