<button type="button"
        class="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-undiscovered="{{ scene_data.Totals.Checks.Undiscovered }}"
         data-checks-total="{{ scene_data.Totals.Checks.Total }}">
      Checks: {{ scene_data.Totals.Checks.Undiscovered }}/{{ scene_data.Totals.Checks.Total }}
    </div>
    <div class="summary-entrances"
         data-entrances-undiscovered="{{ scene_data.Totals.Entrances.Undiscovered }}"
         data-entrances-total="{{ scene_data.Totals.Entrances.Total }}">
      Entrances: {{ scene_data.Totals.Entrances.Undiscovered }}/{{ scene_data.Totals.Entrances.Total }}
    </div>
  </div>
</button>
