<%= form_with(model: [entry, Comment.new(commentable: entry)],
              data: { turbo_stream: true, comments_target: "form" },
              html: { class: "space-y-4" }) do |form| %>
  <div>
    <%= form.label :language_code, "Language", class: "block text-sm font-medium text-slate-700 mb-2" %>
    <%= form.select :language_code,
                    options_for_select(
                      [["All languages", nil]] + supported_languages.map { |lang| ["#{lang.name} (#{lang.code.upcase})", lang.code] },
                      local_assigns[:language_code].presence
                    ),
                    {},
                    {
                      data: { comments_target: "languageSelect" },
                      class: "block w-full px-3 py-2 border border-slate-300 rounded-lg shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 text-sm"
                    } %>
  </div>
  <div>
    <%= form.label :body, "Comment", class: "block text-sm font-medium text-slate-700 mb-2" %>
    <%= form.text_area :body, rows: 4, class: "block w-full border-slate-300 rounded-lg shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm", placeholder: "Add your comment..." %>
  </div>
  <div class="flex justify-end gap-2">
    <button type="button" data-action="click->comments#closeWithButton" class="px-4 py-2 text-sm font-medium text-slate-700 hover:text-slate-900 transition">
      Cancel
    </button>
    <%= form.submit "Submit", class: "bg-indigo-600 text-white px-4 py-2 rounded-lg text-sm font-semibold hover:bg-indigo-700 transition cursor-pointer" %>
  </div>
<% end %>
