title: "Maxim's Bedroom"
icon: 'mdi:bed'
panel: true
visible:
  - user: 1614b22cbef54f979741cf8a6b3413ec
  - user: 76e8af2547254ef0ab523ae1ad0bf81a
cards:
  - type: 'custom:layout-card'
    layout_type: 'custom:vertical-layout'
    layout:
      max_cols: 3
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-chips-card
                chips:
                  - type: template
                    icon: "{% if is_state('binary_sensor.presence_bedroom_maxim_sensor_1', 'on') -%}mdi:account-multiple{%- else -%}mdi:account-off-outline{%- endif %}"
                    icon_color: "{% if is_state('binary_sensor.presence_bedroom_maxim_sensor_1', 'on') -%} #FFC107 {%- else -%} #44739E {%- endif %}"
                    badge_icon: mdi:numeric-1-circle
                    badge_color: green
                    entity: binary_sensor.presence_bedroom_maxim_sensor_1
                    tap_action:
                      action: more-info
                  - type: template
                    icon: "{% if is_state('binary_sensor.window_bedroom_max_01_contact', 'on') -%}mdi:window-open{%- else -%}mdi:window-closed{%- endif %}"
                    icon_color: "{% if is_state('binary_sensor.window_bedroom_max_01_contact', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
                    entity: binary_sensor.window_bedroom_max_01_contact
                    tap_action:
                      action: more-info
                  - type: template
                    icon: "{% if is_state('binary_sensor.door_bedroom_max_01_contact', 'on') -%}mdi:door-open{%- else -%}mdi:door-closed{%- endif %}"
                    icon_color: "{% if is_state('binary_sensor.door_bedroom_max_01_contact', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
                    entity: binary_sensor.door_bedroom_max_01_contact
                    tap_action:
                      action: more-info
                  - type: template
                    icon: "{% if is_state('binary_sensor.smoke_bedroom_maxim_01_smoke', 'on') -%}mdi:smoke-detector-variant-alert{%- else -%}mdi:smoke-detector-variant{%- endif %}"
                    icon_color: "{% if is_state('binary_sensor.smoke_bedroom_maxim_01_smoke', 'on') -%}#D40909{%- else -%}#44739E{%- endif %}"
                    entity: binary_sensor.smoke_bedroom_maxim_01_smoke
                    tap_action:
                      action: more-info
              - type: custom:mushroom-chips-card
                alignment: end
                chips:
                  - type: template
                    entity: light.bedroom_guest_ceiling_01
                    icon: mdi:ceiling-light
                    tap_action:
                      action: toggle
                    icon_color: "{% if is_state('light.bedroom_max_ceiling_01', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
                  - type: template
                    entity: fan.bedroom_max
                    icon: mdi:fan
                    icon_color: "{% if is_state('fan.bedroom_max', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
                    tap_action:
                      action: toggle
          - type: 'custom:bubble-card'
            card_type: separator
            icon: 'mdi:bed'
            sub_button:
              - name: Temp
                icon: 'mdi:thermometer-lines'
                entity: sensor.climate_bedroom_max_01_temperature
                show_name: false
                show_icon: true
                show_state: true
                show_background: false
                show_attribute: false
              - name: Humidity
                icon: 'mdi:water-percent'
                entity: sensor.climate_bedroom_max_01_humidity
                show_name: false
                show_icon: true
                show_state: true
                show_background: false
                show_attribute: false
              - name: Light Level
                icon: 'mdi:weather-sunny'
                entity: sensor.presence_bedroom_maxim_light_level
                show_name: false
                show_icon: true
                show_state: true
                show_background: false
                show_attribute: false
            styles: |
              .bubble-feedback-container {
                margin: 0px;
              }
      - type: vertical-stack
        cards:
          - type: 'custom:bubble-card'
            card_type: button
            button_type: switch
            name: Occupancy
            entity: input_boolean.occupancy_bedroom_max
            icon: 'mdi:account-multiple'
            show_state: false
            show_background: false
            tap_action:
              action: toggle
            button_action:
              tap_action:
                action: more-info
            sub_button:
              - entity: sensor.bedroom_max_person_count
                icon: 'mdi:account-group'
                show_state: false
                show_background: true
              - entity: sensor.bedroom_max_cat_count
                icon: 'mdi:cat'
                show_state: false
                show_background: true
              - icon: 'mdi:brightness-auto'
                entity: input_boolean.manually_operated_light_bedroom_max
                show_state: false
                show_background: true
                tap_action:
                  action: toggle
            styles: >
              .bubble-button-background {
                opacity: 1 !important;
                background-color: ${ state === 'on' ? 'var(--light-theme-disabled-color)' : 'var(--light-theme-disabled-color)' } !important;
              }
              .bubble-sub-button-1 {
                background-color: white !important;
              }
              .bubble-sub-button-1 > ha-icon {
                color: ${ hass.states['sensor.bedroom_max_person_count'].state > 0 ? 'rgb(255, 152, 0)' : '' } !important;
              }
              .bubble-sub-button-2 {
                background-color: white !important;
              }
              .bubble-sub-button-2 > ha-icon {
                color: ${ hass.states['sensor.bedroom_max_cat_count'].state > 0 ? 'rgb(255, 152, 0)' : '' } !important;
              }
              .bubble-sub-button-3 {
                background-color: white !important;
              } ${subButtonIcon[2].setAttribute("icon", hass.states['input_boolean.manually_operated_light_bedroom_max'].state === 'on' ? 'mdi:hand-front-right' : 'mdi:brightness-auto')}

          - type: 'custom:bubble-card'
            card_type: button
            button_type: switch
            name: Light
            entity: input_boolean.bedroom_max_light_state
            icon: 'mdi:lightbulb-group'
            show_state: true
            show_background: false
            tap_action:
              action: toggle
            button_action:
              tap_action:
                action: navigate
                navigation_path: '#popup-bedroom-max-light'
            sub_button:
              - icon: 'mdi:lightbulb-group'
                entity: scene.bedroom_max_all
                show_state: false
                show_background: true
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    entity_id: input_select.bedroom_max_scenes
                    option: All
              - icon: 'mdi:ceiling-light-multiple'
                entity: scene.bedroom_max_ceiling_only
                show_state: false
                show_background: true
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    entity_id: input_select.bedroom_max_scenes
                    option: Ceiling Only
              - icon: 'mdi:floor-lamp-torchiere'
                entity: scene.bedroom_max_table_only
                show_state: false
                show_background: true
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    entity_id: input_select.bedroom_max_scenes
                    option: Floor Only
            styles: |
              .bubble-sub-button-1 > ha-icon {
                color: ${hass.states['input_select.bedroom_max_scenes'].state === 'All' ? 'rgb(255, 152, 0)' : ''} !important;
              }
              .bubble-sub-button-2 > ha-icon {
                color: ${hass.states['input_select.bedroom_max_scenes'].state === 'Ceiling Only' ? 'rgb(255, 152, 0)' : ''} !important;
              }
              .bubble-sub-button-3 > ha-icon {
                color: ${hass.states['input_select.bedroom_max_scenes'].state === 'Table Only' ? 'rgb(255, 152, 0)' : ''} !important;
              }
          - type: 'custom:bubble-card'
            card_type: button
            button_type: switch
            name: Fan
            entity: fan.bedroom_maxim
            icon: 'mdi:fan'
            show_state: true
            show_background: false
            tap_action:
              action: toggle
            button_action:
              tap_action:
                action: more-info
            sub_button:
              - icon: 'mdi:fan-speed-1'
                entity: fan.bedroom_maxim
                show_state: false
                show_background: true
                tap_action:
                  action: call-service
                  service: fan.set_preset_mode
                  service_data:
                    entity_id: fan.bedroom_maxim
                    option: low
              - icon: 'mdi:fan-speed-2'
                entity: fan.bedroom_maxim
                show_state: false
                show_background: true
                tap_action:
                  action: call-service
                  service: fan.set_preset_mode
                  service_data:
                    entity_id: fan.bedroom_maxim
                    option: medium
              - icon: 'mdi:fan-speed-3'
                entity: fan.bedroom_maxim
                show_state: false
                show_background: true
                tap_action:
                  action: call-service
                  service: fan.set_preset_mode
                  service_data:
                    entity_id: fan.bedroom_maxim
                    option: high
            styles: |
              .bubble-sub-button-1 > ha-icon {
                color: ${hass.states['fan.bedroom_maxim'].attributes.percentage === 33 ? 'rgb(255, 152, 0)' : ''} !important;
              }
              .bubble-sub-button-2 > ha-icon {
                color: ${hass.states['fan.bedroom_maxim'].attributes.percentage === 66 ? 'rgb(255, 152, 0)' : ''} !important;
              }
              .bubble-sub-button-3 > ha-icon {
                color: ${hass.states['fan.bedroom_maxim'].attributes.percentage === 100 ? 'rgb(255, 152, 0)' : ''} !important;
              }
      - type: 'custom:layout-break'
      - type: vertical-stack
        cards:
          - type: 'custom:webrtc-camera'
            url: 'rtsp://10.10.11.110:8554/bedroom-max'
            title: Maxim Bedroom
            muted: true
            mode: 'webrtc,mse'
      - type: 'custom:layout-break'
      - type: vertical-stack
        cards:
          - type: 'custom:mini-media-player'
            entity: media_player.max_s_bedroom_display
            artwork: cover
          - type: vertical-stack
            cards:
              - type: 'custom:bubble-card'
                card_type: pop-up
                hash: '#popup-bedroom-maxim-light'
                name: Maxim Bedroom
                icon: 'mdi:bed-king'
              - type: 'custom:bubble-card'
                card_type: button
                button_type: slider
                name: 'Ceiling #1'
                entity: light.bedroom_maxim_ceiling_01
                show_state: true
                tap_action:
                  action: toggle
                button_action:
                  tap_action:
                    action: toggle
              - type: 'custom:bubble-card'
                card_type: button
                button_type: slider
                name: 'Floor #1'
                entity: light.bedroom_maxim_floor_lamp_01
                show_state: true
                tap_action:
                  action: toggle
                button_action:
                  tap_action:
                    action: toggle