<style>
@page {
    margin: 5mm;
}
header {
    margin: 0 0 5mm 0;
    background-color: #D6DCE5;
    color: #7F7F7F;
    padding: 2mm 5mm 2mm 5mm;
    font-size: 16px;
    position: relative;
    text-align: right;
}

header img {
    position: absolute;
    top: 3mm;
    left: 5mm;
}
table {
    width: 100%;
    table-layout: fixed;
    font-size: 12px !important;
    text-align: justify;
}
</style>
<div>
    <header style="background-color: #D6DCE5;">
        <img src="assets/img/logo_rel.png" alt="Logo" style="width: 24%;">
        <div style="float: right;">
            Checklist Contrato Nº {{ @contrato.id }}<br>&nbsp;
        </div>
        <div style="clear:both"></div>
    </header>

    <table>
        <tr>
            <th colspan="1">Cliente:</th>
            <td colspan="7">{{ @contrato.cliente_cnpj_cpf }} {{ @contrato.cliente }}</td>
            <th colspan="1">Veículo:</th>
            <td colspan="3">{{ @contrato.veiculo_placa }} {{ @contrato.veiculo_marca }} {{ @contrato.veiculo_modelo }}</td>
        </tr>
        <tr>
            <td colspan="12"><hr></td>
        </tr>
        <repeat group="{{ @checklist }}" value="{{ @item }}">
            <tr>
                <td colspan="12">
                   {{ nl2br(@item.descricao) }} <span style="float: right;">[&nbsp;&nbsp;&nbsp;] ____________________</span>
                </td>
            </tr>
        </repeat>
        <tr>
            <td colspan="3"></td>
            <td colspan="6" style="text-align: center">
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <hr>
                Assinatura
            </td>
            <td colspan="3"></td>
        </tr>
    </table>
</div>