<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
  <title>Invoice <%= number %></title>

  <style>
   html {
     font-family: Helvetica, sans-serif;
     font-size: 137.5%;
     -webkit-font-smoothing: antialiased;
   }
   body { padding: 20px; }
   img { width: 20%; }
   p {
     line-height: 1.5rem;
   }
   h1, h2 {
     margin-top: 1.5rem;
     margin-bottom: 0;
     line-height: 1.5rem;
   }
   h1 {
     font-size: 1.2rem;
     line-height: 1.3rem;
     margin-top: 1rem;
   }
   h2 {
     font-size: 1rem;
     line-height: 1.1rem;
     margin-top: 0.8rem;
   }
   table {
     margin-top: 1.5rem;
     width: 100%;
   }
   table td,
   table th {
     padding: 0;
     line-height: 33px;
   }
  </style>
</head>
<body>
    <header>
	<img src="data:image/png;base64,[encoded data, 7700 characters]" />
    </header>

    <div>
	<pre>
<%= name %>

<%= address %>
	</pre>
    </div>

    <p class="date">
	<%= date %>
    </p>

    <h1>Invoice: CoTech Fund Contribution</h1>
    <h2>Invoice number: <%= number %></h2>

    <p>Dear <%= name %></p>

    <p>Thank you for agreeing to contribute to the CoTech fund. We have calculated your contribution as follows:</p>
    <table>
	<thead>
	    <tr class="header">
		<th>Description</th>
		<th>Members</th>
		<th>Total</th>
	    </tr>
	</thead>
	<tbody>
	    <tr>
		<td>Contribution for 2022/23 @ £1/member/week</td>
		<td><%= members %></td>
		<td>£<%= total %></td>
	    </tr>
	</tbody>
    </table>

    <p>If this calculation is correct, please make a payment of £<%= total %> by bank transfer to:</p>

    <pre>
	Account Name: Co-operative Technologists
	Account Number: 20409157
	Sort Code: 60-83-01
    </pre>

    <p>If you have any changes to the calculation, for example if your
    co-op has more or less members than last year, let me know and I'll
    reissue this invoice.</p>

    <p>In cooperation,</p>
    <p><img src="data:image/png;base64,[encoded data, 40620 characters]" /></p>
    <p>Chris Lowis, Treasurer</p>
    <p>treasurer@coops.tech</p>
</body>
</html>
