diff --git a/components/displayOpenBalances.vue b/components/displayOpenBalances.vue
index a3cd278..cc7c7d6 100644
--- a/components/displayOpenBalances.vue
+++ b/components/displayOpenBalances.vue
@@ -1,15 +1,28 @@
 <script setup>
 
-let unpaidCreatedDocumentsSum = ref(0)
+let unpaidInvoicesSum = ref(0)
+let unpaidInvoicesCount = ref(0)
+let draftInvoicesSum = ref(0)
+let draftInvoicesCount = ref(0)
 let unallocatedStatements = ref(0)
 const setupPage = async () => {
   let documents = (await useSupabaseSelect("createddocuments","*, statementallocations(*), customer(id,name)")).filter(i => i.type === "invoices" ||i.type === "advanceInvoices")
 
-  documents = documents.filter(i => i.statementallocations.reduce((n,{amount}) => n + amount, 0).toFixed(2) !== getDocumentSum(i).toFixed(2))
+  let draftDocuments = documents.filter(i => i.state === "Entwurf")
+  let finalizedDocuments = documents.filter(i => i.state === "Gebucht")
 
-  documents.forEach(i => {
-    unpaidCreatedDocumentsSum.value += getDocumentSum(i) - i.statementallocations.reduce((n,{amount}) => n + amount, 0)
+
+  finalizedDocuments = finalizedDocuments.filter(i => i.statementallocations.reduce((n,{amount}) => n + amount, 0).toFixed(2) !== getDocumentSum(i).toFixed(2))
+
+  finalizedDocuments.forEach(i => {
+    unpaidInvoicesSum.value += getDocumentSum(i) - i.statementallocations.reduce((n,{amount}) => n + amount, 0)
   })
+  unpaidInvoicesCount.value = finalizedDocuments.length
+
+  draftDocuments.forEach(i => {
+    draftInvoicesSum.value += getDocumentSum(i) - i.statementallocations.reduce((n,{amount}) => n + amount, 0)
+  })
+  draftInvoicesCount.value = draftDocuments.length
 
   let bankstatements = await useSupabaseSelect("bankstatements","*, statementallocations(*)","date",true)
   unallocatedStatements.value = bankstatements.filter(i => calculateOpenSum(i) !== 0).length
@@ -40,12 +53,6 @@ const calculateOpenSum = (statement) => {
 
   return startingAmount.toFixed(2)
 }
-
-const displayCurrency = (value, currency = "€") => {
-  return `${Number(value).toFixed(2).replace(".",",")} ${currency}`
-}
-
-
 </script>
 
 <template>
@@ -53,10 +60,18 @@ const displayCurrency = (value, currency = "€") => {
     <tr>
       <td>Offene Ausgangsbelege:</td>
       <td
-          v-if="unpaidCreatedDocumentsSum > 0"
+          v-if="unpaidInvoicesSum > 0"
           class="text-rose-600 font-bold text-nowrap"
-      >{{displayCurrency(unpaidCreatedDocumentsSum)}}</td>
-      <td v-else class="text-primary-500 font-bold text-no-wrap">0,00€</td>
+      >{{unpaidInvoicesCount}} Stk / {{useCurrency(unpaidInvoicesSum)}}</td>
+      <td v-else class="text-primary-500 font-bold text-no-wrap">0 Stk / 0,00€</td>
+    </tr>
+    <tr>
+      <td>Angelegte Entwürfe:</td>
+      <td
+          v-if="draftInvoicesSum > 0"
+          class="text-rose-600 font-bold text-nowrap"
+      >{{draftInvoicesCount}} Stk / {{useCurrency(draftInvoicesSum)}}</td>
+      <td v-else class="text-primary-500 font-bold text-no-wrap">0 Stk / 0,00€</td>
     </tr>
     <tr>
       <td>Nicht zugewiesene Bankbuchungen:</td>