<html>
<head>
{%- block head %}
<meta charset="UTF-8">
<style type="text/css">
table {
    border-collapse: collapse;
    width: 100%;
}
table, td, th {
    border: 1px solid black;
    padding: 2pt;
}
body {
    font-family: "Liberation sans", "Arial", "Helvetica";
    font-size: 10pt;
}

table th {
    font-size: 8pt;
}
p {
    padding: 0;
    margin: 0;
}

.text-cell {
    text-align: left;
    vertical-align: top;
}

.number-cell {
    text-align: right;
    vertical-align: top;
}


@page {
    size:{%- block pagesize %}landscape{%- endblock %};
    font-family: "Liberation sans", "arial";
    font-size: 10pt;
    {%- block bottomright %}
    @bottom-right {
        vertical-align: top;
        content: '{{_("Page")}} ' counter(page) ' {{_("of")}} ' counter(pages);
    }
    {%- endblock %}
    {%- block bottomleft %}
    @bottom-left {
        vertical-align: top;
        content: '{{_("Printed")}} ' '{{fdm(dd.today())}}' ' {{_("at")}} ' {{now.time().strftime("%H:%M")}};
    }
    {%- endblock %}

    {% set logo_file = rt.find_config_file("logo.jpg", "weasyprint") %}
    {% if logo_file %}
    margin: 15mm; margin-top: 35mm; margin-bottom: 15mm;
    @top-right {
      height: 20mm;
      // width: 40mm;
      padding: 0px;
      text-align: right;
      // background-image: url(file://{{logo_file}});
      // background-size: contain;
      content: url(file://{{logo_file}});
    }
    {% else %}
    margin: 15mm; margin-top: 15mm; margin-bottom: 15mm;
    {% endif %}
}

@media print {
  tr.avoid {
    page-break-inside: avoid !important;
  }
}


{#
  Usage example in your template::

    <div class="footer_div">{{obj}}</div>

#}
@media screen {
    div.footer_div {
        display: none;
    }
}
@media print {
    div.footer_div {
        position: fixed;
        bottom: -5mm;
        width: 100%;
        border-top: solid 1pt;
        padding: 2pt;
    }
}
</style>
{%- endblock %}
</head>
<body>
{%- block header %}
{%- endblock %}
{%- block intro %}
{%- endblock %}
{%- block main %}
<p>You probably want to use a template that overrides the main block.</p>
<p>Available fields in <em>{{obj.__class__}}</em>:</p>
<ul>
{% for fld in obj._meta.get_fields() %}
<li>{{fld.verbose_name}} : {{getattr(obj, fld.name, "---")}}</li>
{% endfor %}
</ul>
{%- endblock %}
</body>
</html>
