<div style="width: 21cm; height: 29cm; display: flex; align-items: center; flex-direction: column;">
  <h2 style="margin-bottom: 1px;">Declaração de Conteúdo</h2>
  
  <table style="width: 16cm; border: solid 2px; height: 2.5cm; margin-top: 3px;">
    <tbody>
      <tr><td class="td-dec" colspan="2"><b>Remetente: </b>{{c.name}}</td></tr>
      <tr><td class="td-dec" colspan="2"><b>CPF/CNPJ: </b>{{ u.b_CPF }}</td></tr>
      <tr><td class="td-dec" colspan="2"><b>Endereço: </b>{{ u.b_address }}</td></tr>
      <tr>
        <td class="td-dec" style="width: 70%;"><b>Cidade/UF: </b>{{ u.b_city }} / {{ u.b_state }}</td>
        <td class="td-dec" style="border-left: 2px solid;"><b>Cep: </b>{{ u.b_zipcode }}</td>
      </tr>
    </tbody>
  </table>

  <table style="width: 16cm; border: solid 2px; height: 2.5cm; margin-top: 3px;">
    <tbody>
      <tr><td class="td-dec" colspan="2"><b>Destinatario: </b>{{ u.firstname }} {{ u.lastname }}</td></tr>
      <tr><td class="td-dec" colspan="2"><b>CPF/CNPJ: </b>{{ c.cnpj_cpf }}</td></tr>
      <tr><td class="td-dec" colspan="2"><b>Endereço: </b>{{c.address}}</td></tr>
      <tr>
        <td class="td-dec" style="width: 70%;"><b>Cidade/UF: </b>{{c.city}} / {{c.state}}</td>
        <td class="td-dec" style="border-left: 2px solid;"><b>Cep: </b>{{c.zipcode}}</td>
      </tr>
    </tbody>
  </table>

  <table style="width: 16cm; border: solid 2px; margin-top: 3px;">
    <thead><tr><th class="td-dec"  colspan="3">IDENTIFICAÇÃO DOS BENS</th></tr></thead>
    <tbody>
      <tr>
        <td class="td-dec" style="width: 50%; text-align: center; font-weight: bold;">Discriminação De Conteúdo</td>
        <td class="td-dec" style="width: 30%; text-align: center; font-weight: bold;">Quantidade</td>
        <td class="td-dec" style="width: 20%; text-align: center; font-weight: bold;">Valor</td>
      </tr>

       {{ snippet("products_table") }}
    
      <tr>
        <td class="td-dec" colspan="2" height="24" style="text-align: center; font-weight: bold;">Valor Total</td>
        <td class="td-dec" >{{ currencies.BRL.symbol }} {{ o.subtotal }}</td>
      </tr>
    </tbody>
    
  </table>
  <table style="width: 16cm; border: solid 2px; margin-top: 3px;">
    <thead><tr><th class="td-dec"  colspan="3">IDENTIFICAÇÃO DOS BENS</th></tr></thead>
    <tbody>
      <tr>
        <th class="td-dec"  colspan="3" style="text-align: justify; padding: 5px; font-weight: normal; font-family: helvetica; font-size: 10pt;">
          <p>
            &ensp; &ensp; Declaro, não ser pessoa física ou jurídica, que realize, com habitualidade ou em volume que
            caracterize intuito comercial, operações de circulação de mercadoria, ainda que estas se iniciem no exterior,
            que o conteúdo declarado e não está sujeito à tributação, e que sou o único responsável por eventuais
            penalidades ou danos decorrentes de informações inverídicas. 
          </p>
          <div style="display: flex; flex-direction: row;">
            <p>_________________________,________de__________de________ </p>
            <div style="display: flex; flex-direction: column; margin-left: 10px;">
              <p style="margin-bottom: 2px;">______________________</p>
              <p style="text-align: center; margin-top: 0;">Assinatura do<br/>declarante/remetente</p>
            </div>
          </div>
        </th>
      </tr>
    </tbody>
  </table>

  <table style="width: 16cm; border: solid 2px; margin-top: 3px;">
    <th class="td-dec" ead style="background-color: white; font-weight: normal;">
      <tr>
        <th class="td-dec"  colspan="3">
          <b>Atenção: </b> O declarante/remetente é responsável exclusivamente pelas informações declaradas.
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th class="td-dec"  colspan="3" style="text-align: justify; padding: 5px; font-weight: normal; font-family: helvetica; font-size: 10pt;">
          <b>Observação:</b> <br/>
          I. É Contribuinte de ICMS qualquer pessoa física ou jurídica, que realize, com habitualidade ou em volume que
              caracterize intuito comercial, operações de circulação de mercadoria ou prestações de serviços de transportes
              interestadual e intermunicipal e de comunicação, ainda que as operações e prestações se iniciem no exterior (Lei
              Complementar nº 87/96 Art. 4º). 
          <br/>
          II. Constitui crime contra a ordem tributária suprimir ou reduzir tributo, ou contribuição social e qualquer acessório:
              quando negar ou deixar de fornecer, quando obrigatório, nota fiscal ou documento equivalente, relativa a venda
              de mercadoria ou prestação de serviço, efetivamente realizada, ou fornecê-la em desacordo com a legislação. Sob
              pena de reclusão de 2 (dois) a 5 (anos), e multa (Lei 8.137/90 Art. 1º, V). 
        </th>
      </tr>
    </tbody>
  </table>
</div>

<style>
thead{
  background-color: #C1C1C1;
  font-family: helvetica;
  font-size: 12;
  padding: 0;
}
.th-dec{
  border-bottom: solid 2px;
  height: 10px;
}
.td-dec{
  border-bottom: 1px solid;
  border-left: solid 1px;
  width: 16cm;
  font-family: helvetica;
  font-size: 10pt;
  padding: 4px;
  min-height: 10px;
}
span{
  font-weight: bold;
}
table{
  border-spacing: 0;
  width: 16cm;
}
</style>