<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ordem de Serviço nº {{ os.id }}</title>
<style type="text/css" media="screen,print">
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
</style>
</head>
<body>
<h1 style="padding-top: 20px;text-align: center;">{{ os.proposta.cliente.razaoSocial }} - CNPJ: {{ os.proposta.cliente.cnpj }}</h1>
<h2 class="com-borda">Serviços</h2>
<table style="width: 100%;" border="1" cellpadding="2" cellspacing="0">
<tr style="background: #ddd;">
<td style="font-weight: bold;" width="60%">Serviço</td>
<td style="text-align: center;font-weight: bold;" width="5%">Und.</td>
<td style="text-align: center;font-weight: bold;" width="5%">Nº</td>
</tr>
{% for servico in os.proposta.servicos %}
<tr>
<td>{{ servico.servico.titulo }}</td>
<td style="text-align: center;">und.</td>
<td style="text-align: center;">{{ servico.quantidade|strpad(2,'0') }}</td>
</tr>
{% endfor %}
</table>
<h2 class="com-borda" style="padding-top: 20px;">Endereço da Obra</h2>
<p>{{ os.proposta.descricaoEnderecoObra }}</p>
<h2 class="com-borda" style="padding-top: 20px;">Previsão de término dos serviços</h2>
<p>{{ dataPrevisaoTermino }}</p>
<h2 class="com-borda" style="padding-top: 20px;">Previsão de entrega do relatório</h2>
<p>{{ dataConclusao }}</p>
<h2 class="com-borda" style="padding-top: 20px;">Observações</h2>
<p style="text-align: justify;">{{ os.observacoes|raw }}</p>
</body>
</html>