---
title: Garage
icon: mdi:garage-variant
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_garage_sensor_1', 'on') -%}mdi:account-multiple{%- else -%}mdi:account-off-outline{%- endif %}"
                icon_color: "{% if is_state('binary_sensor.presence_garage_sensor_1', 'on') -%} #FFC107 {%- else -%} #44739E {%- endif %}"
                badge_icon: mdi:numeric-1-circle
                badge_color: green
                entity: binary_sensor.presence_garage_sensor_1
                tap_action:
                  action: more-info
#              - type: template
#                icon: "{% if is_state('binary_sensor.dome_z_wave_plus_motion_detector_with_light_sensor_and_flexible_magnetic_mount_home_security_motion_detection_8', 'on') -%}mdi:motion-sensor{%- else -%}mdi:motion-sensor-off{%- endif %}"
#                icon_color: "{% if is_state('binary_sensor.dome_z_wave_plus_motion_detector_with_light_sensor_and_flexible_magnetic_mount_home_security_motion_detection_8', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
#                entity: binary_sensor.dome_z_wave_plus_motion_detector_with_light_sensor_and_flexible_magnetic_mount_home_security_motion_detection_8
#                tap_action:
#                  action: more-info
              - type: template
                icon: "{% if is_state('binary_sensor.door_garage_01_contact', 'on') -%}mdi:door-open{%- else -%}mdi:door-closed{%- endif %}"
                icon_color: "{% if is_state('binary_sensor.door_garage_01_contact', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
                entity: binary_sensor.door_garage_01_contact
                tap_action:
                  action: more-info
              - type: template
                icon: "{% if is_state('binary_sensor.cover_garage_01_contact', 'on') -%}mdi:garage-open-variant{%- else -%}mdi:garage-variant{%- endif %}"
                icon_color: "{% if is_state('binary_sensor.cover_garage_01_contact', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
                entity: binary_sensor.cover_garage_01_contact
                tap_action:
                  action: more-info
              - type: template
                icon: "{% if is_state('binary_sensor.smoke_garage_01_smoke', 'on') -%}mdi:smoke-detector-variant-alert{%- else -%}mdi:smoke-detector-variant{%- endif %}"
                icon_color: "{% if is_state('binary_sensor.smoke_garage_01_smoke', 'on') -%}#D40909{%- else -%}#44739E{%- endif %}"
                entity: binary_sensor.smoke_garage_01_smoke
                tap_action:
                  action: more-info
          - type: horizontal-stack
            cards:
              - type: custom:mini-graph-card
                line_color: orange
                font_size: 75
                font_size_header: 12
                entities:
                  - entity: sensor.climate_garage_01_temperature
                hours_to_show: 24
                points_per_hour: 4
                align_icon: state
                align_state: left
                show:
                  name: false
              - type: custom:mini-graph-card
                line_color: blue
                font_size: 75
                font_size_header: 12
                entities:
                  - entity: sensor.climate_garage_01_humidity
                hours_to_show: 24
                points_per_hour: 4
                align_icon: state
                align_state: left
                show:
                  name: false
              - type: custom:mini-graph-card
                line_color: red
                font_size: 75
                font_size_header: 12
                entities:
                  - entity: sensor.presence_garage_light_level
                hours_to_show: 24
                points_per_hour: 4
                align_icon: state
                align_state: left
                show:
                  name: false
          - type: horizontal-stack
            cards:
              - type: tile
                entity: light.garage_ceiling_01
                icon: mdi:ceiling-light
                color: orange
                features:
                  - type: "light-brightness"
                tap_action:
                  action: toggle
                hold_action:
                  action: more-info
              - type: tile
                entity: cover.garage_gate
                features:
                  - type: "cover-open-close"
                tap_action:
                  action: toggle
                  confirmation:
                    text: Are you sure you want to operate Garage Door?
          - type: horizontal-stack
            cards:
              - type: tile
                entity: lock.subaru_outback_txt_lock
                features:
                  - type: "lock-commands"
                tap_action:
                  action: toggle
                  confirmation:
                    text: Are you sure you want to lock Subaru?
              - type: tile
                entity: switch.subaru_outback_txt_ignition
      - type: custom:layout-break
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: 'custom:webrtc-camera'
                url: 'rtsp://10.10.11.110:8554/garage'
                title: 'Garage'
                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_garage
#          - type: custom:flipdown-timer-card
#            entity: timer.app_lighting_garage
#            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_garage
              - type: button
                name: Operating Mode
                entity: input_boolean.manually_operated_light_garage
              - type: button
                name: Occupants
                entity: input_number.occupants_garage
          - type: custom:mini-media-player
            entity: media_player.garage
            artwork: cover