{% assign has_bordered_text = false %}
{% for item in include.column_type %}
  {% if item._type == 'text' and item.add_border %}
    {% assign has_bordered_text = true %}
    {% break %}
  {% endif %}
{% endfor %}

<section class="md:min-h-screen grid md:landscape:grid-cols-2 gap-4 grid-cols-1 {% unless include.background_image %} bg-primary {% endunless %} padding-sm bg-cover bg-center" style="background-image: url('{{include.background_image}}');">

    {% for item in include.column_type %}
    {% if item._type == 'text' %}
    <div class="border border-white rounded-xl md:landscape:padding-sm padding {% if item.mobile_order %}order-{{ item.mobile_order }}{% else %} order-none{% endif %} md:landscape:order-none text-white flex flex-col"
    data-aos="fade-in">
        <div class="w-full mb-12 border-b border-white pb-12">
            <div class="md:landscape:w-[55%] w-[80%]">
                <h2 class="title-lg mb-8">{{item.top_left_text.heading}}</h2>
                {{item.top_left_text.paragraph_html}}
                {% if item.top_left_text.button_text and item.top_left_text.button_url %}
                <a href="{{item.top_left_text.button_url}}" class="button-light">{{item.top_left_text.button_text}}</a>
                {% endif %}
            </div>
        </div>
        <div class="md:landscape:w-[65%] w-full flex flex-col text-right justify-end flex-grow mt-auto ml-auto">
            <h2 class="title-lg mb-8">{{item.bottom_right_text.heading}}</h2>
            {{item.bottom_right_text.paragraph_html}}
            {% if item.bottom_right_text.button_text and item.bottom_right_text.button_url %}
            <a href="{{item.bottom_right_text.button_url}}" class="button-light ml-auto">{{item.bottom_right_text.button_text}}</a>
            {% endif %}
        </div>
    </div>

    {% elsif item._type == 'map' %}
    <div class="relative overflow-hidden rounded-xl md:landscape:block hidden"
    data-aos="fade-in">
        {{item.desktop_map_embed}}
    </div>
    <div class="relative overflow-hidden rounded-xl md:landscape:hidden {% if item.mobile_order %}
    order-{{ item.mobile_order }}{% else %} order-none{% endif %} md:landscape:order-none">
        {{item.mobile_map_embed}}
    </div>
    {% elsif item._type == 'image' %}
    <div class="relative {% if item.add_border %}border border-black rounded-xl {% endif %} {% if item.mobile_order %} order-{{ item.mobile_order }}{% else %} order-none{% endif %} md:landscape:order-none"
    data-aos="fade-in">
        <img src="{{item.image}}" alt="{{item.image_alt_text}}" class="object-cover object-center md:landscape:absolute md:landscape:inset-0 w-full md:landscape:h-full md:portrait:h-60 h-70 rounded-xl">
    </div>   
    {% endif %}
    {% endfor %}
    
</section>