<!DOCTYPE html>
<html lang="pt">

<head>
  <meta charset="utf-8">
  <title>Factura</title>
  <link rel="stylesheet" href="https://onlinepayment.usabor.cv/css/invoice-style.css" media="all" />
</head>

<body>
  <header class="clearfix">
    <div id="logo">
      <img src="https://onlinepayment.usabor.cv/img/logo.png">
    </div>
    <div id="company">
      <h2 class="name">U Sabor, Lda</h2>
      <div>Copa Cabana, Laginha, Mindelo, SV</div>
      <div>(238) 975 81 80 / 918 63 36</div>
      <div><a href="mailto:gerencia@usabor.cv">gerencia@usabor.cv</a></div>
    </div>
    </div>
  </header>
  <main>
    <div id="details" class="clearfix">
      <div id="client">
        <div class="to">RECIBO PARA:</div>
        <h2 class="name">{{data.Nome}}</h2>
        <div class="phone">Tel: {{data.Telefone}}</div>
      </div>
      <div id="invoice">
        <h1>RECIBO Nº {{invoiceNumber}}</h1>
        <div class="date">Data de pagamento: {{date}}</div>
      </div>
    </div>
    <table border="0" cellspacing="0" cellpadding="0">
      <thead>
        <tr>
          <th class="no">#</th>
          <th style="width: 45%;" class="desc">DESCRIÇÃO</th>
          <th class="unit">PREÇO UN</th>
          <th class="qty">QTD</th>
          <th class="total">TOTAL</th>
        </tr>
      </thead>
      <tbody>
        {{#each data.Pedido}}
        <tr>
          <td class="no">{{#if (appendZero @index) }}0{{/if}}{{incrementedIndex @index}}</td>
          <td class="desc">
            <h3>{{this.title}}</h3>
            <span>{{this.sideDish}} {{this.option}}</span>
            <p id="food-description">{{this.description}}</p>
          </td>
          <td class="unit">{{this.price}}$00</td>
          <td class="qty">{{this.quantity}}</td>
          <td class="total">{{totalPrice this.quantity this.price}}$00</td>
        </tr>
        {{/each}}
      </tbody>
      <tfoot>
        <tr>
          <td colspan="2"></td>
          <td colspan="2">SUBTOTAL</td>
          <td>{{subTotal}}$00</td>
        </tr>
        <tr>
          <td colspan="2"></td>
          <td colspan="2">CAIXAS DE PIZZA</td>
          <td>{{pizzaBoxPrice}}$00</td>
        </tr>
        <tr>
          <td colspan="2"></td>
          <td colspan="2">EMBALAGENS</td>
          <td>{{dishBoxPrice}}$00</td>
        </tr>
        <tr>
          <td colspan="2"></td>
          <td colspan="2">ENTREGA</td>
          <td>{{shippingPrice}}$00</td>
        </tr>
        <tr>
          <td colspan="2"></td>
          <td colspan="2">TOTAL</td>
          <td>{{total}}$00</td>
        </tr>
      </tfoot>
    </table>
    <div id="thanks">Obrigado pela preferência e volte sempre.</div>
    <div id="notices">
      <div>NOTA:</div>
      <div class="notice">IVA já incluído</div>
    </div>
  </main>
  <footer>
    Este documento foi processada por computador e é válida sem assinatura ou selo
  </footer>
</body>

</html>