<button type="button"
        class="summary rounded-xl {{ is_hidden }}"
        onclick="open_breakdown(this)"
        data-scene="{{ scene }}">
  <div class="p-2 *:mr-auto *:justify-start *:text-left min-h-full flex flex-col rounded-lg bg-gradient-to-tl shadow-sm shadow-[#242424] {{ extra_classes }}">
    <div class="summary-title">{{ scene }}:</div>
    <div class="summary-checks"
         data-checks-collected="{{ scene_data.checks.collected }}"
         data-checks-remaining="{{ scene_data.checks.remaining }}"
         data-checks-total="{{ scene_data.checks.total }}">
      Checks: {{ scene_data.checks.collected }}/{{ scene_data.checks.total }} ({{ scene_data.checks.remaining }})
    </div>
    <div class="summary-entrances"
         data-entrances-found="{{ scene_data.entrances.found }}"
         data-entrances-remaining="{{ scene_data.entrances.remaining }}"
         data-entrances-total="{{ scene_data.entrances.total }}">
      Entrances: {{ scene_data.entrances.found }}/{{ scene_data.entrances.total }} ({{ scene_data.entrances.remaining }})
    </div>
  </div>
</button>
