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

  <head>
    <link rel="stylesheet" href="main.css">
  </head>

  <body>
    <div class="header space-between">
      <img class="logo"    src="logo.png">
      <div class="payee">
        <b>{{ host.name }}</b><br/>
        {{ host.address }}<br/>
        {{ host.zip_code}} {{ host.city }}<br/>
        <b>Tel : </b>{{ host.phone }}<br/>
        <b>Mail : </b>{{host.email }}<br/>
      </div>
    </div>
    <hr/>
    <div class="billing-details space-between">
      <table class="info-table">
        <tbody>
          <tr>
            <td>
              <strong>{{name}}</strong></td>
          </tr>
          <tr>
            <td>
              <strong>Tel : </strong></td>
            <td>{{phone_number}}</td>
          </tr>
          <tr>
            <td>
              <strong>Voyageurs : </strong></td>
            <td>{{ customers_number }}</td>
          </tr>
          <tr>
            <td>
              <strong>Plateforme : </strong></td>
            <td>{{platform}}</td>
          </tr>
        </tbody>
      </table>
      <table class="info-table">
        <tbody>
          <tr>
            <td>
              <strong>Nº de facture : </strong></td>
            <td>{{id}}</td>
          </tr>
          <tr>
            <td>
              <strong>Du : </strong></td>
            <td>{{ from }}</td>
          </tr>
          <tr>
            <td>
              <strong>Au : </strong></td>
            <td>{{ to }}</td>
          </tr>

          <tr>
            <td>
              <strong>Montant : </strong></td>
            <td>{{ total }}</td>
          </tr>
        </tbody>
      </table>
    </div>
    <hr/>
    <div class="order-details">
      <table class="items-table">
        <thead>
          <tr>
            <th>Objet</th>
            <th>Quantité</th>
            <th>Prix</th>
            <th class="align-right">Total</th>
          </tr>
        </thead>
        <tbody class="bg-gray rounded">
          {% for row in lines %}
          <tr class="item-row">
            <td class="text-break product_name">
              {{ row.name }}
            </td>
            <td>{{ row.quantity }}</td>
            <td>{{row.price }}</td>
            <td class="align-right">{{ row.total }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    <div class="order-summary space-between">
      <div class="card">
        <b>Notes</b> <br/>
        TVA non applicable, art. 293 B du CGI <br/>
        Dispensé d’immatriculation au registre du commerce et des sociétés (RCS) et au répertoire des métiers. <br/>
        Conditions de paiement : paiement à réception de facture. Aucun escompte consenti pour règlement anticipé ou désistement. Tout incident de paiement est passible d'intérêts de retard. Le montant des pénalités résulte de l'application aux sommes restant dues d'un taux d'intérêt légal en vigueur au moment de l'incident. <br/>
      </div>
    </div>
    <div class="order-total space-between">
      <div></div>
      <div class="total">
        <div class="amount-due">
          Total
        </div>
        <div class="amount-due-total">
          {{ total }}
        </div>
      </div>
    </div>
  </body>
</html>
