<%= form_with(model: product, class: "contents") do |form| %>
<% if product.errors.any? %>
<%= pluralize(product.errors.count, "error") %> prohibited this product from being saved:
<% product.errors.each do |error| %>
- <%= error.full_message %>
<% end %>
<% end %>
<%= form.label :title %>
<%= form.text_field :title, class: ["block shadow-sm rounded-md border px-3 py-2 mt-2 w-full", {"border-gray-400 focus:outline-blue-600": product.errors[:title].none?, "border-red-400 focus:outline-red-600": product.errors[:title].any?}] %>
<%= form.label :description %>
<%= form.textarea :description, rows: 10, class:
["block shadow-sm rounded-md border px-3 py-2 mt-2 w-full",
{"border-gray-400 focus:outline-blue-600":
product.errors[:description].none?,
"border-red-400 focus:outline-red-600":
product.errors[:description].any?}] %>
<%= form.label :image %>
<%= form.file_field :image, accept: "image/*", class:
["block shadow-sm rounded-md border px-3 py-2 mt-2 w-full",
{"border-gray-400 focus:outline-blue-600": product.errors[:image].none?,
"border-red-400 focus:outline-red-600": product.errors[:image].any?}] %>
<%= form.label :price %>
<%= form.text_field :price, class: ["block shadow-sm rounded-md border px-3 py-2 mt-2 w-full", {"border-gray-400 focus:outline-blue-600": product.errors[:price].none?, "border-red-400 focus:outline-red-600": product.errors[:price].any?}] %>
<%= form.submit class: "w-full sm:w-auto rounded-md px-3.5 py-2.5 bg-blue-600 hover:bg-blue-500 text-white inline-block font-medium cursor-pointer" %>
<% end %>