<%= t 'new_article' %>
<%= f.label :title, class: 'block text-sm font-medium leading-5 text-gray-700 field-required' %>
<%= f.text_field :title, class: 'form-input flex-1 block w-full rounded-none rounded-l-md transition duration-150 ease-in-out sm:text-sm sm:leading-5' %>
<%= f.label :product_names, class: 'block text-sm font-medium leading-5 text-gray-700 field-required' %>
<%= f.text_field :product_names, class: 'form-input flex-1 block w-full rounded-none rounded-l-md transition duration-150 ease-in-out sm:text-sm sm:leading-5', data: {whitelist: Product.list_names(20), target: "tags.output", enforcewhitelist: true} %>
<%= f.label :component_names, class: 'block text-sm font-medium leading-5 text-gray-700 field-required' %>
<%= f.text_field :component_names, class: 'form-input flex-1 block w-full rounded-none rounded-l-md transition duration-150 ease-in-out sm:text-sm sm:leading-5', data: {whitelist: Component.list_names(20), target: "tags.output", enforcewhitelist: true} %>
<%= f.label :category_names, class: 'block text-sm font-medium leading-5 text-gray-700 field-required' %>
<%= f.text_field :category_names, class: 'form-input flex-1 block w-full rounded-none rounded-l-md transition duration-150 ease-in-out sm:text-sm sm:leading-5', data: {whitelist: Category.list_names(20), target: "tags.output", enforcewhitelist: true} %>
<%= f.label :versions_affected, class: 'block text-sm font-medium leading-5 text-gray-700 field-required' %>
<%= f.text_field :versions_affected, class: 'form-input flex-1 block w-full rounded-none rounded-l-md transition duration-150 ease-in-out sm:text-sm sm:leading-5', data: {whitelist: Version.list_names(200), target: "tags.output", enforcewhitelist: true} %>
<%= f.label :issue, class: 'block text-sm font-medium leading-5 text-gray-700' %>
<%= f.text_area :issue %>
<%= f.label :solution, value: 'Resolution', class: 'block text-sm font-medium leading-5 text-gray-700' %>
<%= f.text_area :solution %>
<%= f.label :root_cause, class: 'block text-sm font-medium leading-5 text-gray-700' %>
<%= f.text_area :root_cause %>
<%= f.label :diagnostic_steps, class: 'block text-sm font-medium leading-5 text-gray-700' %>
<%= f.text_area :diagnostic_steps %>
<%= f.label :backtrack_link, class: 'block text-sm font-medium leading-5 text-gray-700' %>
<%= f.url_field :backtrack_link, class: 'form-input flex-1 block w-full rounded-none rounded-l-md transition duration-150 ease-in-out sm:text-sm sm:leading-5' %>
<%= f.label :impact, class: 'block text-sm font-medium leading-5 text-gray-700' %>
<%= f.select :impact, Article.impacts.map { |k, v| [k.humanize, k] }, {}, class: "form-input flex-1 block w-full rounded-none rounded-l-md transition duration-150 ease-in-out sm:text-sm sm:leading-5" %>
<%= f.label :tag_names, class: 'block text-sm font-medium leading-5 text-gray-700' %>
<%= f.text_field :tag_names, class: 'form-input flex-1 block w-full rounded-none rounded-l-md transition duration-150 ease-in-out sm:text-sm sm:leading-5', data: {whitelist: Tag.list_names(20), target: "tags.output", enforcewhitelist: true} %>
<%= f.button t('save'), type: :submit, class: "btn-primary", data: { disable_with: disable_with_spinner(t("save")) } %>