<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net/npm/fastbootstrap@2.2.0/dist/css/fastbootstrap.min.css" rel="stylesheet" integrity="sha256-V6lu+OdYNKTKTsVFBuQsyIlDiRWiOmtC8VQ8Lzdm2i4=" crossorigin="anonymous">
</head>
<body class="container">
<div class="row">
<div class="col-lg-4">
MIRALEJOS S.A.C.I.F.I. y A.
</div>
</div>
<div class="row">
<div class="col-lg-4">
Orden de Compra Nº {{ "%06d"|format(orden_compra.numero) }}
</div>
<div class="col-lg-4">
Fecha: {{ orden_compra.fecha ? orden_compra.fecha|date('d/m/Y') : '' }}
</div>
</div>
<br>
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>Descripción</th>
<th>Cant</th>
<th>Observaciones</th>
</tr>
</thead>
<tbody>
{% for item in orden_compra.items %}
<tr>
<td>{{ item.articulo }}</td>
<td>{{ item.cantidad }}</td>
<td></td>
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html>