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

      - type: state-icon
        entity: binary_sensor.front_yard_person_occupancy
        style:
          left: 8%
          top: 95%
      - type: state-icon
        entity: binary_sensor.frigate_cam18_speech_sound
        style:
          left: 30%
          top: 95%

      - type: state-icon
        entity: binary_sensor.frigate_cam18_vehicle_occupancy
        style:
          left: 50%
          top: 95%
      - type: state-icon
        entity: input_boolean.front_yard_occupied
        tap_action:
          action: toggle
        style:
          left: 70%
          top: 95%
      - type: state-icon
        entity: cover.garage_door
        style:
          top: 95%
          left: 92%

      - type: conditional
        conditions:
          - entity: binary_sensor.driveway_east_side_vehicle_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.driveway_east_side_vehicle_occupancy
            style:
              top: 35%
              left: 65%

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

      - type: conditional
        conditions:
          - entity: binary_sensor.driveway_west_side_vehicle_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.driveway_west_side_vehicle_occupancy
            style:
              top: 55%
              left: 45%

      - type: conditional
        conditions:
          - entity: binary_sensor.parking_spot_vehicle_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.parking_spot_vehicle_occupancy
            style:
              top: 35%
              left: 2%

      - type: conditional
        conditions:
          - entity: binary_sensor.from_street_vehicle_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.from_street_vehicle_occupancy
            style:
              top: 17%
              left: 12%

      - type: conditional
        conditions:
          - entity: binary_sensor.from_street_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.from_street_person_occupancy
            style:
              top: 17%
              left: 17%

      - type: conditional
        conditions:
          - entity: binary_sensor.front_porch_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.front_porch_person_occupancy
            style:
              top: 32%
              left: 97%

      - type: conditional
        conditions:
          - entity: binary_sensor.front_yard_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.front_yard_person_occupancy
            style:
              top: 12%
              left: 76%

      - type: conditional
        conditions:
          - entity: binary_sensor.front_yard_animal_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.front_yard_animal_occupancy
            style:
              top: 12%
              left: 71%

      - type: state-icon
        entity: light.front_porch_overhead
        style:
          top: 12%
          left: 98%
        tap_action:
          action: toggle

      - type: state-icon
        entity: light.driveway
        style:
          top: 80%
          left: 98%
        tap_action:
          action: toggle