---
#name: Home
#icon: mdi:home

title: Security
icon: mdi:shield-home
#panel: true
visible:
  - user: 1614b22cbef54f979741cf8a6b3413ec # Alex
  - user: 76e8af2547254ef0ab523ae1ad0bf81a # Tanya
cards:
  - type: vertical-stack
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:mushroom-chips-card
            chips:
              - type: template
                icon: mdi:faucet-variant
                icon_color: "{% if is_state('binary_sensor.presence_kitchen_sensor_1', 'on') -%} #FFC107 {%- else -%} #44739E {%- endif %}"
                entity: binary_sensor.presence_kitchen_sensor_1
                tap_action:
                  action: more-info
              - type: template
                icon: mdi:sofa
                icon_color: "{% if is_state('binary_sensor.presence_living_room_sensor_1', 'on') -%} #FFC107 {%- else -%} #44739E {%- endif %}"
                entity: binary_sensor.presence_living_room_sensor_1
                tap_action:
                  action: more-info
              - type: template
                icon: mdi:bed-king
                icon_color: "{% if is_state('binary_sensor.presence_bedroom_master_sensor_1', 'on') -%} #FFC107 {%- else -%} #44739E {%- endif %}"
                entity: binary_sensor.presence_bedroom_master_sensor_1
                tap_action:
                  action: more-info
              - type: template
                icon: mdi:bed
                icon_color: "{% if is_state('binary_sensor.presence_bedroom_maxim_sensor_1', 'on') -%} #FFC107 {%- else -%} #44739E {%- endif %}"
                entity: binary_sensor.presence_bedroom_maxim_sensor_1
                tap_action:
                  action: more-info
              - type: template
                icon: mdi:bed
                icon_color: "{% if is_state('binary_sensor.presence_bedroom_olivia_sensor_1', 'on') -%} #FFC107 {%- else -%} #44739E {%- endif %}"
                entity: binary_sensor.presence_bedroom_olivia_sensor_1
                tap_action:
                  action: more-info
              - type: template
                icon: mdi:stairs
                icon_color: "{% if is_state('binary_sensor.presence_stairwell_sensor_1', 'on') -%} #FFC107 {%- else -%} #44739E {%- endif %}"
                entity: binary_sensor.presence_stairwell_sensor_1
                tap_action:
                  action: more-info
              - type: template
                icon: mdi:garage-variant
                icon_color: "{% if is_state('binary_sensor.presence_garage_sensor_1', 'on') -%} #FFC107 {%- else -%} #44739E {%- endif %}"
                entity: binary_sensor.presence_garage_sensor_1
                tap_action:
                  action: more-info

      - type: custom:bubble-card
        card_type: button
        button_type: name
        name: Security
        icon: mdi:shield-check
        show_state: true
        show_last_changed: true
        sub_button:
          - name: Doors
            icon: mdi:door-open
            shiw_state: false
            show_background: true
            tap_action:
              action: navigate
              navigation_path: '#popup-open-doors'
          - name: Windows
            icon: mdi:window-open
            show_background: true
            tap_action:
              action: navigate
              navigation_path: '#popup-open-windows'
          - name: Lights
            icon: mdi:lightbulb-group
            tap_action:
              action: navigate
              navigation_path: '#popup-on-lights'
        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-2 {
            background-color: white !important;
          }
          .bubble-sub-button-3 {
            background-color: white !important;
          }

      - type: horizontal-stack
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:door-open
            icon_color: blue
            badge_icon: "{% if states('sensor.number_doors_open') | int > 0 -%}{{ 'mdi:numeric-' + states('sensor.number_doors_open') + '-circle' }}{%- endif %}"
            badge_color: red
            fill_container: false
            card_mod:
              style: "ha-card { border: none; background: none; }"
            tap_action:
              action: fire-dom-event
              browser_mod:
                service: browser_mod.popup
                data:
                  title: HTML content
                  content:
                    type: glance
                    entities:
                      - binary_sensor.door_entrance_01
                      - binary_sensor.door_kitchen_01
                      - binary_sensor.door_garage_01_contact
          - type: custom:mushroom-template-card
            icon: mdi:window-open
            icon_color: blue
            badge_icon: "{% if states('sensor.number_windows_open') | int > 0 -%}{{ 'mdi:numeric-' + states('sensor.number_windows_open') + '-circle' }}{%- endif %}"
            badge_color: red
            fill_container: false
            card_mod:
              style: "ha-card { border: none; background: none; }"
          - type: custom:mushroom-template-card
            icon: mdi:lightbulb
            icon_color: blue
            badge_icon: "{% if states('sensor.number_light_on') | int > 0 -%}{{ 'mdi:numeric-' + states('sensor.number_light_on') + '-circle' }}{%- endif %}"
            badge_color: red
            fill_container: false
            card_mod:
              style: "ha-card { border: none; background: none; }"
            tap_action:
              action: fire-dom-event
              browser_mod:
                service: browser_mod.popup
                data:
                  title: HTML content
                  content:
                    type: glance
                    entities:
                      - light.aisle_ceiling_01
                      - light.aisle_ceiling_02
                      - light.attic_bulb_01
                      - light.backyard_01
                      - light.bathroom_bedroom_wall_01
                      - light.bathroom_living_room_01
                      - light.bathroom_master_wall_01
                      - light.bedroom_master_ceiling_01
                      - light.bedroom_master_ceiling_02
                      - light.bedroom_master_floor_lamp_01
                      - light.bedroom_master_floor_lamp_02
                      - light.bedroom_max_ceiling_01
                      - light.bedroom_max_table_01
                      - light.bedroom_olivia_ceiling_01
                      - light.bedroom_olivia_floor_01
                      - light.christmas_tree
                      - light.frontyard_decoration_01
                      - light.garage_ceiling_01
                      - light.garage_gate_01
                      - light.kitchen_decorating_01
                      - light.kitchen_led_01
                      - light.kitchen_sink_01
                      - light.light_bed_bedroom_master_01
                      - light.light_bed_max_01
                      - light.light_kitchen_ceiling_01
                      - light.light_kitchen_ceiling_02
                      - light.living_room_ceiling_01
                      - light.living_room_ceiling_02
                      - light.living_room_ceiling_03
                      - light.living_room_ceiling_04
                      - light.living_room_floor_lamp_01
                      - light.living_room_strip_01
                      - light.living_room_tiles_01
                      - light.porch_01
      - type: custom:mushroom-chips-card
        chips:
          - type: template
            content: "Open Windows ({{ states('sensor.number_windows_open') | int }}) Doors ({{ states('sensor.number_doors_open') | int }}) Light ({{ states('sensor.number_light_on') | int }})"
      - type: horizontal-stack
        cards:
          - image: /local/profile_savin_alex.jpg
            type: picture-entity
            show_name: false
            tap_action:
              action: more-info
            entity: person.alexander_savin
          - image: /local/profile_savin_tanya.jpg
            type: picture-entity
            show_name: false
            tap_action:
              action: more-info
            entity: person.tatiana_savin
      - type: horizontal-stack
        cards:
          - image: /local/profile_savin_maxim.jpg
            type: picture-entity
            show_name: false
            tap_action:
              action: more-info
            entity: person.maxim_savin
          - image: /local/profile_savin_olivia.jpg
            type: picture-entity
            show_name: false
            tap_action:
              action: more-info
            entity: person.olivia_savin
      - type: map
        aspect_ratio: 100%
        entities:
          - entity: person.alexander_savin
          - entity: person.tatiana_savin
          - entity: person.maxim_savin
          - entity: person.olivia_savin
          - entity: device_tracker.subaru_outback_txt
          - zone.home
          - zone.npfd
          - zone.work_kiswe
          - zone.ymca_berkley_heights
          - zone.nphs_school
          - zone.awr_school
