title: Weather
path: weather
icon: mdi:weather-sunny
type: sidebar
visible:
  - user: 24a4bd075e7f41a497dd0390a1dd4a9f
cards:
  - type: iframe
    url: >-
      https://embed.windy.com/embed2.html?lat=42.534&lon=-85.842&detailLat=42.439&detailLon=-85.838&width=650&height=450&zoom=9&level=surface&overlay=radar&product=radar&menu=&message=&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=&metricWind=default&metricTemp=default&radarRange=-1

  - type: vertical-stack
    view_layout:
      position: sidebar
    cards:
      - type: custom:horizon-card
        moon: true
        refresh_period: 60
        fields:
          sunrise: true
          sunset: true
          dawn: true
          noon: true
          dusk: true
          # azimuth: true
          # sun_azimuth: true
          # moon_azimuth: true
          # elevation: true
          # sun_elevation: true
          # moon_elevation: true
          moonrise: true
          moonset: true
          moon_phase: true


      - type: weather-forecast
        entity: weather.openweathermap
        name: Next 5 Hours
        show_current: true
        show_forecast: true
        forecast_type: hourly

      - type: weather-forecast
        entity: weather.thermostat
        name: Next 5 Days
        show_current: true
        show_forecast: true
        forecast_type: daily

      # - type: custom:hourly-weather
      #   entity: weather.openweathermap_hourly
      #   icons: true
      #   name: ""
      #   hide_hours: false

      # - type: markdown
      #   content: >-
      #     <h2> Weather Forecast<h2>
      #     <h3>Now: {{ states('weather.openweathermap_hourly') }}</h3>
      #     <h3>Next 12 Hours:</h3>
      #     {% for forecast in state_attr("weather.openweathermap_hourly","forecast") -%}
      #       {{ forecast.condition }} - {{ forecast.precipitation_probability }}% chance of precipitation

      #     {% endfor %}