{% load wagtailsettings_tags %}
{% get_settings %}


{% for block in settings.core.BottomFooter.content %}
{% if block.block_type == 'row' %}
<div
    class="bg-[{{settings.core.BottomFooter.bgColor}}] text-[{{settings.core.BottomFooter.fgColor}}] {{settings.core.BottomFooter.size}}">

    <div
        class="container mx-auto flex w-full items-center {% if block.value|length > 1 %} justify-between {% else %} justify-center {% endif %}">


        {% for block in block.value %}
        <div>
            {% for block in block.value %}
            {% if block.block_type == 'company' %}
            {% if block.value.ciType == 'Contact' %}
            <a href="tel:+{% for val in block.value.ciBody %}{{val}}{% endfor %}">
                {{block.value.ciLogoText|safe}}
                {% for val in block.value.ciBody %}
                {{val}}
                {% endfor %}
            </a>
            {% else %}
            {{block.value.ciType}}
            {% endif %}
            {% elif block.block_type == 'social' %}
            <div class="inline-flex gap-2">

                {% for block in block.value %}
                <a href="{{block.value.soUrl}}">

                    {{block.value.soLogoText|safe}}
                </a>
                {% endfor %}
            </div>
            {% elif block.block_type == 'heading' %}

            {{block.value}}
            {% elif block.block_type == 'link' %}
            <a href="{{block.value.url}}" target="_blank">{{block.value.text}}</a>
            {% elif block.block_type == 'paragraph' %}
            {{block.value|safe}}

            {% else %}
            {{block.block_type}}
            {% endif %}
            {% endfor %}
        </div>
        {% endfor %}
    </div>

</div>
{% else %}
{{block.block_type}}
{% endif %}
{% endfor %}