type: picture-elements
#entity: binary_sensor.flow_switch
image: /local/Billeder/Pool/Pool.jpg
state_filter:
  "off": blur(2px) grayscale(100%)
#panel: true
elements:
  - type: state-label
    entity: binary_sensor.frost_pool
    prefix: "Frostbeskytelse "
    style:
      background-color: rgba(0,0,0,0.4)
      color: white
      height: 34px
      left: 0
      top: "-3px"
      padding-left: 30px
      transform: none
      width: 100%

  - type: conditional
    conditions:
      - entity: binary_sensor.frost_pool
        state: "off"
    elements:
      - type: custom:button-card
      - entity: binary_sensor.frost_pool
        icon: mdi:snowflake
        style:
          color: white
          left: 0
          top: "-5px"
          transform: none
          z-index: 1
        type: state-icon

  - type: conditional
    conditions:
      - entity: binary_sensor.flow_switch
        state: "on"
    elements:
      - type: state-label
        entity: sensor.gastemp_2
        attribute: null
        prefix: "@ "
        style:
          color: white
          left: 155px
          top: "-3px"
          transform: none

  - type: conditional
    conditions:
      - entity: binary_sensor.frost_pool
        state: "on"
    elements:
      - type: icon
        icon: mdi:shield-alert
        style:
          color: yellow
          left: 8px
          top: 3px
          transform: none

  - type: conditional
    conditions:
      - entity: binary_sensor.flow_switch
        state: "on"
      - entity: binary_sensor.kompressor
        state: "off"
    elements:
      - type: icon
        entity: switch.varmepumpe
        icon: mdi:fire
        style:
          color: white
          right: 150px
          top: 10px
          transform: none
        tap_action:
          action: toggle
          confirmation:
            text: Are you sure? Heating the pool is expensive!