{% extends 'form_div_layout.html.twig' %}

{%- block textarea_widget -%}
    <textarea {{ block('widget_attributes') }}>{{ value }}</textarea>
    {% if attr and attr['data-maxchars'] -%}
    <span class="char-count"></span>
    {% endif %}
{%- endblock textarea_widget -%}

{%- block _form_subform_row -%}
<!-- subform row -->
    {% if errors|length > 0 -%}
    <div class="form-row has-error-feedback">
    {%- else -%}
    <div class="form-row">
    {%- endif -%}
        {# <fieldset>
            <legend>{{- form_label(form) -}}</legend> #}
            {{- form_errors(form) -}}
            {%- if help_text is not empty -%}  
                <div class="help-text">{{ help_text|md2html }}</div>
            {%- endif -%}
            {{- form_widget(form) -}}
        {# </fieldset> #}
    </div>
{%- endblock _form_subform_row -%}

{%- block form_row -%}
<!-- form row -->
    {% if errors|length > 0 -%}
    <div class="form-row has-error-feedback">
    {%- else -%}
    <div class="form-row">
    {%- endif -%}
        {{- form_label(form) -}}
        {{- form_errors(form) -}}
        {%- if help_text is not empty -%}  
            <div class="help-text">{{ help_text|md2html }}</div>
        {%- endif -%}
        {{- form_widget(form) -}}
    </div>
{%- endblock form_row -%}

{%- block form_errors -%}
    {%- if errors|length > 0 -%}
    <div class="form-errors">
        {%- for error in errors -%}
            <p>{{ error.message }}</p>
        {%- endfor -%}
    </div>
    {%- endif -%}
{%- endblock form_errors -%}

{%- block checkbox_row -%}
<!-- checkbox -->
    {% if errors|length > 0 -%}
    <div class="form-row has-error-feedback">
    {%- else -%}
    <div class="form-row">
    {%- endif -%}
        {{- form_errors(form) -}}
        {{- form_label(form) -}}
        {{- form_widget(form) -}}
        {%- if help_text is not empty -%}  
            <div class="help-text">{{ help_text|md2html }}</div>
        {%- endif -%}
    </div>
{%- endblock checkbox_row -%}

{%- block choice_widget_expanded -%}
    <div {{ block('widget_container_attributes') }}>
    {%- for child in form %}
        {{- form_label(child, null, {'required' : false, 'label_attr' : {'class' : 'radio-inline radio-inline'}}) -}}
        {{- form_widget(child) -}}
    {% endfor -%}
    </div>
{%- endblock choice_widget_expanded -%}

{%- block button_row %}
        {{ form_widget(form) }}
{% endblock button_row -%}

{# profile form has special handling for intro subsections which must be embedded in the containing section #}
{%- block _profile_form_widget %}
    <div {{ block('widget_container_attributes') }}>
        {% if form.parent is null %}
            {{ form_errors(form) }}
        {% endif %}

        {%- if form is rootform -%}
              {{ form_errors(form) }}  
        {%- endif -%} 
        {{- block('profile_form_rows') -}}
        {{- form_rest(form) -}}
    </div>
{% endblock _profile_form_widget -%}

{%- block profile_form_rows -%}
    {% for child in form %}
        {# don't render intro sections before their containing section #}
        {% if not (child.vars.name ends with '_intro') %}
            {{- form_row(child) -}}
        {% endif %}
    {% endfor %}
{%- endblock profile_form_rows -%}

{%- block _profile_form_collection_row -%}
    {% set section_intro = null %}
    {% set section_intro_name = name ~ '_intro' %}
    {% if attribute(form.parent.children, section_intro_name) is defined %}
        {# this section has an intro section #}
        {% set section_intro = attribute(form.parent.children, section_intro_name) %}
    {% endif %}
    {{ block('collection_row') }}
{%- endblock _profile_form_collection_row -%}

{# A collection type #}
{%- block collection_row -%}
    {%- if section_title is empty -%}
        {%- set section_title = name|humanize -%}
    {%- endif -%}
    <fieldset>
        {% set legend_class = form.vars.optional ? '' : 'required' %}
        {% set required_label = form.vars.optional ? '' : ' (required)' %}
        <legend class="{{ legend_class }}">{{ section_title }}{{ required_label }}</legend>

        {# look for an intro for this section (profile form) #}
        {% if section_intro is defined and section_intro is not null %}
            {% set options = {} %}
            {% set options = options|merge(section_intro.vars)|merge({}) %} 
            {%- if options.help_text is not empty -%}
                <div class="help-text">{{ options.help_text|md2html }}</div>
            {%- endif -%}
            {{ form_widget(section_intro, options) }}
        {% endif %}

        {%- if help_text is not empty -%}  
            <div class="help-text">{{ help_text|md2html }}</div>
        {%- endif -%}

        {{ block('collection_widget') }}
    </fieldset>
{%- endblock collection_row -%}

{%- block collection_widget -%}
    <!-- collection widget errors -->
    {{ form_errors(form) }}
    <!-- end of collection widget errors -->
    {%- if prototype is defined -%}
        {%- set attr = attr|merge({'data-prototype': form_row(prototype) }) -%}
    {%- endif -%}
    {%- set attr = attr|merge({'data-maxitems': form.vars.max_items }) -%}
    {# {%- set attr = attr|merge({'data-optional': form.vars.optional }) -%} #}
    {%- set multiple = (form.vars.max_items > 1) ? 'multiple' : 'single'  -%}
    {%- set optional = (form.vars.optional) ? 'optional' : 'mandatory'  -%}
    {%- set class = (attr.class is defined) ? attr.class : ''  -%}
    {%- set attr = attr|merge({ 'class' : [class, 'form-collection', multiple, optional]|join(' ') })  -%}
    {# {%- set attr = attr|merge({'class': form.vars.attr.class }) -%} #}
    <ul {{ block('widget_attributes') }}>
        {{ block('form_rows') }}
    </ul>
    {%- if max_items > 1 and allow_add %}
        {%- set add_item = add_item_text ? : app.form_collection_add_text -%}
        <a href="#" class="item-add btn btn--mid" data-section="{{ form.vars.id }}">{{ add_item }}</a>    
    {%- endif %}
{%- endblock collection_widget -%}

{%- block _profile_form_collection_entry_row -%}
    <!-- collection row errors -->
    {{ form_errors(form) }}
    <!-- end of collection row errors -->
    <li>
    {% for child in form %}
    {% if 'hidden' not in child.vars.block_prefixes %}
        {% set item_class = child.vars.attr.class|default('') %}
        <div class="{{ item_class }}">
            {% if child.vars.label  %}
            {{ form_label(child) -}}
            {% endif %}
            <!-- form field errors -->  
            {{ form_errors(child) }}
            <!-- end of form field errors -->
            {{- form_widget(child) }}
        </div>
    {% endif %}
    {% endfor %}
    {%- if form.parent.vars.max_items > 1 %}            
        <div class="item-remove">
            {{ form_rest(form) }}
            <!-- {{ form.parent.vars.max_items }} -->
            <a href="#" class="item-up__link" title="Move up">&#x25B2;</a>
            <a href="#" class="item-down__link" title="Move down">&#x25BC;</a>
            <a href="#" class="item-remove__link" title="Remove item">[ - ]</a>
        </div>
    {%- else %}
        {{ form_rest(form) }}
    {%- endif %}
    </li>
{%- endblock _profile_form_collection_entry_row -%}

{# Generic version of collection rows #}
{%- block _form_collection_entry_row -%}
    <!-- collection row errors -->
    {{ form_errors(form) }}
    <!-- end of collection row errors -->
    <li>
    {% for child in form %}
    {% if 'hidden' not in child.vars.block_prefixes %}
        {% set item_class = child.vars.attr.class|default('') %}
        <div class="{{ item_class }}">
            {% if child.vars.label  %}
            {{ form_label(child) -}}
            {% endif %}
            <!-- form field errors -->  
            {{ form_errors(child) }}
            <!-- end of form field errors -->
            {{- form_widget(child) }}
        </div>
    {% endif %}
    {% endfor %}
    {%- if form.parent.vars.max_items > 1 %}            
        <div class="item-remove">
            {{ form_rest(form) }}
            <!-- {{ form.parent.vars.max_items }} -->
        {%- if form.parent.vars.allow_move %}            
            <a href="#" class="item-up__link" title="Move up">&#x25B2;</a>
            <a href="#" class="item-down__link" title="Move down">&#x25BC;</a>
        {%- endif %}
        {%- if form.parent.vars.allow_delete %}            
            <a href="#" class="item-remove__link" title="Remove item">[ - ]</a>
        {%- endif %}
        </div>
    {%- else %}
        {{ form_rest(form) }}
    {%- endif %}
    </li>
{%- endblock _form_collection_entry_row -%}


{# {% block _profile_form_table_collection_row %}
<!-- table -->
    {% if label is empty -%}
        {% set label = name|humanize %}
    {%- endif -%}
    <fieldset>
        <legend>{{ label }}</legend>
        {{ block('_profile_form_table_collection_widget') }}
    </fieldset>
{% endblock _profile_form_table_collection_row %}

{% block _profile_form_table_collection_widget %}
    {% if prototype is defined %}
        {%- set attr = attr|merge({'data-prototype': form_row(prototype) }) -%}
    {% endif %}
    <table {{ block('widget_attributes') }} class="form-collection">
    {{- block('form_rows') -}}
    </table>
    <a href="#" class="item--add btn">{{ add_item_text }}</a>    
{% endblock _profile_form_table_collection_widget %}

{% block _profile_form_table_collection_entry_row %}
<!-- table row -->
    <tr>
        {% for child in form %}
            <td>
                {{ form_label(child) }}
                {{ form_widget(child) }}
            </td>
        {% endfor %}
        <td><a href="#" class="item--remove" title="Remove item">x&nbsp;remove</a></td>
    </tr>
{% endblock _profile_form_table_collection_entry_row %} #}

{# {% block _profile_form_awards_entry_row %}
    <li>
        {% for child in form %}
            {{ form_widget(child) }}
        {% endfor %}
        <a href="#" class="item--remove" title="Remove item">x&nbsp;remove</a>
    </li>
{% endblock _profile_form_awards_entry_row %} #}

{# {% block collection_entry_row %}
    <li>
        {% for child in form %}
            {{ form_widget(child) }}
        {% endfor %}
        <a href="#" class="item--remove" title="Remove item">x&nbsp;remove</a>
    </li>
{% endblock collection_entry_row %} #}

{# {% block _profile_form_awards_entry_widget %}
    <li>
        {% for child in form %}
            {{ form_widget(child) }}
        {% endfor %}
        <a href="#" class="item--remove" title="Remove item">x&nbsp;remove</a>
    </li>
{% endblock _profile_form_awards_entry_widget %} #}

{# {% block item_row %}
        <li>
            {% for child in form %}
                {{ form_widget(child) }}
            {% endfor %}
            <a href="#" class="item--remove" title="Remove item">x&nbsp;remove</a>
        </li>
{% endblock item_row %} #}

{# {% block qualification_row %}
    <li>
        {% for child in form %}
            {{ form_widget(child) }}
        {% endfor %}
        <a href="#" class="qualification-remove xbtn xbtn--mid" title="Remove qualification">x&nbsp;remove</a>
    </li>
{% endblock qualification_row %} #}

{# {% block awards_row %}
    <li>
        {{- form_widget(form.year) }}
        {{ form_widget(form.description) }}
        {{ form_widget(form.sequence) }}
        <a href="#" class="qualification-remove xbtn xbtn--mid" style="font-size:small" title="Remove qualification">x&nbsp;remove</a>
    </li>
{% endblock awards_row %} #}