<details class="flex flex-col space-y-2 max-w-full text-base rounded-xl justify-start {% if current_scene.title != scene_title %}hidden{% endif %} codes-block">
    <summary>Holy Cross Codes</summary>
    <hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
    <div class="flex flex-col space-y-2 max-h-96 rounded-xl overflow-y-scroll">
        <ul class="grid grid-flow-row md:grid-cols-3 xl:grid-cols-5 gap-2 rounded-xl 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 %}
        </ul>
    </div>
</details>
