# Invoices

In this menu you can view and edit your customers' invoices or enter and send invoices. An invoice does not necessarily have to be related to a plan or a module, which is why this tool can also be used for other purposes.

<figure><img src="https://4165049393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuUY7tl3j0xMLQbwSQOYv%2Fuploads%2FMmMsboxcSj5rIU3R5DtH%2Fimage.png?alt=media&#x26;token=86c1081a-a4d2-4e63-acae-d1777f999c71" alt=""><figcaption></figcaption></figure>

## Invoice states

The following states for invoices exist in saaster:

<figure><img src="https://4165049393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuUY7tl3j0xMLQbwSQOYv%2Fuploads%2FXehboUZZAGNdWQ7Jb4Fb%2Fimage.png?alt=media&#x26;token=b020121e-d902-4a39-ac8b-d5fa7de0ffe3" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="156"></th><th>Description</th></tr></thead><tbody><tr><td>Draft</td><td>In draft mode, the invoice can still be modified. The invoice is not displayed to the customer while still in draft state</td></tr><tr><td>Open</td><td>The invoice is displayed to the customer and has not been paid yet</td></tr><tr><td>Paid</td><td>The invoice has been fully paid</td></tr><tr><td>Partial paid</td><td>The invoice is partially paid</td></tr><tr><td>Canceled</td><td>The invoice was cancelled by the system administrator</td></tr><tr><td>Overdue</td><td>The payment deadline for the invoice has been exceeded</td></tr></tbody></table>

## Create a new invoice

Click the `New invoice` button to create a new invoice. The following modal opens:

<div align="left"><figure><img src="https://4165049393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuUY7tl3j0xMLQbwSQOYv%2Fuploads%2FCYc4XHXBrxA7Ib8qWcZk%2Fimage.png?alt=media&#x26;token=00e74fd3-bf06-45d3-909e-7e5f74b7c1bd" alt=""><figcaption></figcaption></figure></div>

1. In the `Search for customer` field, type in the first few letters of the customer for whom you want to create the invoice. Select the appropriate entry.
2. Assign a title to the invoice (optional).
3. Click `Save invoice`

You are now in the edit mode of the invoice. Now you need to add some items:

<figure><img src="https://4165049393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuUY7tl3j0xMLQbwSQOYv%2Fuploads%2FPaEaaB7QPMCff2eAbPIs%2Fimage.png?alt=media&#x26;token=47f26451-a557-481c-b90a-35486aaf9d02" alt=""><figcaption></figcaption></figure>

1. With the preview button you can view the invoice at any time
2. If you want to view the client, click the name.
3. Use this button to add positions to the invoice (see next image).
4. With the settings button you can edit the properties of the invoice.
5. The status icon provides information about the status of the invoice at any time.

## Add new position

The positions are not linked to the plans or modules. If you want to create an invoice to charge and link a plan or module, you must do this directly with the customer under `Customers` in the [Plans ](https://docs.saaster.io/fundementals/administration/sales/plans)or [Modules ](https://docs.saaster.io/fundementals/administration/sales/modules)tab.

<div align="left"><figure><img src="https://4165049393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuUY7tl3j0xMLQbwSQOYv%2Fuploads%2FhzDIT5vgK0TpLFmj5C6B%2Fimage.png?alt=media&#x26;token=ccffbf5e-72b2-4d06-8342-12d4e00c6d21" alt=""><figcaption></figcaption></figure></div>

<table><thead><tr><th width="203">Field</th><th>Description</th></tr></thead><tbody><tr><td>Position title</td><td>The title of the position</td></tr><tr><td>Position description</td><td>The description of the position, which is displayed on the invoice.</td></tr><tr><td>Quantity</td><td>The quantity of the position</td></tr><tr><td>Single price</td><td>The unit price of the position</td></tr><tr><td>VAT (%)</td><td>Value added tax in percent</td></tr><tr><td>Unit</td><td>The unit (e.g. pcs, months, years)</td></tr><tr><td>Discount (%)</td><td>The discount of the position in percent</td></tr></tbody></table>

## Edit invoice

After you have added the first position, the following screen appears:

<figure><img src="https://4165049393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuUY7tl3j0xMLQbwSQOYv%2Fuploads%2FMfFjTEul5p7rANglzyjE%2Fimage.png?alt=media&#x26;token=541b176c-aabf-4d1f-b992-368282ba85b9" alt=""><figcaption></figcaption></figure>

1. An arrow pointing upwards appears to the right of the status symbol. This means that the invoice is still in draft mode. If you click the arrow, the invoice is set to the status `open`.
2. With this symbol you can edit the position.
3. With this symbol you can delete the position.

As soon as the invoice reaches the status `open`, this screen is displayed:

<figure><img src="https://4165049393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuUY7tl3j0xMLQbwSQOYv%2Fuploads%2FdgV88uyRR7dBZiIMw0Ao%2Fimage.png?alt=media&#x26;token=90d898e8-9c0d-4171-affe-a4ff003a393f" alt=""><figcaption></figcaption></figure>

1. This icon takes you to a window with which you can manage payments.
2. Click the arrow pointing downwards to return the invoice back to the draft mode.

## Manage payments

In the payment window, the payments of an invoice can be managed:

<figure><img src="https://4165049393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuUY7tl3j0xMLQbwSQOYv%2Fuploads%2FK74kxxoBvl984C2vwHI8%2Fimage.png?alt=media&#x26;token=01a9441d-3561-40f0-8a95-7cb1cf20609d" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="252">Field</th><th>Description</th></tr></thead><tbody><tr><td>Date</td><td>The date on which the payment is posted</td></tr><tr><td>Payment type</td><td>The method used for the payment (e.g. PayPal or Visa)</td></tr><tr><td>Amount (Currency)</td><td>The amount paid in the corresponding currency</td></tr></tbody></table>

Once the invoice has been paid in full, the status of the invoice is changed to **PAID**:<br>

<figure><img src="https://4165049393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuUY7tl3j0xMLQbwSQOYv%2Fuploads%2Fp8RPVtdqbiP5iO0i7rKv%2Fimage.png?alt=media&#x26;token=475bf70b-012d-45b3-b092-0d6c0fe565fb" alt=""><figcaption></figcaption></figure>
