title: Kiosk Dashboard
path: dashboard-kiosk
icon: mdi:view-dashboard
type: custom:vertical-stack
cards:
  # Header with Date
  - type: markdown
    content: |
      # <center>{{ now().strftime('%A, %B %d, %Y') }}</center>
      ## <center>{{ now().strftime('%I:%M %p') }}</center>
    card_mod:
      style: |
        ha-card {
          text-align: center;
          padding: 30px;
          font-size: 2.5em;
          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
          color: white;
        }
  
  # Current Weather - Large
  - type: weather-forecast
    entity: weather.forecast_home
    name: Current Weather
    show_forecast: true
    forecast_type: daily
    card_mod:
      style: |
        ha-card {
          font-size: 1.8em;
          padding: 25px;
          min-height: 300px;
        }
  
  # Sun Information
  - type: entities
    title: 🌅 Sun Information
    entities:
      - entity: sun.sun
        name: Sun Position
        icon: mdi:weather-sunny
      - entity: sensor.sun_next_rising
        name: Sunrise
        icon: mdi:weather-sunset-up
      - entity: sensor.sun_next_setting
        name: Sunset
        icon: mdi:weather-sunset-down
      - entity: sensor.sun_next_dawn
        name: Dawn
        icon: mdi:weather-sunset-up
      - entity: sensor.sun_next_dusk
        name: Dusk
        icon: mdi:weather-sunset-down
    card_mod:
      style: |
        ha-card {
          font-size: 1.4em;
          padding: 20px;
        }
  
  # Public Transport
  - type: entities
    title: 🚆 Public Transport
    entities:
      - entity: sensor.roslagsbanan_line_28_to_stockholms_ostra
        name: To Stockholm Östra
        icon: mdi:train
      - entity: sensor.roslagsbanan_line_28_to_akersberga
        name: To Åkersberga
        icon: mdi:train
      - entity: sensor.sl_departure_sensor_9636_bravalavagen
        name: SL Departure
        icon: mdi:bus
      - entity: sensor.next_departure_time
        name: Next Departure
        icon: mdi:clock-outline
    card_mod:
      style: |
        ha-card {
          font-size: 1.4em;
          padding: 20px;
        }
  
  # Camera Motion Status
  - type: entities
    title: 📹 Camera Status
    entities:
      - entity: binary_sensor.backyard_motion
        name: Backyard Motion
        icon: mdi:motion-sensor
      - entity: binary_sensor.frontdoor_motion
        name: Front Door Motion
        icon: mdi:motion-sensor
      - entity: binary_sensor.driveway_motion
        name: Driveway Motion
        icon: mdi:motion-sensor
      - entity: binary_sensor.roofcam_motion
        name: Roof Camera Motion
        icon: mdi:motion-sensor
    card_mod:
      style: |
        ha-card {
          font-size: 1.4em;
          padding: 20px;
        }
  
  # Occupancy Summary
  - type: entities
    title: 👥 Occupancy Summary
    entities:
      - entity: sensor.backyard_person_count
        name: Backyard People
        icon: mdi:account-group
      - entity: sensor.frontdoor_person_count
        name: Front Door People
        icon: mdi:account-group
      - entity: sensor.driveway_person_count
        name: Driveway People
        icon: mdi:account-group
      - entity: sensor.roofcam_person_count
        name: Roof Camera People
        icon: mdi:account-group
    card_mod:
      style: |
        ha-card {
          font-size: 1.4em;
          padding: 20px;
        }
  
  # Network Status
  - type: entities
    title: 🌐 Network Status
    entities:
      - entity: sensor.xe75_download_speed
        name: Download Speed
        icon: mdi:download
      - entity: sensor.xe75_upload_speed
        name: Upload Speed
        icon: mdi:upload
      - entity: sensor.external_ip
        name: External IP
        icon: mdi:ip-network
      - entity: binary_sensor.xe75_wan_status
        name: WAN Status
        icon: mdi:router-wireless
    card_mod:
      style: |
        ha-card {
          font-size: 1.4em;
          padding: 20px;
        }
  
  # RSS Feed - Fox News (requires RSS integration)
  - type: markdown
    content: |
      # 📰 Fox News Breaking
      *Install RSS feed integration to see news here*
    card_mod:
      style: |
        ha-card {
          font-size: 1.4em;
          padding: 20px;
          min-height: 200px;
        }
  
  # Spacer for scrolling
  - type: markdown
    content: |
      <br><br><br><br><br>
    card_mod:
      style: |
        ha-card {
          height: 500px;
        }

# Auto-scroll will be handled by CSS injection or custom card
# See instructions in kiosk-integration-suggestions.md