type: vertical-stack
cards:
  - type: custom:frigate-card
    cameras_global:
      dimensions:
        layout:
          fit: fill
    status_bar:
      style: none
    cameras:
      - camera_entity: camera.frigate_cam04
        live_provider: go2rtc
        go2rtc:
          modes:
            - webrtc
          stream: rtsp_cam04_sub
    live:
      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_cam04
        image: /local/title-dark-double.png
        aspect_ratio: 100%
        tap_action:
          action: navigate
          navigation_path: /ai-yml/ai-cam04
        style:
          transform: initial
          top: 0px
          left: 0px
          width: 100%
          height: 100%
          opacity: 0%

      - type: state-icon
        entity: group.garage_motion
        style:
          left: 8%
          top: 95%
      - type: state-icon
        entity: binary_sensor.frigate_cam04_speech_sound
        style:
          left: 22%
          top: 95%
      - type: state-icon
        entity: sensor.east_side_vehicle_count
        style:
          left: 36%
          top: 95%
      - type: state-icon
        entity: sensor.workshop_person_count
        style:
          left: 50%
          top: 95%
      - type: state-icon
        entity: sensor.west_side_vehicle_count
        style:
          left: 64%
          top: 95%
      - type: state-icon
        entity: input_boolean.garage_occupied
        tap_action:
          action: toggle
        style:
          left: 78%
          top: 95%
      - type: state-icon
        entity: binary_sensor.garage_occupied
        style:
          top: 95%
          left: 92%

      - type: state-icon
        entity: light.garage_overhead
        tap_action:
          action: toggle
        style:
          top: 5%
          left: 50%

      - type: state-icon
        entity: cover.garage_door
        tap_action:
          action: toggle
        style:
          top: 40%
          left: 83%

      - type: conditional
        conditions:
          - entity: binary_sensor.parking_spot_vehicle_occupancy
            state: "on"
          - entity: binary_sensor.garage_door
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.parking_spot_vehicle_occupancy
            style:
              top: 43%
              left: 40%

      - type: conditional
        conditions:
          - entity: binary_sensor.from_street_vehicle_occupancy
            state: "on"
          - entity: binary_sensor.garage_door
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.from_street_vehicle_occupancy
            style:
              top: 40%
              left: 60%

      - type: conditional
        conditions:
          - entity: binary_sensor.driveway_east_side_vehicle_occupancy
            state: "on"
          - entity: binary_sensor.garage_door
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.driveway_east_side_vehicle_occupancy
            style:
              top: 50%
              left: 63%

      - type: conditional
        conditions:
          - entity: binary_sensor.driveway_center_vehicle_occupancy
            state: "on"
          - entity: binary_sensor.garage_door
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.driveway_center_vehicle_occupancy
            style:
              top: 50%
              left: 55%

      - type: conditional
        conditions:
          - entity: binary_sensor.driveway_west_side_vehicle_occupancy
            state: "on"
          - entity: binary_sensor.garage_door
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.driveway_west_side_vehicle_occupancy
            style:
              top: 50%
              left: 47%

      - type: conditional
        conditions:
          - entity: binary_sensor.walkway_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.walkway_person_occupancy
            style:
              top: 26%
              left: 72%

      - type: conditional
        conditions:
          - entity: binary_sensor.workshop_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.workshop_person_occupancy
            style:
              top: 50%
              left: 85%

      - type: conditional
        conditions:
          - entity: binary_sensor.east_side_vehicle_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.east_side_vehicle_occupancy
            style:
              top: 80%
              left: 63%

      - type: conditional
        conditions:
          - entity: binary_sensor.west_side_vehicle_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.west_side_vehicle_occupancy
            style:
              top: 80%
              left: 30%