Initial line item idea

app/views/line_items/_invoice_line_item_fields.html.erb

@@ -0,0 +1,13 @@
+<div class="line-item">
+  <%= f.hidden_field :id %>
+
+  <%= f.text_field :description, placeholder: "Description" %>
+  <%= f.number_field :quantity, step: 1 ,placeholder: "Quantity"%>
+  <%= f.number_field :unit_price, step: 0.01, placeholder: "Unit Price" %>
+
+  <%= f.hidden_field :_destroy %>
+
+  <button type="button" data-action="nested-form#remove">
+    Remove
+  </button>
+</div>

app/views/line_items/_issue_form.html.erb

@@ -0,0 +1,31 @@
+<%= form_with model: @issue do |f| %>
+
+  <!-- Existing issue fields -->
+
+  <h3>Invoice Line Items</h3>
+
+  <div
+    data-controller="nested-form"
+    data-nested-form-wrapper-selector-value=".line-item"
+  >
+    <div data-nested-form-target="container">
+      <%= f.fields_for :invoice_line_items do |item_form| %>
+        <%= render "line_items/invoice_line_item_fields", f: item_form %>
+      <% end %>
+    </div>
+
+    <template data-nested-form-target="template">
+      <%= f.fields_for :invoice_line_items,
+            LineItem.new,
+            child_index: "NEW_RECORD" do |item_form| %>
+        <%= render "line_items/invoice_line_item_fields", f: item_form %>
+      <% end %>
+    </template>
+
+    <button type="button" data-action="nested-form#add">
+      Add Line Item
+    </button>
+  </div>
+
+  <%= f.submit %>
+<% end %>