- type: custom:mod-card
  style:
    layout-card:
      $:
        .: |
          #columns {
            padding: 0 10px;
          }
          #columns .column {
            padding: 0 10px;
          }
  card:
    type: custom:layout-card
    layout: horizontal
    max_columns: 2
    cards:
      - type: vertical-stack
        title: Bedroom
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                template: default
                entity: light.master_bedroom
                name: Bedroom
              - type: custom:button-card
                template: default
                entity: light.master_bedroom_main
                name: Main
              - type: custom:button-card
                template: default
                entity: light.bed_led
                name: Bed
                tap_action:
                  action: call-service
                  service: script.bed_led_toggle
              - type: custom:button-card
                template: default
                entity: light.bedside
                name: Bedside
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                template: [small, scene]
                entity: scene.bedroom_ambient_neon
                name: Neon
                variables:
                  scene_color_1: rgb(255, 0, 190)
                  scene_color_2: rgb(0, 255, 190)
                tap_action:
                  action: call-service
                  service: script.apply_bedroom_neon
              - type: custom:button-card
                template: [small, scene]
                entity: scene.bedroom_ambient_neon
                name: Ambient neon
                variables:
                  scene_color_1: rgb(255, 0, 190)
                  scene_color_2: rgb(0, 255, 190)
                tap_action:
                  action: call-service
                  service: script.apply_bedroom_ambient_neon
              - type: custom:button-card
                template: [small, scene]
                entity: scene.bedroom_default
                name: Regular
                variables:
                  scene_color_1: rgb(254, 255, 209)
              - type: custom:button-card
                template: [small, scene]
                entity: scene.bedroom_ambient_default
                name: Ambient regular
                variables:
                  scene_color_1: rgb(254, 255, 209)
              - type: custom:button-card
                template: [small, scene]
                entity: scene.bedroom_ambient_pink
                name: Ambient pink
                tap_action:
                  action: call-service
                  service: script.apply_bedroom_pink
                variables:
                  scene_color_1: rgb(255, 92, 38)
                  scene_color_2: rgb(255, 0, 190)

          - type: vertical-stack
            title: Controls
            cards:
              - type: horizontal-stack
                cards:
                  - type: custom:button-card
                    template: [default, with_state_indicator]
                    entity: input_boolean.alarm_enabled
                    state_display: >-
                      [[[
                        const time = states['input_datetime.alarm_time'].state;
                        return time.split(':').slice(0, -1).join(':');
                      ]]]
                    show_state: true
                    show_name: false
                    styles:
                      icon:
                        - transform: translateY(-8px)  # adjusted for state indicator size
                      state:
                        - transform: translateY(-13px)  # adjusted for state indicator size
                    variables:
                      state_indicator_id: automation.alarm_set_time
                  - type: custom:button-card
                    template: default
                    entity: binary_sensor.house_mode
                    name: House
                    tap_action:
                      action: call-service
                      service: input_select.select_next
                      service_data:
                        entity_id: input_select.house_mode

          - type: horizontal-stack
            title: Climate
            cards:
              - type: custom:button-card
                template: radiator_button
                entity: climate.bedroom_radiator_mode
              - type: custom:button-card
                template: [default, with_state_indicator]
                entity: fan.philips_airpurifier
                variables:
                  state_indicator_id: binary_sensor.purifier_filter_needs_change
                  state_indicator_size: 5px
                  state_indicator_off_size: 0px
                  state_indicator_on_color: var(--color-red)
                  state_on_indicator_on_color: var(--color-red)
              - type: custom:button-card
                template: default
                entity: sensor.purifier_speed
                tap_action:
                  action: call-service
                  service: input_select.select_next
                  service_data:
                    entity_id: input_select.purifier_speed
              - type: custom:button-card
                template: default
                entity: sensor.purifier_function
                tap_action:
                  action: call-service
                  service: script.purifier_toggle_function
              - type: custom:decluttering-card
                template: purifier_target_humidity

          - type: custom:decluttering-card
            template: media_with_controls
            variables:
              - player: media_player.master_bedroom
              - player_name: Bedroom

          - type: vertical-stack
            title: Camera
            cards:
              - type: picture-glance
                camera_image: camera.mercury_bedroom
                entities: []


      - type: vertical-stack
        title: Sensors
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                template: default
                entity: binary_sensor.bedroom_door
                name: Door
              - type: custom:button-card
                template: default
                entity: binary_sensor.bedroom_left_window
                name: Left window
              - type: custom:button-card
                template: default
                entity: binary_sensor.bedroom_right_window
                name: Right window

          - type: custom:decluttering-card
            template: climate_card
            variables:
              - title: "Climate"
              - main_entity: sensor.bedroom_weather_temperature
              - left_entity: sensor.bedroom_weather_humidity
              - right_entity: sensor.bedroom_weather_pressure

          - type: horizontal-stack
            cards:
              - type: "custom:mini-graph-card"
                name: Air Quality
                entities:
                  - sensor.purifier_air_quality
                font_size: 75
                line_color: "var(--color-blue)"
                line_width: 6
                hours_to_show: 72
              - type: "custom:mini-graph-card"
                name: Allergens
                entities:
                  - sensor.purifier_allergens
                font_size: 75
                line_color: "var(--color-blue)"
                line_width: 6
                hours_to_show: 72
