{% macro form_field(id, label, value='', input_type='text', placeholder='', help_text='', error='', required=False, disabled=False, readonly=False, autofocus=False, attrs='') -%}
<div class="form-group hil-form-field{% if error %} is-invalid{% endif %}">
  <label for="{{ id }}">{{ label }}{% if required %} <span class="hil-required" aria-hidden="true">*</span>{% endif %}</label>
  <input id="{{ id }}" name="{{ id }}" type="{{ input_type }}" value="{{ value }}" placeholder="{{ placeholder }}" {% if required %}required{% endif %} {% if disabled %}disabled{% endif %} {% if readonly %}readonly{% endif %} {% if autofocus %}autofocus{% endif %} {{ attrs|safe }}>
  {% if help_text %}<small class="hil-help">{{ help_text }}</small>{% endif %}
  {% if error %}<div class="hil-field-error" role="alert">{{ error }}</div>{% endif %}
</div>
{%- endmacro %}

{% macro text_area(id, label, value='', placeholder='', help_text='', error='', required=False, rows=4, attrs='') -%}
<div class="form-group hil-form-field{% if error %} is-invalid{% endif %}">
  <label for="{{ id }}">{{ label }}{% if required %} <span class="hil-required" aria-hidden="true">*</span>{% endif %}</label>
  <textarea id="{{ id }}" name="{{ id }}" rows="{{ rows }}" placeholder="{{ placeholder }}" {% if required %}required{% endif %} {{ attrs|safe }}>{{ value }}</textarea>
  {% if help_text %}<small class="hil-help">{{ help_text }}</small>{% endif %}
  {% if error %}<div class="hil-field-error" role="alert">{{ error }}</div>{% endif %}
</div>
{%- endmacro %}

{% macro input_group(label, id, prefix='', suffix='', value='', placeholder='', help_text='', error='', required=False, attrs='') -%}
<div class="form-group hil-form-field{% if error %} is-invalid{% endif %}">
  <label for="{{ id }}">{{ label }}{% if required %} <span class="hil-required" aria-hidden="true">*</span>{% endif %}</label>
  <div class="hil-input-group">
    {% if prefix %}<span class="hil-input-addon" aria-hidden="true">{{ prefix }}</span>{% endif %}
    <input id="{{ id }}" name="{{ id }}" type="text" value="{{ value }}" placeholder="{{ placeholder }}" {% if required %}required{% endif %} {{ attrs|safe }}>
    {% if suffix %}<span class="hil-input-addon" aria-hidden="true">{{ suffix }}</span>{% endif %}
  </div>
  {% if help_text %}<small class="hil-help">{{ help_text }}</small>{% endif %}
  {% if error %}<div class="hil-field-error" role="alert">{{ error }}</div>{% endif %}
</div>
{%- endmacro %}

{% macro select_control(id, label, options, selected='', help_text='', error='', required=False, attrs='') -%}
<div class="form-group hil-form-field{% if error %} is-invalid{% endif %}">
  <label for="{{ id }}">{{ label }}{% if required %} <span class="hil-required" aria-hidden="true">*</span>{% endif %}</label>
  <select id="{{ id }}" name="{{ id }}" {% if required %}required{% endif %} {{ attrs|safe }}>
    {% for option in options %}
      {% if option is sequence and option|length > 1 %}
        {% set opt_value = option[0] %}
        {% set opt_label = option[1] %}
      {% else %}
        {% set opt_value = option.value if option.value is defined else option %}
        {% set opt_label = option.label if option.label is defined else option %}
      {% endif %}
      <option value="{{ opt_value }}"{% if opt_value == selected %} selected{% endif %}>{{ opt_label }}</option>
    {% endfor %}
  </select>
  {% if help_text %}<small class="hil-help">{{ help_text }}</small>{% endif %}
  {% if error %}<div class="hil-field-error" role="alert">{{ error }}</div>{% endif %}
</div>
{%- endmacro %}

{% macro checkbox(id, label, checked=False, help_text='', attrs='') -%}
<label class="hil-checkbox" for="{{ id }}">
  <input id="{{ id }}" name="{{ id }}" type="checkbox"{% if checked %} checked{% endif %} {{ attrs|safe }}>
  <span>{{ label }}</span>
  {% if help_text %}<small class="hil-help">{{ help_text }}</small>{% endif %}
</label>
{%- endmacro %}

{% macro radio_group(name, label, options, selected='', help_text='') -%}
<fieldset class="hil-radio-group">
  <legend>{{ label }}</legend>
  {% if help_text %}<p class="hil-help">{{ help_text }}</p>{% endif %}
  <div class="hil-radio-list">
    {% for option in options %}
      {% if option is sequence and option|length > 1 %}
        {% set opt_value = option[0] %}
        {% set opt_label = option[1] %}
      {% else %}
        {% set opt_value = option.value if option.value is defined else option %}
        {% set opt_label = option.label if option.label is defined else option %}
      {% endif %}
      <label class="hil-radio" for="{{ name }}-{{ loop.index }}">
        <input id="{{ name }}-{{ loop.index }}" name="{{ name }}" type="radio" value="{{ opt_value }}"{% if opt_value == selected %} checked{% endif %}>
        <span>{{ opt_label }}</span>
      </label>
    {% endfor %}
  </div>
</fieldset>
{%- endmacro %}

{% macro search_bar(id='hil-search', placeholder='Search', attrs='') -%}
<div class="hil-search-bar">
  <input id="{{ id }}" type="search" placeholder="{{ placeholder }}" aria-label="{{ placeholder }}" {{ attrs|safe }}>
</div>
{%- endmacro %}