Files
tabler/shared/components/cards/InvoiceCard.astro
codecalm f27c70ad38 Fix Prettier formatting regression and Astro type-check errors
`Render Modal as real markup` (#2742) reformatted ~140 files back to
tabs/semicolons, breaking the Prettier config added by the Astro
quality gates (#2749). Re-run prettier --write to restore it, and fix
the type errors it had been masking: HTMLElement casts and `this`
typing in ChangePasswordModalContent/ConfirmDeleteModalContent
scripts, plain-JS syntax in the inline-injected progress.astro script,
narrowed prop unions in Button/Check/Spinner, nullable icon svg casts
in Icons/Rating, and a duplicate firstLetters/invalid `placeholder`
attribute in Select.astro. Also fix shared/vitest.config.mts's stale
`astro/lib/**/*.test.ts` include glob left over from the shared source
restructure, which made `pnpm test` report zero test files.
2026-08-03 01:26:19 +02:00

93 lines
2.8 KiB
Plaintext

---
---
<div class="card card-lg">
<div class="card-body">
<div class="row">
<div class="col-6">
<p class="h3">Company</p>
<address>
Street Address<br />
State, City<br />
Region, Postal Code<br />
ltd@example.com
</address>
</div>
<div class="col-6 text-end">
<p class="h3">Client</p>
<address>
Street Address<br />
State, City<br />
Region, Postal Code<br />
ctr@example.com
</address>
</div>
<div class="col-12 my-5">
<h1>Invoice INV/001/15</h1>
</div>
</div>
<table class="table table-transparent table-responsive">
<thead>
<tr>
<th class="text-center" style="width: 1%"></th>
<th>Product</th>
<th class="text-center" style="width: 1%">Qnt</th>
<th class="text-end" style="width: 1%">Unit</th>
<th class="text-end" style="width: 1%">Amount</th>
</tr>
</thead>
<tr>
<td class="text-center">1</td>
<td>
<p class="strong mb-1">Logo Creation</p>
<div class="text-secondary">Logo and business cards design</div>
</td>
<td class="text-center"> 1 </td>
<td class="text-end">$1.800,00</td>
<td class="text-end">$1.800,00</td>
</tr>
<tr>
<td class="text-center">2</td>
<td>
<p class="strong mb-1">Online Store Design &amp; Development</p>
<div class="text-secondary">Design/Development for all popular modern browsers</div>
</td>
<td class="text-center"> 1 </td>
<td class="text-end">$20.000,00</td>
<td class="text-end">$20.000,00</td>
</tr>
<tr>
<td class="text-center">3</td>
<td>
<p class="strong mb-1">App Design</p>
<div class="text-secondary">Promotional mobile application</div>
</td>
<td class="text-center"> 1 </td>
<td class="text-end">$3.200,00</td>
<td class="text-end">$3.200,00</td>
</tr>
<tr>
<td colspan="4" class="strong text-end">Subtotal</td>
<td class="text-end">$25.000,00</td>
</tr>
<tr>
<td colspan="4" class="strong text-end">Vat Rate</td>
<td class="text-end">20%</td>
</tr>
<tr>
<td colspan="4" class="strong text-end">Vat Due</td>
<td class="text-end">$5.000,00</td>
</tr>
<tr>
<td colspan="4" class="fw-semibold text-uppercase text-end">Total Due</td>
<td class="fw-semibold text-end">$30.000,00</td>
</tr>
</table>
<p class="text-secondary text-center mt-5">Thank you very much for doing business with us. We look forward to working with you again!</p>
</div>
</div>