---
title: Kitchen
icon: mdi:countertop
panel: true
visible:
  - user: 1614b22cbef54f979741cf8a6b3413ec # Alex
  - user: 76e8af2547254ef0ab523ae1ad0bf81a # Tanya
cards:
  - type: custom:layout-card
    layout: vertical
    cards:
      - type: vertical-stack
        cards:
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                icon: "{% if is_state('binary_sensor.presence_kitchen_sensor_2', 'on') -%}mdi:account-multiple{%- else -%}mdi:account-off-outline{%- endif %}"
                icon_color: "{% if is_state('binary_sensor.presence_kitchen_sensor_2', 'on') -%} #FFC107 {%- else -%} #44739E {%- endif %}"
                badge_icon: mdi:numeric-1-circle
                badge_color: green
                entity: binary_sensor.presence_kitchen_sensor_2
                tap_action:
                  action: more-info
              - type: template
                icon: "{% if is_state('binary_sensor.window_kitchen_01_contact', 'on') -%}mdi:window-open{%- else -%}mdi:window-closed{%- endif %}"
                icon_color: "{% if is_state('binary_sensor.window_kitchen_01_contact', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
                entity: binary_sensor.window_kitchen_01_contact
                tap_action:
                  action: more-info
              - type: template
                icon: "{% if is_state('binary_sensor.door_kitchen_01', 'on') -%}mdi:door-sliding-open{%- else -%}mdi:door-sliding{%- endif %}"
                icon_color: "{% if is_state('binary_sensor.door_kitchen_01', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
                entity: binary_sensor.door_kitchen_01
                tap_action:
                  action: more-info
          - type: custom:stack-in-card
            cards:
              - type: grid
                columns: 2
                square: false
                cards:
                  - type: custom:mushroom-entity-card
                    entity: input_boolean.kitchen_light_state
                    name: Kitchen
                    icon: mdi:lightbulb-group
                    tap_action:
                      action: toggle
                    card_mod:
                      style: "ha-card { border: none; }"
                  - type: custom:paper-buttons-row
                    preset: mushroom
                    styles:
                      justify-content: flex-end
                    base_config:
                      styles:
                        button:
                          margin-top: 12px
                          margin-right: 12px
                    buttons:
                      - layout: icon
                        icon: mdi:lightbulb-group
                        tap_action:
                          action: call-service
                          service: input_select.select_option
                          service_data:
                            entity_id: input_select.kitchen_scenes
                            option: "All"
                        styles:
                          button:
                            color: "{% if is_state('input_boolean.kitchen_light_state', 'on') and is_state('input_select.kitchen_scenes', 'All') %}#FFC107{% else %}#44739E{% endif %}"
                            background-color: "{% if is_state('input_boolean.kitchen_light_state', 'on') and is_state('input_select.kitchen_scenes', 'All') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
                      - layout: icon
                        icon: mdi:countertop-outline
                        tap_action:
                          action: call-service
                          service: input_select.select_option
                          service_data:
                            entity_id: input_select.kitchen_scenes
                            option: "Work Zone Only"
                        styles:
                          button:
                            color: "{% if is_state('input_boolean.kitchen_light_state', 'on') and is_state('input_select.kitchen_scenes', 'Work Zone Only') %}#FFC107{% else %}#44739E{% endif %}"
                            background-color: "{% if is_state('input_boolean.kitchen_light_state', 'on') and is_state('input_select.kitchen_scenes', 'Work Zone Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
                      - layout: icon
                        icon: mdi:food-turkey
                        tap_action:
                          action: call-service
                          service: input_select.select_option
                          service_data:
                            entity_id: input_select.kitchen_scenes
                            option: "Dinning Zone Only"
                        styles:
                          button:
                            color: "{% if is_state('input_boolean.kitchen_light_state', 'on') and is_state('input_select.kitchen_scenes', 'Dinning Zone Only') %}#FFC107{% else %}#44739E{% endif %}"
                            background-color: "{% if is_state('input_boolean.kitchen_light_state', 'on') and is_state('input_select.kitchen_scenes', 'Dinning Zone Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
                      - layout: icon
                        icon: mdi:ceiling-light-multiple
                        tap_action:
                          action: call-service
                          service: input_select.select_option
                          service_data:
                            entity_id: input_select.kitchen_scenes
                            option: "Ceiling Only"
                        styles:
                          button:
                            color: "{% if is_state('input_boolean.kitchen_light_state', 'on') and is_state('input_select.kitchen_scenes', 'Ceiling Only') %}#FFC107{% else %}#44739E{% endif %}"
                            background-color: "{% if is_state('input_boolean.kitchen_light_state', 'on') and is_state('input_select.kitchen_scenes', 'Ceiling Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
                      - layout: icon
                        icon: mdi:globe-light-outline
                        tap_action:
                          action: call-service
                          service: light.toggle
                          service_data:
                            entity_id: light.kitchen_decorating_01
                        styles:
                          button:
                            color: "{% if is_state('light.kitchen_decorating_01', 'on') %}#FFC107{% else %}#44739E{% endif %}"
                            background-color: "{% if is_state('light.kitchen_decorating_01', 'on') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
          - type: horizontal-stack
            cards:
              - type: custom:mini-graph-card
