slaapkamer_overview

type: custom:vertical-stack-in-card
mode: vertical
cards:
  - type: custom:mushroom-template-card
    primary: Slaapkamer
    icon: hue:room-bedroom
    icon_color: teal
    layout: horizontal
    entity: light.masterbedroom_group_hue
    secondary: >-
      {{states('sensor.masterbedroom_temperature') }}°C | 
      {{states('sensor.masterbedroom_humidity') | int }}% |
      {{states('sensor.masterbedroom_lux') | int }}lux
    tap_action:
      action: navigate
      navigation_path: /lovelace-tablet/masterbedroom
  - type: custom:vertical-stack-in-card
    horizontal: true
    cards:
      - type: custom:mushroom-template-card
        entity: light.masterbedroom_group_hue
        layout: vertical
        icon: |-
          {% if is_state('light.masterbedroom_group_hue_group_hue', 'on') %}
          hue:ceiling-fugato-three
          {% else %}
          hue:ceiling-fugato-three
          {% endif %}
        icon_color: |-
          {% if is_state('light.masterbedroom_group_hue', 'on') %}
            yellow
          {% endif %}
      - type: custom:mushroom-template-card
        entity: light.masterbedroom_ledstrip_group
        layout: vertical
        icon: |-
          {% if is_state('light.masterbedroom_ledstrip_group', 'on') %}
          mdi:bed-king-outline
          {% else %}
          mdi:bed-king-outline
          {% endif %}
        icon_color: |-
          {% if is_state('light.masterbedroom_ledstrip_group', 'on') %}
            yellow
          {% endif %}
  - type: custom:vertical-stack-in-card
    horizontal: true
    cards:
      - type: custom:mushroom-template-card
        entity: light.shellyrgbw_masterbedroombed_kast
        layout: vertical
        icon: |-
          {% if is_state('light.shellyrgbw_masterbedroombed_kast', 'on') %}
          mdi:wardrobe-outline
          {% else %}
          mdi:wardrobe-outline
          {% endif %}
        icon_color: |-
          {% if is_state('light.shellyrgbw_masterbedroombed_kast', 'on') %}
            yellow
          {% endif %}
      - type: custom:mushroom-template-card
        entity: switch.esp_slaapkamerfan
        layout: vertical
        use_light_color: true
        icon: |-
          {% if is_state('switch.esp_slaapkamerfan', 'on') %}
          mdi:fan
          {% else %}
          mdi:fan
          {% endif %}
        icon_color: |-
          {% if is_state('switch.esp_slaapkamerfan', 'on') %}
            green
          {% endif %}
  - type: custom:mushroom-chips-card
    chips:
      - type: conditional
        conditions:
          - entity: sensor.espresense_slaapkamer_count
            state_not: '0'
        chip:
          type: entity
          icon: mdi:human-greeting
          icon_color: green
          entity: sensor.espresense_slaapkamer_count
          tap_action:
            action: more-info
      - type: conditional
        conditions:
          - entity: switch.esp_slaapkamerfan
            state: 'on'
        chip:
          type: template
          icon_color: green
          icon: mdi:fan
          card_mod:
            style: |
              @keyframes rotation {
                0% {
                  transform: rotate(0deg);
                }
                100% {
                  transform: rotate(360deg);
                }
              }
              ha-card {
                animation: rotation 2s linear infinite;
              }
      - type: template
        icon: |-
          {% if is_state(entity, 'off') %}
          mdi:window-closed
          {% else %}
          mdi:window-open
          {% endif %}
        icon_color: |2-
            {% if is_state(entity, 'off') %}
            green
            {% else %}
            red
            {% endif %}
        entity: binary_sensor.masterbedroom_raam_aqara_contact
        tap_action:
          action: more-info
    alignment: end
    card_mod:
      style: |
        ha-card {
          --ha-card-box-shadow: none;
          --chip-background: none;
          --chip-box-shadow: none;
          --chip-spacing: 0;
          : -36px;
        }