<!DOCTYPE html>
<html style="margin:5px;padding:0">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap" rel="stylesheet">
<style>
body{
font-family: 'Inter', sans-serif;
}
table{
width: 100%;
}
.right{
text-align: right !important;
}
.left{
text-align: left !important;
}
.categorias{
width: 100%;
overflow: hidden;
text-align: center;
margin-bottom: 30px;
}
.categorias .head{
background-color: #272a56;
color: #FFFFFF;
padding: 20px;
font-size: 22px;
margin-bottom: 10px;
width: 100%;
}
.tablex{
width: 100%;
text-align: left;
}
.tablex td{
width: 23.5%;
padding-bottom: 10px;
padding-right: 10px;
text-align: left;
vertical-align: top;
}
.tablex td span{
font-size: 11px;
color: #7854f7;
}
.tablex td img{
width: 100%;
text-align: left;
}
.tablex tr{
height: auto;
}
.tipo{
font-weight: bold;
text-decoration: underline;
font-size: 14px;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<table>
<tr>
<td style="width: 50px"><b>Proprietário:</b></td>
<td>{{ cliente.nome }}</td>
</tr>
<tr>
<td><b>Email:</b></td>
<td>{{ cliente.email }}</td>
</tr>
<tr>
<td><b>Telefone:</b></td>
<td>{{ cliente.celular }}</td>
</tr>
<tr>
<td><b>Local:</b></td>
<td>{{ cliente.praia }}</td>
</tr>
</table>
</td>
<td class="right" style="margin-top: 20px">
<img src="https://admin.bnbguests.com.br/imgs/logo_full.png">
</td>
</tr>
</table>
<h3 style="text-decoration: underline; text-align: center">Dados de {{ type }}</h3>
<table style="width: 100%; padding: 10px;">
<tr><td style="width: 100px"><b>Reserva:</b><td>{{ edited.reserva_id|default('') }}</td></tr>
<tr><td><b>Hóspede:</b><td>{{ edited.nome }}</td></tr>
<tr><td><b>Contato:</b><td>{{ edited.email }} - {{ edited.telefone }}</td></tr>
<tr><td><b>Estadia:</b><td>{{ edited.checkin~' até '~edited.checkout }}</td></tr>
<tr><td><b>Vistoriador:</b><td>{{ edited.vistoriador|default('') }}</td></tr>
</table>
{% if edited.vistoria_checkout.limpeza|default('') != '' %}
<table style="width: 100%; padding: 10px;">
<tr><td><b>Nível de Limpeza:</b> {{ edited.vistoria_checkout.limpeza|default('') }}</td></tr>
</table>
{% endif %}
{% for cat,subs in edited['vistoria_itens'] %}
{% for sub,tipos in subs %}
<table class="categorias">
<tr class="head">
<td colspan="4">{{ type=='check-in'? cat~' - ': '' }}{{ sub }}</td>
</tr>
<tr>
<td colspan="4" style="height: 40px; width: 100%" class="left">
<table>
<tr>
<td style="width: 10%"><b>Condição:</b></td>
<td style="width: 90%">{{ tipos.condicao|default('Não assinalada') }}</td>
</tr>
<tr>
<td><b>Observações:</b></td>
<td>{{ tipos.observacoes|default('') }}</td>
</tr>
{% if com_fotos %}
<tr>
<td colspan="2" class="left" style="margin-bottom: 10px">
{% if tipos.fotos|length > 0 %}<b>Fotos:</b>{% endif %}
</td>
</tr>
{% endif %}
</table>
</td>
</tr>
{% if com_fotos %}
{% set i=0 %}
{% for foto in tipos.fotos %}
{{ (i%4==0 or i==0)? '<tr class="tablex">': '' }}
<td><img src="{{ foto }}" /></td>
{% set i=i+1 %}
{{ (i%4==0)? '</tr>': '' }}
{% endfor %}
{% if i%4!=0 %}
{% for j in 1..(4-(i%4)) %}
{{ '<td></td>' }}
{% endfor %}
{{ '</tr>' }}
{% endif %}
{% endif %}
</table>
{% endfor %}
{% endfor %}
</body>
</html>