<%= form_with url: cities_path, method: :get, class: "relative", data: { controller: "search", turbo_frame: "cities_results", turbo_action: "advance" } do |f| %>

<%= f.text_field :query, value: params[:query] ? URI.decode_www_form_component(params[:query]) : nil, class: "w-full pl-12 pr-12 py-3 rounded-full bg-base-200/80 backdrop-blur border border-base-300 focus:outline-none focus:ring-2 focus:ring-primary/50 transition", placeholder: "Search cities...", autocomplete: "off", data: { action: "input->search#submit", search_target: "input" } %>

<% if params[:query].present? %> <%= link_to cities_path, class: "text-base-content/50 hover:text-base-content transition", data: { search_target: "clearButton" } do %> <% end %> <% end %>

<%= f.hidden_field :region, value: params[:region] if params[:region] %> <%= f.hidden_field :country, value: params[:country] if params[:country] %> <% end %>