Many Changes

spaces/pages/products/[mode]/[[id]].vue

@@ -107,10 +107,12 @@ setupPage()
         {{tag}}
       </UBadge>
 
+
+
       <UDivider
         class="my-2"
       />
-
+      <span v-if="currentProduct.purchasePrice">Einkaufspreis: {{Number(currentProduct.purchasePrice).toFixed(2)}} €<br></span>
       Bestand: {{dataStore.getStockByProductId(currentProduct.id)}} {{dataStore.units.find(unit => unit.id === currentProduct.unit) ? dataStore.units.find(unit => unit.id === currentProduct.unit).name : ""}}
 
       <DevOnly>
@@ -193,6 +195,26 @@ setupPage()
             v-model="itemInfo.ean"
         />
       </UFormGroup>
+      <UFormGroup
+          label="Barcode:"
+      >
+        <UInput
+            v-model="itemInfo.barcode"
+        />
+      </UFormGroup>
+      <UFormGroup
+          label="Einkaufspreis:"
+      >
+        <UInput
+            v-model="itemInfo.purchasePrice"
+            type="number"
+            steps="0.01"
+        >
+          <template #trailing>
+            <span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
+          </template>
+        </UInput>
+      </UFormGroup>
 
 
       <template #footer>