Added very basic controls to edit a projects BOM

templates/AdminPages/DeviceAdmin.html.twig

@@ -12,6 +12,32 @@
     {% trans %}device.new{% endtrans %}
 {% endblock %}
 
+{% block additional_pills %}
+    <li class="nav-item"><a data-bs-toggle="tab" class="nav-link link-anchor" href="#bom">BOM</a></li>
+{% endblock %}
+
 {% block additional_controls %}
     {{ form_row(form.description) }}
+{% endblock %}
+
+{% block additional_panes %}
+    <div class="tab-pane" id="bom">
+        {% form_theme form.bom_entries with ['Form/collection_types_layout.html.twig'] %}
+
+        {% import 'components/collection_type.macro.html.twig' as collection %}
+        <div {{ collection.controller(form.bom_entries, 'attachment.edit.delete.confirm') }}>
+            <table class="table table-striped table-sm" {{ collection.target() }}>
+                <tbody>
+                {% for attachment in form.bom_entries %}
+                    {{ form_widget(attachment) }}
+                {% endfor %}
+                </tbody>
+            </table>
+
+            <button type="button" class="btn btn-success" {{ collection.create_btn() }}>
+                <i class="fas fa-plus-square fa-fw"></i>
+                {% trans %}attachment.create{% endtrans %}
+            </button>
+        </div>
+    </div>
 {% endblock %}