#                name: Temperature
                line_color: orange
                font_size: 60
                font_size_header: 12
                entities:
                  - entity: sensor.climate_kitchen_01_temperature
#                    name: Temperature
                hours_to_show: 24
                points_per_hour: 4
                align_icon: state
                align_state: left
                show:
                  name: false
                  icon: false
#                card_mod:
#                  style: |
#                    ha-card {
#                      background: url("/local/outback.jpg");
#                      background-size: 100% 400px;
#                    }
              - type: custom:mini-graph-card
                name: Humidity
                line_color: blue
                font_size: 75
                font_size_header: 12
                entities:
                  - entity: sensor.climate_kitchen_01_humidity
                    name: Humidity
                hours_to_show: 24
                points_per_hour: 4
                align_icon: state
                align_state: left
                show:
                  name: false
              - type: custom:mini-graph-card
                name: Illuminance
                line_color: red
                font_size: 75
                font_size_header: 12
                entities:
                  - entity: sensor.presence_kitchen_light_level_2
                    name: Illuminance
                hours_to_show: 24
                points_per_hour: 4
                align_icon: state
                align_state: left
                show:
                  name: false
              - type: custom:mini-graph-card
                name: Ppm25
                line_color: green
                font_size: 75
                font_size_header: 12
                entities:
                  - entity: sensor.climate_kitchen_02_pm25
                    name: Ppm25
                hours_to_show: 24
                points_per_hour: 4
                align_icon: state
                align_state: left
                show:
                  name: false
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-light-card
                entity: light.kitchen_sink_01
                name: 'Kitchen Sink #01'
                icon: mdi:ceiling-light
                show_brightness_control: true
                collapsible_controls: true
                use_light_color: true
              - type: custom:mushroom-light-card
                entity: light.kitchen_led_01
                name: 'Kitchen LED #01'
                icon: mdi:led-strip-variant
                show_brightness_control: true
                collapsible_controls: true
                use_light_color: true
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-light-card
                entity: light.kitchen_ceiling_01
                name: 'Kitchen Ceiling #1'
                icon: mdi:dome-light
                show_brightness_control: true
                collapsible_controls: true
                use_light_color: true
              - type: custom:mushroom-light-card
                entity: light.kitchen_ceiling_02
                name: 'Kitchen Ceiling #2'
                icon: mdi:dome-light
                show_brightness_control: true
                collapsible_controls: true
                use_light_color: true
      - type: custom:layout-break
      - type: vertical-stack
        cards:
          - type: 'custom:webrtc-camera'
            url: 'rtsp://10.10.11.110:8554/kitchen'
            title: 'Kitchen'
            muted: true
            mode: webrtc,mse
      - type: custom:layout-break
      - type: vertical-stack
        cards:
#          - type: entities
#            title: Lights
#            show_header_toggle: false
#            entities:
#              - entity: timer.app_lighting_kitchen
#          - type: custom:flipdown-timer-card
#            entity: timer.app_lighting_kitchen
#            show_hour: false
#            show_title: false
#            show_header: false
#            duration: "00:01:00"
#            styles:
#              rotor:
#                width: 60px
#                height: 80px
#              button:
#                width: 60px
#                location: bottom
          - type: horizontal-stack
            cards:
              - type: button
                name: Occupancy
                entity: input_boolean.occupancy_kitchen
              - type: button
                name: Operating Mode
                entity: input_boolean.manually_operated_light_kitchen
              - type: button
                name: Occupants
                entity: input_number.occupants_kitchen
          - type: custom:mini-media-player
            entity: media_player.kitchen_max
            artwork: cover