---
title: Kitchen
icon: mdi:countertop
panel: true
visible:
  - user: 1614b22cbef54f979741cf8a6b3413ec # Alex
  - user: 76e8af2547254ef0ab523ae1ad0bf81a # Tanya
cards:
  - type: custom:layout-card
    layout_type: custom:vertical-layout
    layout:
      max_cols: 3
    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

###################################################################################################
###   KITCHEN CLIMATE   ###########################################################################
###################################################################################################
          - type: custom:bubble-card
            card_type: separator
            icon: mdi:countertop-outline
            sub_button:
              - name: Temp
                icon: mdi:thermometer-lines
                entity: sensor.climate_kitchen_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_kitchen_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_kitchen_light_level_2
                show_name: false
                show_icon: true
                show_state: true
                show_background: false
                show_attribute: false
              - name: PM2.5
                icon: mdi:blur
                entity: sensor.climate_kitchen_02_pm25
                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_kitchen
            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.kitchen_person_count
                icon: 'mdi:account-group'
                show_state: false
                show_background: true
              - entity: sensor.kitchen_cat_count
                icon: 'mdi:cat'
                show_state: false
                show_background: true
              - icon: 'mdi:brightness-auto'
                entity: input_boolean.manually_operated_light_kitchen
                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.kitchen_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.kitchen_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_kitchen'].state === 'on' ? 'mdi:hand-front-right' : 'mdi:brightness-auto')}
            modules:

###################################################################################################
###   KITCHEN LIGHTS   ############################################################################
###################################################################################################
          - type: custom:bubble-card
            card_type: button
            button_type: switch
            name: Light
            entity: input_boolean.kitchen_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-kitchen-light'
            sub_button:
              - icon: mdi:lightbulb-group
                entity: scene.kitchen_all
                show_state: false
                show_background: true
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    entity_id: input_select.kitchen_scenes
                    option: "All"
              - icon: mdi:countertop-outline
                entity: scene.kitchen_work_zone_only
                show_state: false
                show_background: true
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    entity_id: input_select.kitchen_scenes
                    option: "Work Zone Only"
              - icon: mdi:food-turkey
                entity: scene.kitchen_dinning_zone_only
                show_state: false
                show_background: true
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    entity_id: input_select.kitchen_scenes
                    option: "Dinning Zone Only"
              - icon: mdi:ceiling-light-multiple
                entity: scene.kitchen_ceiling_only
                show_state: false
                show_background: true
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    entity_id: input_select.kitchen_scenes
                    option: "Ceiling Only"
            styles: |
              .bubble-sub-button-1 > ha-icon {
                color: ${hass.states['input_select.kitchen_scenes'].state === 'All' ? 'rgb(255, 152, 0)' : ''} !important;
              }
              .bubble-sub-button-2 > ha-icon {
                color: ${hass.states['input_select.kitchen_scenes'].state === 'Work Zone Only' ? 'rgb(255, 152, 0)' : ''} !important;
              }
              .bubble-sub-button-3 > ha-icon {
                color: ${hass.states['input_select.kitchen_scenes'].state === 'Dinning Zone Only' ? 'rgb(255, 152, 0)' : ''} !important;
              }
              .bubble-sub-button-4 > ha-icon {
                color: ${hass.states['input_select.kitchen_scenes'].state === 'Ceiling Only' ? 'rgb(255, 152, 0)' : ''} !important;
              }

      - 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:

###################################################################################################
###   KITCHEN MAX   ###########################################################   BUBBLE CARD   ###
###################################################################################################
          - type: custom:bubble-card
            card_type: media-player
            entity: media_player.kitchen_max
            grid_options:
              rows: 2
              columns: 12
            scrolling_effect: false
            show_icon: true
            show_state: false
            show_attribute: false
            hide:
              play_pause_button: false
              power_button: true
              next_button: false
              previous_button: false
              volume_button: false
            card_layout: large
            cover_background: true
            sub_button: []
            name: "Kitchen Max"
            force_icon: false
            show_name: true
            show_last_changed: false
            double_tap_action:
              action: none
            hold_action:
              action: none
            styles: |
                ha-card div.bubble-media-player-container {
                  height: 119px !important;
                }
                ha-card div.bubble-cover-background {
                  filter: blur(3px);
                  opacity: 0.4;
                }
                  ha-card div.bubble-media-player {
                  bottom: 30px;
                }
                ha-card div.bubble-media-info-container {
                  display: inline;
                  position: absolute;
                  top: 95px;
                  left: 16px
                }
                ha-card div.bubble-name-container {
                  display: inline !important;
                }

                ha-icon.bubble-play-pause-button {
                  position: absolute;
                  bottom: -22px;
                  right: 8px;
                }

###################################################################################################
###   KITCHEN LIGHTS   ##############################################################   POPUP   ###
###################################################################################################
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: pop-up
                hash: '#popup-kitchen-light'
                name: Kitchen
                icon: mdi:fridge
              - type: custom:bubble-card
                card_type: button
                button_type: slider
                name: Sink
                entity: light.kitchen_sink_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: LED
                entity: light.kitchen_led_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: 'Ceiling #1'
                entity: light.kitchen_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: 'Ceiling #2'
                entity: light.kitchen_ceiling_02
                show_state: true
                tap_action:
                  action: toggle
                button_action:
                  tap_action:
                    action: toggle