type: custom:vertical-style-card
title: Media Center
style:
  font_size: 24px
  border: true
cards:
- type: vertical-stack
  cards:
  - type: horizontal-stack
    cards:
    - type: picture
      image: /local/divider.png
  - type: horizontal-stack
    cards:
      - type: "custom:button-card"
        icon: mdi:monitor
        color_type: card
        color: var(--icon-color-green)
        color_off: var(--element-accent-color)
        entity: sensor.mc_activity
        action: service
        service:
          domain: script
          action: Harmony_Watch_PC
        state:
        - value: 'off'
          color: var(--element-accent-color)
        - value: 'Watch PC'
          color: var(--icon-color-green)
        - value: 'Watch TV'
          color: var(--element-accent-color)
        - value: 'PS4'
          color: var(--element-accent-color)
        - value: 'Muziek Luisteren'
          color: var(--element-accent-color)
        - value: 'Spotify Luisteren'
          color: var(--element-accent-color)
        style:
         - color: var(--icon-off-color)
      - type: "custom:button-card"
        icon: mdi:television-classic
        color_type: card
        color: var(--icon-color-green)
        color_off: var(--element-accent-color)
        entity: sensor.mc_activity
        action: service
        service:
          domain: script
          action: Harmony_Watch_TV
        state:
        - value: 'off'
          color: var(--element-accent-color)
        - value: 'Watch PC'
          color: var(--element-accent-color)
        - value: 'Watch TV'
          color: var(--icon-color-green)
        - value: 'PS4'
          color: var(--element-accent-color)
        - value: 'Muziek Luisteren'
          color: var(--element-accent-color)
        - value: 'Spotify Luisteren'
          color: var(--element-accent-color)
        style:
         - color: var(--icon-off-color)
      - type: "custom:button-card"
        icon: mdi:playstation
        color_type: card
        color: var(--icon-color-green)
        color_off: var(--element-accent-color)
        entity: sensor.mc_activity
        action: service
        service:
          domain: script
          action: Harmony_PS4
        state:
        - value: 'off'
          color: var(--element-accent-color)
        - value: 'Watch PC'
          color: var(--element-accent-color)
        - value: 'Watch TV'
          color: var(--element-accent-color)
        - value: 'PS4'
          color: var(--icon-color-green)
        - value: 'Muziek Luisteren'
          color: var(--element-accent-color)
        - value: 'Spotify Luisteren'
          color: var(--element-accent-color)
        style:
         - color: var(--icon-off-color)
  - type: horizontal-stack
    cards:
      - type: "custom:button-card"
        icon: mdi:music
        color_type: card
        color: var(--icon-color-green)
        color_off: var(--element-accent-color)
        entity: sensor.mc_activity
        action: service
        service:
          domain: script
          action: Harmony_Muziek_Luisteren
        state:
        - value: 'off'
          color: var(--element-accent-color)
        - value: 'Watch PC'
          color: var(--element-accent-color)
        - value: 'Watch TV'
          color: var(--element-accent-color)
        - value: 'PS4'
          color: var(--element-accent-color)
        - value: 'Muziek Luisteren'
          color: var(--icon-color-green)
        - value: 'Spotify Luisteren'
          color: var(--element-accent-color)
        style:
         - color: var(--icon-off-color)
      - type: "custom:button-card"
        icon: mdi:spotify
        color_type: card
        color: var(--icon-color-green)
        color_off: var(--element-accent-color)
        entity: sensor.mc_activity
        action: service
        service:
          domain: script
          action: Harmony_Spotify_Luisteren
        state:
        - value: 'off'
          color: var(--element-accent-color)
        - value: 'Watch PC'
          color: var(--element-accent-color)
        - value: 'Watch TV'
          color: var(--element-accent-color)
        - value: 'PS4'
          color: var(--element-accent-color)
        - value: 'Muziek Luisteren'
          color: var(--element-accent-color)
        - value: 'Spotify Luisteren'
          color: var(--icon-color-green)
        style:
         - color: var(--icon-off-color)
      - type: "custom:button-card"
        icon: mdi:power
        color_type: card
        color: var(--icon-color-green)
        color_off: var(--element-accent-color)
        entity: sensor.mc_activity
        action: service
        service:
          domain: script
          action: Harmony_Off
        state:
        - value: 'off'
          color: var(--icon-color-green)
        - value: 'Watch PC'
          color: var(--icon-color-red)
        - value: 'Watch TV'
          color: var(--icon-color-red)
        - value: 'PS4'
          color: var(--icon-color-red)
        - value: 'Muziek Luisteren'
          color: var(--icon-color-red)
        - value: 'Spotify Luisteren'
          color: var(--icon-color-red)
        style:
         - color: var(--icon-off-color)
  -  type: picture
     image: /local/divider.png
  - type: horizontal-stack
    cards:
      - type: "custom:bignumber-card"
        entity: sensor.mc_volume
        title: Volume
        scale: 15px
      - type: "custom:bignumber-card"
        entity: sensor.mc_source
        title: Source
        scale: 15px
      - type: "custom:bignumber-card"
        entity: sensor.mc_sound_mode_raw
        title: Soundmode
        scale: 15px
  - type: picture
    image: /local/divider.png