{#
/**
 * @file
 * Theme override for an 'input' #type form element.
 *
 * Available variables:
 * - attributes: A list of HTML attributes for the input element.
 * - children: Optional additional rendered elements.
 *
 * @see template_preprocess_input()
 */
#}
{%
  set removeClasses = [
    'form-' ~ type|clean_class,
    'required',
  ]
%}
{%
  set addClasses = [
    dropbutton ? 'dropbutton__button',
    type != 'submit' ? 'form-item__' ~ type|clean_class,
    required ? 'is-required',
    'toggle',
  ]
%}
{% if children['toggles'] != null %}
  <input{{ attributes.removeClass(removeClasses).addClass(addClasses) }}>
  <span class="slider round"></span>
  <div class="toggle-off-label">{{ children['toggles']['#attributes']['data-toggle-text-off'] }}</div>
  <div class="toggle-on-label">{{ children['toggles']['#attributes']['data-toggle-text-on'] }}</div>
{% else %}
  <input{{ attributes.removeClass(removeClasses).addClass(addClasses) }}>{{ children }}
{% endif %}

{% if attributes.hasClass('error') %}
  <div class="error-message">{{ attributes.storage['data-webform-required-error']|render }}</div>
{% endif %}