{# ThemeWare: Footer-Element "Hotline" container #}
{# Create footer column and include hotline widget/content #}

{# TODO: prüfen... #}
{# TODO: Kommentare prüfen, ergänzen..., Blöck mit TW? #}
{# TODO: footer-elements zusammenfassen (sh. twt-sidebar-widgets) #}

{% block layout_footer_navigation_hotline %}
	{# ThemeWare: Set classes #}
	{% set blockClasses = ['footer-column', 'footer-column-hotline'] %}

	{# ThemeWare: Check/add class "last" #}
	{% if last == true %}
		{% set blockClasses = ['last']|merge(blockClasses) %}
	{% endif %}

	{# ThemeWare: Add class element number #}
	{% set blockClasses = ['twt-element-' ~ elementid, 'twt-element-hotline']|merge(blockClasses) %}
	
	{# ThemeWare: Check/add class custom column #}
	{% if newcol == "2" %}
		{% set blockClasses = ['col-md-12']|merge(blockClasses) %}
	{% elseif newcol == "3" %}
		{% set blockClasses = ['col-md-6']|merge(blockClasses) %}
	{% else %}
		{# ThemeWare: Check/add class column for tablet #}
		{% if columns == columnsTablet %}
			{% set blockClasses = ['col-md-' ~ columns]|merge(blockClasses) %}
		{% else %}
			{% set blockClasses = ['col-xl-' ~ columns, 'col-md-' ~ columnsTablet]|merge(blockClasses) %}
		{% endif %}
	{% endif %}

	{# ThemeWare: Check/add class toggle icon #}
	{% if toggle == "3" %}
		{% set blockClasses = ['js-footer-column']|merge(blockClasses) %}
	{% endif %}

	{# TODO: add block "container" #}
	<div class="{{ blockClasses|join(' ') }}">
		{% block layout_footer_navigation_hotline_headline %}
			<div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
			id="collapseFooterHotlineTitle" data-target="#collapseFooterHotline" aria-expanded="true"	aria-controls="collapseFooterHotline">
				{{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
				{% block layout_footer_navigation_hotline_icons %}
					{% if toggle == "3" %}
						<div class="footer-column-toggle">
							<span class="footer-plus-icon">
							{% sw_icon 'plus' %}
							</span>
							<span class="footer-minus-icon">
								{% sw_icon 'minus' %}
							</span>
						</div>
					{% endif %}
				{% endblock %}
			</div>
		{% endblock %}

		{% block layout_footer_navigation_hotline_content %}
			<div id="collapseFooterHotline" class="footer-column-content {% if toggle == "3" %}collapse js-footer-column-content {% endif %}" aria-labelledby="collapseFooterHotlineTitle">
				{# TODO: in twt-hotline-include auslagern... #}
				<div class="footer-column-content-inner">
					<p class="footer-contact-hotline">
						{{ 'footer.serviceHotline'|trans|sw_sanitize }}
					</p>
				</div>
				<div class="footer-contact-form">
					{{ 'footer.serviceContactLink'|trans({
						'%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
					})|raw }}
				</div>
			</div>
		{% endblock %}
	</div>
{% endblock %}