#      - type: map
#        aspect_ratio: 100%
#        entities:
#          - entity: person.maxim
  - type: vertical-stack
    cards:
      - type: horizontal-stack
        cards:
          - type: 'custom:mushroom-lock-card'
            name: Main Lock
            entity: lock.lock_01
            fill_container: true
            layout: horizontal
#            show_name: false
#            icon: mdi:lock
#            size: 50px
#            state:
#              - value: "locked"
#                color: rgb(79, 114, 154)
#                icon: mdi:lock-smart
#              - value: "unlocked"
#                color: red
#                icon: mdi:lock-smart
            tap_action:
              action: toggle
#      - type: custom:mushroom-climate-card
#        entity: climate.living_room
#        name: Thermostat
#        show_temperature_control: true
#        hvac_modes:
#          - heat
#          - cool
#          - off
#        layout: vertical

      - type: horizontal-stack
        cards:
          - type: 'custom:simple-thermostat'
            entity: climate.living_room
            step_size: 1
            header: false
            control:
              hvac:
                'off':
                  name: 'Off'
                cool:
                  name: A/C
                heat:
                  name: Heat
                heat_cool: false
            sensors:
              - entity: sensor.power_house_6_1d
                name: Blower Energy
              - entity: sensor.power_house_8_1d
                name: AC Energy
#      - type: alarm-panel
#        entity: alarm_control_panel.alarm
#        title: Alarm Panel
#        hide_keypad: false
#        style: '--alarm-color-disarmed: var(--label-badge-blue);'
#        states:
#          - arm_home
#          - arm_away
#      - type: thermostat
#        entity: climate.living_room
      - type: horizontal-stack
        cards:
          - type: custom:xiaomi-vacuum-map-card
            entity: vacuum.roborock_s5_max
            map_source:
              camera: camera.xiaomi_cloud_map_extractor
            calibration_source:
              camera: true
            debug: false
            map_modes:
              - template: vacuum_clean_zone
              - template: vacuum_goto
              - template: vacuum_clean_zone_predefined
                predefined_selections:
                  - zones: [[26600,21200,23600,27000]] # Kitchen
                  - zones: [[32700,26000,26600,20700]] # Living Room
            map_locked: true
  - type: vertical-stack
    cards:
      - type: weather-forecast
        entity: weather.my_weather_station
        secondary_info_attribute: humidity
        show_current: true
        show_forecast: true
      - type: horizontal-stack
        cards:
          - type: picture
            image: https://objects.savin.nyc/api/frontyard/person/best.jpg
          - type: picture
            image: https://objects.savin.nyc/api/side1/person/best.jpg
      - type: horizontal-stack
        cards:
          - type: picture
            image: https://objects.savin.nyc/api/doorbell/person/best.jpg
          - type: picture
            image: https://objects.savin.nyc/api/entrance/person/best.jpg
      - type: horizontal-stack
        cards:
          - type: picture
            image: https://objects.savin.nyc/api/side2/person/best.jpg
          - type: picture
            image: https://objects.savin.nyc/api/backyard/person/best.jpg
#      - type: custom:auto-entities
#        card:
#          type: entities
#        filter:
#        template: "{{states.light | map(attribute='entity_id') | list}}"