######################################################################
# @CCOSTAN - Follow Me on X
# For more info visit https://www.vcloudinfo.com/click-here
# Original Repo : https://github.com/CCOSTAN/Home-AssistantConfig
# -------------------------------------------------------------------
# Overview Partial - camera sections
#  Standardized access ribbon followed by live exterior cameras.
# -------------------------------------------------------------------
# Notes: Entry controls reuse the same shared template as the Home ribbon.
######################################################################

- type: grid
  column_span: 4
  columns: 1
  square: false
  cards:
  - type: custom:layout-card
    grid_options:
      columns: full
    layout_type: custom:grid-layout
    layout:
      grid-template-columns: repeat(3, minmax(0, 1fr))
      grid-auto-flow: row
      grid-auto-rows: min-content
      align-items: center
      grid-gap: 10px
      margin: 0
      mediaquery:
        "(max-width: 900px)":
          grid-template-columns: repeat(2, minmax(0, 1fr))
    cards:
    - type: custom:button-card
      template: bearstone_overview_ribbon_control
      entity: cover.large_garage_door
      name: Large Garage
      icon: mdi:garage
      variables:
        ok_states:
        - closed
        warning_states:
        - opening
        - closing

    - type: custom:button-card
      template: bearstone_overview_ribbon_control
      entity: cover.small_garage_door
      name: Small Garage
      icon: mdi:garage
      variables:
        ok_states:
        - closed
        warning_states:
        - opening
        - closing

    - type: custom:button-card
      template: bearstone_overview_ribbon_control
      entity: lock.front_door
      name: Front Door
      icon: mdi:door-closed-lock
      variables:
        ok_states:
        - locked

- type: grid
  cards:
  - type: picture-glance
    camera_image: camera.frontdoorbell
    camera_view: auto
    entities: []
    grid_options:
      columns: 12
      rows: 7
  - type: picture-glance
    camera_image: camera.poolcam
    camera_view: auto
    entities: []
- type: grid
  column_span: 3
  cards:
  - type: picture-glance
    camera_image: camera.garagecam
    camera_view: auto
    entities: []
  - type: picture-glance
    camera_image: camera.frontlawn
    camera_view: auto
    entities: []
  - type: picture-glance
    camera_image: camera.driveway
    camera_view: auto
    entities: []
  - type: picture-glance
    camera_image: camera.kidsgate
    camera_view: auto
    entities: []
  - type: picture-glance
    camera_image: camera.bedroomgate
    camera_view: auto
    entities: []
  - type: picture-glance
    camera_image: camera.filtergate
    camera_view: auto
    entities: []
  - type: custom:frigate-events-card
    frigate_client_id: frigate
    event_count: 3
    video: true
    video_on_hover: true