Invoice
- Supplier and buyer
- Payment and contract
- Items and total
Completion certificate
- Contractor and customer
- Work and report
- Materials and signatories
Who is involved. What is being paid for.
Supplier and buyer have separate groups. The bank account belongs to the supplier; the reason for payment belongs to the document. Each line item brings together its name, quantity, unit and price. The optional contract is marked separately.
The date stays within the form.
The calendar opens beside the date field, keeping the invoice in view. Typing a date and choosing a day happen in the same place.
A certificate records the completed work.
Each work item has a completion date and report details. Materials and attachments form a separate group, and signatories are separate from the parties’ contact details.
Amount and currency have distinct states.
The ZANS library separates amount entry from currency selection. The menu combines search, currency code and name; focus shows where input is active.
A shared structure for different documents.
The invoice and completion certificate share a structure: details of the parties, document contents and final fields. The invoice covers payment details and line items; the certificate covers completed work and signatories. The date stays within the form; currency-input states are shown separately as part of the component library.