{#
/**
 * @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',
  ]
%}
{% if 'involvement_table_add_' in attributes.storage().name.__toString() %}
  <input{{ attributes.removeClass(removeClasses)
                     .addClass(addClasses)
                     .setAttribute('src', '/themes/custom/yrdsb/icons/plus-white.svg')
                     .setAttribute('alt', 'Add another student')
                     .setAttribute('title', 'Add another student') }}>{{ children }}
{% elseif 'involvement_table_remove_' in attributes.storage().name.__toString() %}
  <input{{ attributes.removeClass(removeClasses)
                     .addClass(addClasses)
                     .setAttribute('src', '/themes/custom/yrdsb/icons/minus-white.svg')
                     .setAttribute('alt', 'Remove this student')
                     .setAttribute('title', 'Remove this student') }}>{{ children }}
{% else %}
  <input{{ attributes.removeClass(removeClasses).addClass(addClasses) }}>{{ children }}
{% endif %}

{% if 'involvement_table_remove_' in attributes.storage().name.__toString() %}
  {% set label_for = attributes.storage().id.__toString()|replace({'remove': 'add'}) %}
  <label class="involvement-button--label" for="{{ label_for }}">Add another student involved in the event</label>
{% endif %}

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