<html>
<style type="text/css">
.page_break { page-break-before: always; }
</style>
<body style="font-family: serif; font-size: 10pt;">
  {% for content in contentFinal %}
  <div class="page_break"></div>

  <h1>{{content.departament}}</h1>

  <table cellpadding=10><tr>
    {% for user in content.users %}
      <td style="text-align: center;">
        <img src="{{qr_codes_path}}{{user.id}}.png" style="width: 150px">
        <br /><br />
        <div style="max-width: 200px; font-size: 10px;" ></div>
        <small>{{user.name}} {{user.surname}}<br/>
          {{user.username}}
        </small>
      </td>
      {% if loop.index % 2 == 0 %}
      </tr><tr>
      {% endif %}
    {% endfor %}
  </tr></table>

  {% endfor %}
</body>
</html>
