<details class="py-2 px-2 mt-2 flex flex-col space-y-4 max-w-full text-holy-cross text-base [text-shadow:_1px_1px_4px_rgb(0_0_0_/_100%)] rounded-xl bg-gradient-to-br from-[#ffe28530] to-[#ffffff30] drop-shadow-[0px_0px_4px_rgba(255,255,255,1)] justify-start">
    <summary>Holy Cross Codes</summary>
    <hr class="border-2 border-holy-cross opacity-30 rounded-xl" />
    <div class="flex flex-col space-y-2 max-h-96 rounded-xl overflow-y-scroll">
        <div class="grid grid-flow-row md:grid-cols-3 xl:grid-cols-5 gap-2 rounded-xl" id="codes-list">
            {% for name, code in default_codes.items %}
                {% include "tracker/codes/block.html" with is_entered=False %}
            {% endfor %}
            {% for scene, codes in tracked_codes.items %}
                {% if scene == "Global" %}
                    {% for name, code_tuple in codes.items %}
                        {% include "tracker/codes/block.html" with code=code_tuple.0 is_entered=code_tuple.1 %}
                    {% endfor %}
                {% elif scene == scene_title %}
                    {% for name, code_tuple in codes.items %}
                        {% include "tracker/codes/block.html" with code=code_tuple.0 is_entered=code_tuple.1 %}
                    {% endfor %}
                {% endif %}
            {% endfor %}
        </div>
    </div>
</details>
