play_room.yaml

title: "Play Room"
path: play_room
visible: false
icon: "mdi:airballoon"
cards:
  - type: custom:stack-in-card
    mode: vertical
    keep:
      box_shadow: true
      margin: true
      border_radius: true
      background: true
      outer_padding: true
    style: |
      ha-card {
        background-color: rgba(var(--color-purple),0.7);
        border-radius: var(--border-radius);
      }
    cards:
      - type: "custom:layout-card"
        layout_type: grid
        layout:
          grid-template-columns: 24% 76%
          margin: 0px 0px 0px 0px
        cards:
          - type: custom:stack-in-card
            mode: vertical
            keep:
              box_shadow: false
              margin: false
              border_radius: true
              background: false
              outer_padding: false
            style: |
              ha-card {
                background-color: rgba(var(--color-purple-bg),1.0);
                border-radius: var(--border-radius-bar);
                box-shadow: none;
              }
            cards:
              - type: horizontal-stack
                cards:
                  - type: 'custom:button-card'
                    template: chip_back
                    variables:
                      ulm_chip_back_path: /ui-lovelace-minimalist/home
                  - type: 'custom:button-card'
                    template: chip_navigate
                    variables:
                      ulm_chip_navigate_path: /ui-lovelace-minimalist/home
                      ulm_chip_navigate_icon: mdi:home                     
          - type: custom:stack-in-card
            mode: vertical
            keep:
              box_shadow: false
              margin: false
              border_radius: true
              background: false
              outer_padding: false
            style: |
              ha-card {
                background-color: rgba(var(--color-purple-bg),1.0);
                border-radius: var(--border-radius-bar);
                box-shadow: none;
              }
            cards:
              - type: horizontal-stack
                cards:
                  - type: conditional
                    conditions:
                      - entity: light.play_room_lights
                        state: "on"
                    card:
                      type: "custom:button-card"
                      template: chip_mdi_icon_only
                      variables:
                        ulm_chip_mdi_icon_only_entity: light.play_room_lights
                        ulm_chip_mdi_icon_only_icon: mdi:lightbulb-group
                        ulm_chip_mdi_icon_only_icon_color: var(--primary-text-color)
                      tap_action:
                        action: call-service
                        service: light.toggle
                        service_data:
                          entity_id: light.play_room_lights
                        haptic: success

      - type: "custom:button-card"
        template:
          - "card_title_icon"
        name: "Play Room"
        variables:
          ulm_card_navigate_title: Play Room
          ulm_card_navigate_icon: mdi:airballoon
          icon_color: purple
          background_color: purple-bg

  - type: "custom:button-card"
    template: "card_title_fixed_small"
    name: "Lights"

  - type: horizontal-stack
    cards:
      - type: "custom:button-card"
        template: card_light
        entity: light.play_room_downlights
        variables:
          ulm_card_light_enable_popup: false
          ulm_card_light_icon: "mdi:lightbulb-spot"
      - type: "custom:button-card"
        template: card_light
        entity: light.play_room_desk
        variables:
          ulm_card_light_enable_popup: true
          ulm_card_light_icon: "mdi:led-strip-variant"

  - type: "custom:button-card"
    template: "card_title_fixed_small"
    name: "Media"

  - type: 'custom:button-card'
    template: card_media_player_sonos_with_controls_art
    variables:
      ulm_card_media_player_with_controls_name: "Sonos"
      ulm_card_media_player_icon: "phu:sonos-one"
      ulm_card_media_player_with_controls_entity: media_player.playroom_sonos
      ulm_card_sonos_use_entity_picture: "true"
  - type: 'custom:button-card'
    template:
      - card_media_player_art
      - blue_playing
    entity: media_player.play_room_google_home
    name: Google Home           
    variables:
      ulm_card_media_player_enable_popup: true
      ulm_card_media_player_icon: 'phu:home-max'