Ticket-template

<title>{{client.client_companyname}} ticket</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<style type="text/css">
table {
width:100% !important;
font-family: 'Roboto', sans-serif;
table-layout: fixed
}
tr { width:100%;}
td { horizontal-align:middle;}
td,th {border:none;}
.Event_Name {
font-size:40px;
color: #ef5c2f;
margin-top:10px;
}
.Event_short_text {
font-size: 18px;
}
.Date_text {
font-size: 18px;
}
.Location_title {
font-size: 22px;
}
.Address-details {
font-size: 18px;
}
.Event_details {
font-size: 16px;
}
.Ticket_cat {
font-size:18px;
color: #ef5c2f;
}
.Price_text{
font-size: 40px;
color: #ef5c2f;
}
.Barcode_text {
font-size:18px;
margin-left: auto;
color: rgba(57, 57, 57, 0.251);
-webkit-transform: rotate(90deg);
-webkit-transform-origin: center bottom auto;
}
.Name_text {
font-size: 18px;
color: #ef5c2f;
}
.Email_text {
font-size: 15px;
}
.Footer_text {
font-size: 16px;
text-align: center;
}
.small {
font-size: 10px;
color: #ef5c2f;
}
</style>
<br>
{% for seat in seats %}
<page orientation="P" format="210x297" ;="" backcolor="#ffffff">
<br>
<table align="center" cellpadding="10" style="width:100%; border: 1px 1px 1px 1px; border-style:dotted;">
<tbody>
<tr style="width:100%;">
<td width="500" style="padding:10px;" valign="top">
<img width="200" src="https://voordemensen.nl/static_images/barcode.jpg"><br>
<p>
<span class="Event_Name">{{seat.event_name}}</span><br>
<span class="Event_short_text">{{seat.event_short_text}}</span>
</p>
<p class="Date_text">{{seat.event_date|format_date('long',locale=seat.order_lang)}} {{'at'|lang}} {{seat.event_time|format_time('short',locale=seat.order_lang)}}</p>
<div class="Address-details">{{seat.location_name}}</div>
<p class="Event_details">{{seat.event_text|googletrans}}</p>
<div class="Ticket_cat">1x {{seat.seat_tickettype}}</div>
<div class="Price_text">{{seat.seat_price}} EUR</div>
<div class="Ticket_cat">
{% if seat.seat_row_nr&gt;0 %}
{{seat.seat_zone}}
rij: {{seat.seat_row_nr}}
{% endif %}
{% if seat.seat_nr&gt;0 %}
stoel: {{seat.seat_nr}}
{% endif %}
</div>
<br>
</td>
<td width="40" style="padding:0px;border-top: 0; border-left: 0; border-bottom: 0; border-style: dotted;">
<p class="Barcode_text">
{{seat.order_id}}{{seat.seat_barcodetext}}
</p>
</td>
<td style="text-align:center;padding:20px 0px 0px 0x;border-top:1px;">
<img width="150" src="https://demo.voordemensen.nl/files/logo zwart-oranje-strakgesneden.png">
<p class="Name_text">{{seat.user_firstname}} {% if seat.user_preposition %} {{seat.user_preposition}} {% endif %}{{seat.user_lastname}}</p>
<p class="Email_text">({{seat.user_email}})</p>
<img src="https://tickets.voordemensen.nl/qr/{{seat.seat_barcodetext}}" style="width: 40mm; background-color; color: black; border:none;">
<qrcodes value="{{seat.seat_barcodetext}}" ec="H" style="width: 40mm; background-color; color: black; border:none;">
</qrcodes></td>
</tr>
</tbody>
</table>
<table class="footer" align="center" cellpadding="10" cellspacing="10">
<tbody>
<tr style="width:100%;">
<td colspan="2" style="width:100%;text-align:center;padding:20px;border-top:1px;">
<p class="Footer_text"><br></p>
</td>
</tr>
<tr style="width:100%;">
<td colspan="2" style="width:100%;text-align: right">
<p class="small">© {{ "now"|date("Y") }} VoordeMensen/{{client.client_companyname}}</p>
</td>
</tr>
</tbody>
</table>
</page>
{% endfor %}