<%= link_to city_path(@weather_art.city),
class: "btn btn-ghost btn-md gap-2 bg-base-200 hover:bg-base-300 transition-all duration-300 mb-4" do %>
<%= "#{t("button.back_to")} #{@weather_art.city.name}" %>
<% end %>
<%= @weather_art.city.full_name %> Weather Art
<%= "#{@weather_art&.city&.country&.emoji + " " || ""}#{@city&.country&.localized_name}" %>
<%= @weather_art&.city&.state&.name %>
<%= @weather_art.formatted_time(:date) %>
<%= @weather_art.formatted_time(:time, true) %>
<% if @weather_art.image.attached? %>
<% watermarked = @weather_art.webp_image.processed %>
<%= link_to rails_blob_path(watermarked),
data: {
pswp_src: rails_blob_url(watermarked),
pswp_caption: 'Weather Art',
pswp_width: 1792,
pswp_height: 1024
} do %>
<%= image_tag @weather_art.preview_image(:big).processed,
class: "w-full h-auto object-cover transition-transform hover:scale-105 duration-300 ease-in-out" %>
<% end %>
<% end %>
<%= weather_description_icon(@weather_art.description) %>
<%= @weather_art.description %>
<%= render 'weather_stats', weather_art: @weather_art %>
<%= t("title.ai_prompt") %>
<%= @weather_art.prompt %>
<%= render 'shared/map', city: @weather_art.city %>
<%= render 'shared/auto_ad' %>
<%
share_title = [
"🎨 Amazing AI Weather Art: #{@weather_art.city.full_name}",
"#{@weather_art.description} at #{@weather_art.temperature}°C",
"#{@weather_art.formatted_time(:all, true)}"
].join("\n")
share_description = [
"Discover this stunning AI-generated weather art!",
"#{@weather_art.description} in #{@weather_art.city.full_name}.",
"Created at #{@weather_art.formatted_time(:time, true)}",
"Visit TodayAIWeather to see more amazing weather art."
].join(" ")
%>
<%= render "shared/share_social",
title: share_title,
description: share_description,
tags: "AIWeather,Art,AIart,Weather,#{@weather_art.city&.name},#{@weather_art&.city&.country&.name}",
image: url_for(@weather_art.webp_image.processed)
%>