fresh-home/lovelace/cameras/view-camera-04.yaml

type: conditional
conditions:
  - condition: state
    entity: sensor.garage_cam_camera_fps
    state_not: "0"
card:
  type: vertical-stack
  cards:
    - type: custom:advanced-camera-card
      cameras_global:
        dimensions:
          layout:
            fit: fill
      status_bar:
        style: none
      cameras:
        - camera_entity: camera.garage_cam
          live_provider: go2rtc
      performance:
        profile: low
      live:
        preload: true
        draggable: true
        show_image_during_load: true
        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
      view:
        update_force: true
        update_seconds: 0
      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.garage_cam
          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: binary_sensor.garage_motion
          style:
            left: 8%
            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_vehicle_occupancy
              state: "on"
            - entity: binary_sensor.garage_door
              state: "on"
          elements:
            - type: state-icon
              entity: binary_sensor.driveway_vehicle_occupancy
              style:
                top: 50%
                left: 55%

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