{% load wagtailsettings_tags %}
{% get_settings %}


{% for block in settings.Core.TopHeader.content %}
{% if block.block_type == 'row' %}
<div
    class="bg-[{{settings.Core.TopHeader.bgColor}}] text-[{{settings.Core.TopHeader.fgColor}}] text-lg md:{{settings.Core.TopHeader.size}} px-4 py-0.5">
    <div class="container mx-auto flex w-full items-center-safe justify-between">


    {% 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>
        {% elif block.value.ciType == 'Email' %}
        <a href="tel:+{% for val in block.value.ciBody %}{{val}}{% endfor %}" class="flex items-center-safe">
            {{block.value.ciLogoText|safe}} &nbsp;
            {% for val in block.value.ciBody %}
            {{val}}
            {% endfor %}
        </a>
        {% else %}
        {{block.value.ciType}}
        {% endif %}
        {% elif block.block_type == 'social' %}
        <div class="flex items-center-safe gap-2">
            {% for block in block.value %}
            <a href="{{block.value.slUrl}}">

                {{block.value.slImgText|safe}}
            </a>
            {% endfor %}
        </div>

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

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