<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="header">
<br/>
<br/>
<div class="row text-center">
<h3>
<span t-raw="variables.get('title')" />
</h3>
<h4 t-raw="variables.get('subtitle')" />
</div>
<div style="text-align: justify; font-size: 10pt" t-raw="variables.get('introduction')" />
</div>
<div class="page" style="text-align: justify; font-size: 10pt">
<div class="">Reference: <span t-raw="obj.reference"/></div>
<br/>
<div class="panel panel-default">
<div class="panel-heading"><u t-raw="variables.get('building_ident')" /></div>
<div class="panel-body" style="background-color: #f7f7f9;">
<p>Bouwheer : <b><span t-raw="obj.dossier.customer_id.name" /></b></p>
<p>Adres : <b><span t-raw="obj.dossier.customer_id.street" /></b></p>
<p>EPB-nummer : <b><span t-raw="obj.dossier.EPB_number" /></b></p>
<p>Gebouwtype : <b><span t-raw="obj.get_info('building_type')" /></b></p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading"><u t-raw="variables.get('measure_ident')" /></div>
<div class="panel-body" style="background-color: #f7f7f9;">
<table>
<tr>
<td>
<p>Bedrijf : <b><span t-raw="obj.dossier.partner_id.name"/></b></p>
<p>Adres : <b><span t-raw="obj.dossier.partner_id.street"/></b></p>
<p>Erkende luchtdichtheidsmeter : <b><span t-raw="obj.get_info('qualified_measurer')"/></b></p>
