<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Remito Nº <?= $numeroRemito ?></title>
</head>
<body>

<table class="header-table">
    <tr>
        <!-- COLUMNA IZQUIERDA: EMPRESA -->

        <td class="header-left">
            <img src="<?= $datosEmpresa['logo_ruta'] ?>" class="logo-marca">

            <div class="empresa-datos">
                <?= htmlspecialchars($datosEmpresa['direccion']) ?><br>
                <?= htmlspecialchars($datosEmpresa['ciudad']) ?>
                (<?= htmlspecialchars($datosEmpresa['codigo_postal']) ?>) -
                <?= htmlspecialchars($datosEmpresa['provincia']) ?><br>
                Tel.: <?= htmlspecialchars($datosEmpresa['telefono']) ?><br>
                Email: <?= htmlspecialchars($datosEmpresa['email']) ?>
            </div>
        </td>

        <!-- COLUMNA CENTRAL: LETRA -->

        <td class="header-center">
            <div class="remito-letra-box">R</div>
        </td>

        <!-- COLUMNA DERECHA: DATOS REMITO -->

        <td class="header-right">
            <div class="remito-titulo">Remito</div>

            <div class="remito-datos">
                <div><strong>Nº:</strong> <?= $numeroRemito ?></div>
                <div><strong>Fecha:</strong> <?= date('d/m/Y') ?></div>
            </div>

            <div class="datos-fiscales">
                <br>
                <div><strong>IVA:</strong> <?= htmlspecialchars($datosEmpresa['cond_iva']) ?></div>
                <div><strong>CUIT:</strong> <?= htmlspecialchars($datosEmpresa['cuit']) ?></div>
                <div><strong>Inicio actividades:</strong> <?= htmlspecialchars($datosEmpresa['inicio_act']) ?></div>
            </div>
        </td>
    </tr>
</table>

<hr class="separator">

<table class="box-proveedor">
    <tr>
        <td>
            <table class="box-proveedor-contenido">

                <!-- FILA SUPERIOR -->

                <tr>
                    <td class="box-proveedor-left">
                        <strong>Proveedor:</strong>
                        <?= htmlspecialchars($proveedor['razon_social']) ?><br>

                        <strong>Teléfono:</strong>
                        <?= htmlspecialchars($proveedor['telefono']) ?><br>

                    </td>

                    <td class="box-proveedor-right">
                        <strong>Cond. IVA:</strong>
                        <?= htmlspecialchars($condIVALabel) ?><br>

                        <strong>CUIT:</strong>
                        <?= htmlspecialchars($cuit) ?>
                    </td>
                </tr>

            </table>
        </td>
    </tr>
</table>

<table class="tabla-productos">
    <thead>
        <tr>
            <th>Cod.</th>
            <th>Detalle</th>
            <th>Cantidad</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($productos as $p): ?>
            <tr>
                <td class="center"><?= htmlspecialchars($p['id_producto']) ?></td>
                <td class="center"><?= htmlspecialchars($p['marca'] . ' ' . $p['modelo']) ?></td>
                <td class="center"><?= $p['cantidad'] ?></td>
            </tr>
        <?php endforeach; ?>
    </tbody>
</table>

<!-- FOOTER DEL REMITO PARA CONFORMIDAD -->

<div class="footer-fixed">

    <div class="footer-content">
        <div class="footer-left">
            Recibí conforme la mercadería detallada en el presente remito.
        </div>

        <div class="footer-right">
            <div class="firma-row">
                <span>Firma:</span>
                <div class="firma-line"></div>
            </div>

            <div class="firma-row">
                <span>Aclaración:</span>
                <div class="firma-line"></div>
            </div>

            <div class="firma-row">
                <span>DNI:</span>
                <div class="firma-line"></div>
            </div>
        </div>
    </div>

    <div class="footer-line"></div>
    <div class="footer-brand">Bytecenter</div>

</div>

</html>