HA - Geschirrspüler

- type: 'custom:button-card'
            entity: sensor.siemens_sn758x46te_68a40e40caf6_bsh_common_setting_powerstate
            name: 'Geschirrspüler'
            icon: 'mdi:dishwasher'
            color: black
            show_label: true
            tap_action:
              action: none
            state:
              - value: "Aus"
                label: Ausgeschaltet
                styles:
                  grid:
                    - grid-template-areas: '"i" "n" "l"'
                    - grid-template-columns: 1fr
                    - grid-template-rows: 70px min-content 1fr
                  label:
                    - justify-self: start
                    - font-size: 14px
                    - padding: 2px 0
                    - opacity: 0.7
                    - font-weight: 500
                  custom_fields:
                    program:
                      - display: none
                    bar:
                      - display: none
                    stat1:
                      - display: none
                    stat2:
                      - display: none
                    stat3:
                      - display: none
            styles:
              card:
                - padding: 20px
                - height: 210px
                - background: linear-gradient(157deg, rgba(246,220,131,1) 0%, rgba(247,139,243,1) 100%)
              grid:
                - grid-template-areas: '"i program" "n stat1" "bar bar" "stat2 stat3"'
                - grid-template-columns: 1fr 1fr
                - grid-template-rows: 70px min-content 40px min-content
              name:
                - justify-self: start
                - font-size: 14px
                - opacity: 0.7
              icon:
                - width: 34px
              img_cell:
                - justify-self: start
                - align-self: start
                - width: 34px
                - height: 34px

              custom_fields:
                program:
                  - justify-self: end
                  - align-self: end
                  - padding-bottom: 6px
                  - font-size: 14px
                  - opacity: 0.7
                stat1:
                  - justify-self: end
                  - font-size: 14px
                  - padding-bottom: 5px
                  - opacity: 0.7
                stat2:
                  - justify-self: start
                  - font-size: 10px
                  - opacity: 0.7
                stat3:
                  - justify-self: end
                  - font-size: 10px
                  - opacity: 0.7
                bar:
                  - justify-self: start
                  - margin-top: '-4px'
                  - width: 100%
                  - border-radius: 6px
                  - background: '#f0f0f0'
                  - height: 12px
            custom_fields:
              program: |
                [[[
                  if (states['sensor.siemens_sn758x46te_68a40e40caf6_bsh_common_option_programprogress'].state <100)
                    return 'Programm: ' + states['sensor.siemens_sn758x46te_68a40e40caf6_selected_program'].state
                  return "Programm: Abgeschlossen"
                ]]]
              bar: |
                [[[
                  var state = states['sensor.siemens_sn758x46te_68a40e40caf6_bsh_common_option_programprogress'].state
                  return `<div> <div style="background: #1679AB; height: 12px; width: ${state}%"></div> </div>`
                ]]]
              stat1: |
                [[[
                  if (states['sensor.siemens_sn758x46te_68a40e40caf6_bsh_common_option_programprogress'].state <100)
                    return 'Endzeit: ' + states['sensor.geschirrspuler_remaining_time'].state
                  return ""
                ]]]
              stat2: '0 %'
              stat3: '100 %'