<% if @city.latest_weather_art&.image&.attached? %> <%= image_tag @city.latest_weather_art.image, class: "w-full h-full object-cover" %>

<% end %>

<%= link_to cities_path, class: "btn btn-ghost btn-circle bg-base-100/50 backdrop-blur-sm hover:bg-base-100/70" do %> <% end %>

<%= @city.localized_name %>

<%= @city.country.name %>, <%= @city.region %> • <%= Time.current.in_time_zone(@city.timezone).strftime("%Y-%m-%d %H:%M") %>

Latest Weather

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

<%= @city.latest_weather_art&.description %>

Coordinates

<%= @city.latitude %>°N,
<%= @city.longitude %>°E

Geographical Location

Weather Records

<%= @city.weather_arts.count %>

Total Entries

Weather Art History

Last Updated

<%= time_ago_in_words(@city.last_weather_fetch) if @city.last_weather_fetch %>

<% @city.weather_arts.order(weather_date: :desc).each do |art| %>

<% if art.image.attached? %> <%= image_tag art.image, class: "w-full h-full object-cover transform hover:scale-105 transition-transform duration-500" %> <% end %>

<%= art.temperature %>°C

<%= art.weather_date.strftime("%H:%M") %>

<%= art.weather_date.strftime("%B %d, %Y") %>

<%= art.description %>

Humidity: <%= art.humidity %>%

Wind: <%= art.wind_scale %>

<%= link_to city_weather_art_path(@city, art), class: "btn btn-primary btn-block" do %> View Details <% end %>

<% end %>