{% load static %}
{% if not is_entered %}
    <ul class="p-2 flex flex-col rounded-xl max-w-32 sm:max-w-48 xl:max-w-64 m-auto {{ extra_classes }}">
        <div class="pl-2 text-base codes-list-item-title">{{ name }}</div>
        <hr class="mb-2 border-2 border-holy-cross opacity-30 rounded-xl" />
        <div class="min-w-full">
            {% if is_global %}
                <span class="flex object-contain mx-2 my-auto text-2xl text-justify break-all align-middle codes-list-item-code">
                    {% with "tracker/images/cross_codes/"|add:"Global/"|add:name|add:".png" as code_image %}
                        <img src="{% static code_image %}" alt="{{ code }}" width="" height="" />
                    {% endwith %}
                </span>
            {% else %}
                <span class="flex object-contain mx-2 my-auto text-2xl text-justify break-all align-middle codes-list-item-code">
                    {% with "tracker/images/cross_codes/"|add:current_scene|add:"/"|add:name|add:".png" as code_image %}
                        <img src="{% static code_image %}" alt="{{ code }}" width="" height="" />
                    {% endwith %}
                </span>
            {% endif %}
            {% comment %} <div class="mx-2 text-2xl text-justify break-all align-top codes-list-item-code">{{ code }}</div> {% endcomment %}
        </div>
    </ul>
{% endif %}
