<details class="flex flex-col rounded-lg group bg-gradient-to-br from-bluelight-background-translucent to-bluelight-background-translucent-light shadow-sm shadow-[#242424]">
  <summary class="justify-start px-4 py-2">Summary</summary>
  <hr class="mx-2 border-2 border-bluelight-translucent-dark rounded-xl" />
  <div class="p-2 rounded-xl">
    <div class="p-2 rounded-md bg-gradient-to-br from-charcoal-translucent to-charcoal-translucent-light"
         id="summary-list">
      <div class="grid grid-flow-row grid-cols-2 gap-2 p-1 overflow-y-scroll md:grid-cols-3 xl:grid-cols-5 rounded-xl scrollbar-none">
        {% include "tracker/summary/block.html" with extra_classes="" is_hidden="hidden" %}
        {% for scene, scene_data in scenes.items %}
          {% if scene != "Posterity" and scene != "Resurrection" and scene != "Loading" %}
            {% if scene_data.checks.collected == scene_data.checks.total and scene_data.entrances.found == scene_data.entrances.total %}
              {% if scene == current_scene.title %}
                {% include "tracker/summary/block.html" with extra_classes="from-highlight-empty-light to-highlight-empty-dark text-highlight-empty-text" is_hidden="hidden" %}
              {% else %}
                {% include "tracker/summary/block.html" with extra_classes="from-highlight-empty-light to-highlight-empty-dark text-highlight-empty-text" is_hidden="" %}
              {% endif %}
            {% elif scene_data.checks.collected <= 0 and scene_data.entrances.found <= 0 and scene_data.entrances.total > 0 %}
              {% if scene == current_scene.title %}
                {% include "tracker/summary/block.html" with extra_classes="from-highlight-undiscovered-light to-highlight-undiscovered-dark text-highlight-undiscovered-text" is_hidden="hidden" %}
              {% else %}
                {% include "tracker/summary/block.html" with extra_classes="from-highlight-undiscovered-light to-highlight-undiscovered-dark text-highlight-undiscovered-text" is_hidden="" %}
              {% endif %}
            {% elif scene_data.checks.collected >= scene_data.checks.total %}
              {% if scene == current_scene.title %}
                {% include "tracker/summary/block.html" with extra_classes="from-highlight-checks-light to-highlight-checks-dark text-highlight-checks-text" is_hidden="hidden" %}
              {% else %}
                {% include "tracker/summary/block.html" with extra_classes="from-highlight-checks-light to-highlight-checks-dark text-highlight-checks-text" is_hidden="" %}
              {% endif %}
            {% elif scene_data.entrances.found >= scene_data.entrances.total %}
              {% if scene == current_scene.title %}
                {% include "tracker/summary/block.html" with extra_classes="from-highlight-entrances-light to-highlight-entrances-dark text-highlight-entrances-text" is_hidden="hidden" %}
              {% else %}
                {% include "tracker/summary/block.html" with extra_classes="from-highlight-entrances-light to-highlight-entrances-dark text-highlight-entrances-text" is_hidden="" %}
              {% endif %}
            {% else %}
              {% if scene == current_scene.title %}
                {% include "tracker/summary/block.html" with extra_classes="from-highlight-both-light to-highlight-both-dark text-highlight-both-text" is_hidden="hidden" %}
              {% else %}
                {% include "tracker/summary/block.html" with extra_classes="from-highlight-both-light to-highlight-both-dark text-highlight-both-text" is_hidden="" %}
              {% endif %}
            {% endif %}
          {% endif %}
        {% endfor %}
      </div>
    </div>
  </div>
</details>
