{{ reference_source = reference_source ?? prev }}
<div class="mt-5 section simple-image-text">
    <aside class="simple-image-text-inner xl-custom:w-content">
        <div class="text-left references" x-data="{ expanded: false }">
            <h1 class="mb-1 text-[17px] font-bold tracking-[1.7px] text-left text-[#3b3b3b] uppercase font-headline">{{ references_title }}</h1>

            {{ if show_read_more }}
                <div x-show="expanded" class="relative overflow-hidden">
                    <div class="text-xs leading-5 text-left text-black text-wrapper">
                        <{{ references_list_type }}>
                            {{ references_list }}
                                <li><a href="{{ link_url }}" target="_blank">{{ handle_orphan :str="link_text" }}</a></li>
                            {{ /references_list }}
                        </{{ references_list_type }}>
                    </div>
                </div>
                <button @click="expanded = !expanded" class="block mt-2 text-blue-500 underline">
                    <span x-show="!expanded">SEE REFERENCES</span>
                    <span x-show="expanded" style="display: none;">HIDE REFERENCES</span>
                </button>
            {{ else }}
                <div class="text-xs leading-5 text-left text-black text-wrapper">
                    <{{ references_list_type }}>
                        {{ references_list }}
                            <li><a href="{{ link_url }}" target="_blank">{{ handle_orphan :str="link_text" }}</a></li>
                        {{ /references_list }}
                    </{{ references_list_type }}>
                </div>
            {{ /if }}
        </div>
    </aside>
</div>