<% if city.latest_weather_art&.image&.attached? %>

<%= image_tag city.latest_weather_art.preview_image.processed, class: "w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" %>

<%= city.latest_weather_art.temperature %>°C

Feels <%= city.latest_weather_art.feeling_temp %>°C

<%= city.name %>

<%= "#{city&.state&.name}, " if city&.state&.name %><%= city&.country&.name %>, <%= city&.region&.name %>

<%= city.latest_weather_art.description %>

<%= city.latest_weather_art.formatted_time(:date) %>

Humidity

<%= city.latest_weather_art.humidity %>%

Wind

<%= city.latest_weather_art.wind_scale %>

Visibility

<%= city.latest_weather_art.visibility %>km

<%= link_to city_path(city), class: "btn btn-primary btn-sm gap-2", data: { turbo_frame: "_top" } do %> View Details <% end %>

<% else %>

<%= city.name %>

<%= "#{city&.state&.name}, " if city&.state&.name %><%= city&.country&.name %>, <%= city&.region&.name %>

Lat: <%= city.latitude %>

Long: <%= city.longitude %>

<%= link_to city_path(city), class: "btn btn-primary btn-sm gap-2", data: { turbo_frame: "_top" } do %> View Details <% end %>

<% end %>