<%= styled_form_with model: @import, url: upload_import_path(@import), class: "dropzone space-y-4", data: { controller: "import-upload", import_upload_accepted_types_value: ["text/csv", "application/csv", ".csv"], import_upload_extension_value: "csv", import_upload_unacceptable_type_label_value: t(".allowed_filetypes") }, method: :patch, multipart: true do |form| %>

<%= lucide_icon "plus", class: "w-5 h-5 text-gray-500" %> <%= form.file_field :raw_file_str, class: "hidden", direct_upload: false, accept: "text/csv,.csv,application/csv", data: { import_upload_target: "input", action: "change->import-upload#addFile" } %>

Drag and drop your csv file here or click to browse

CSV (Max. 5MB)

<%= form.submit t(".next"), class: "px-4 py-2 mb-4 block w-full rounded-lg bg-alpha-black-25 text-gray text-sm font-medium", data: { import_upload_target: "submit", turbo_confirm: (@import.raw_file_str? ? { title: t(".confirm_title"), body: t(".confirm_body"), accept: t(".confirm_accept") } : nil) } %> <% end %>

<%= lucide_icon("info", class: "w-5 h-5 shrink-0") %>

<%= t(".instructions") %> <%= link_to "download this template", "/transactions.csv", download: "" %>

<%= render partial: "imports/sample_table" %>