<% featured_art = @latest_arts.first %>
<% if featured_art&.image&.attached? %>
<%= image_tag featured_art.webp_image.processed, class: "w-full h-full object-cover object-center" %>
<% end %>

<%= t("cities.title") %>

<%= t("arts.subtitle") %>

<% if featured_art %>
<%= t("text.latest_from") %> <%= featured_art.city.name %>, <%= featured_art.city.country.localized_name %> • <%= featured_art.formatted_time(:date) %>
<% end %> <%= render 'cities/search_city' %>
  • <%= link_to cities_path, class: "#{@current_region ? '' : 'active'}" do %> <%= t("text.all_regions") %> <% end %>
    • <% @regions.each do |region| %>
  • <%= link_to region.localized_name, cities_path(region: region.slug), class: "#{@current_region == region ? 'active' : ''}" %>
    • <% end %>
<% if @current_region %>
  • <%= link_to "#{t("text.all_in")} #{@current_region.localized_name}", cities_path(region: @current_region.slug), class: "#{@current_country ? '' : 'active'}" %>
    • <% @current_region.countries.order(:name).each do |country| %>
  • <%= link_to "#{country&.emoji + " " || ""}#{country.localized_name}", cities_path(region: @current_region.slug, country: country.slug), class: "#{@current_country == country ? 'active' : ''}" %>
    • <% end %>
<% end %>
<%= turbo_frame_tag "cities_results" do %> <%= render "cities/results", cities: @cities %> <% end %>