type: vertical-stack
cards:
  - type: custom:frigate-card
    cameras:
      - camera_entity: camera.frigate_cam01
        live_provider: go2rtc
        go2rtc:
          modes:
            - webrtc
          stream: rtsp_cam01_sub
        icon: mdi:yoga
        title: Blue Room
        id: blue_room
    live:
      auto_mute: all
      layout:
        fit: fill
      preload: true
      draggable: true
      show_image_during_load: false
      lazy_load: false
      controls:
        title:
          mode: none
        timeline:
          mode: none
        thumbnails:
          mode: none
    menu:
      buttons:
        frigate:
          enabled: false
      style: none
    media_viewer:
      draggable: false
      lazy_load: false
    dimensions:
      aspect_ratio_mode: static
      aspect_ratio: '16:9'
    elements:
      - type: image
        image: /local/title-dark-double.png
        style:
          transform: initial
          top: 90%
          left: 0px
          width: 100%
          height: 10%
          opacity: 70%
      - type: image
        entity: camera.frigate_cam01
        image: /local/title-dark-double.png
        aspect_ratio: 100%
        tap_action:
          action: navigate
          navigation_path: /ai-yml/ai-cam01
        style:
          transform: initial
          top: 0px
          left: 0px
          width: 100%
          height: 100%
          opacity: 0%

      - type: state-icon
        entity: group.blue_room_motion
        style:
          left: 8%
          top: 95%
      - type: state-icon
        entity: binary_sensor.frigate_cam01_speech_sound
        style:
          left: 30%
          top: 95%
      - type: state-icon
        entity: sensor.furnace_room_person_count
        style:
          left: 50%
          top: 95%
      - type: state-icon
        entity: input_boolean.blue_room_occupied
        tap_action:
          action: toggle
        style:
          left: 70%
          top: 95%
      - type: state-icon
        entity: binary_sensor.blue_room_occupied
        style:
          top: 95%
          left: 92%

      - type: conditional
        conditions:
          - entity: binary_sensor.blue_room_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.blue_room_person_occupancy
            style:
              top: 65%
              left: 45%
      - type: conditional
        conditions:
          - entity: binary_sensor.furnace_room_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.furnace_room_person_occupancy
            style:
              top: 22%
              left: 83%

      - type: conditional
        conditions:
          - entity: light.blue_room_closet
            state: "on"
        elements:
          - type: state-icon
            entity: light.blue_room_closet
            style:
              top: 7%
              left: 60%
            tap_action:
              action: toggle

      - type: conditional
        conditions:
          - entity: light.blue_room_hue
            state: "on"
        elements:
          - type: state-icon
            entity: light.blue_room_hue
            style:
              top: 7%
              left: 50%
            tap_action:
              action: toggle

      - type: conditional
        conditions:
          - entity: light.furnace_room
            state: "on"
        elements:
          - type: state-icon
            entity: light.furnace_room
            style:
              top: 7%
              left: 82%
            tap_action:
              action: toggle