<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Notificación</title>
</head>
<body style="margin: 0; padding: 0; background-color: #e0f4f7; font-family: sans-serif;">

  <table width="100%" cellspacing="0" cellpadding="0" style="padding: 20px;">
    <tr>
      <td align="center">
        <table width="100%" style="max-width: 600px; background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.05);">
          <!-- LOGO -->
          <tr style="background-color: #ffffff;">
            <td style="padding: 20px;" align="center">
              <img src="http://localhost:8888/licitaciones/admin/assets/images/logo/logo.svg" alt="Tu Empresa" width="300" height="auto" style="display: block;" />
            </td>
          </tr>

          <!-- CONTENIDO -->
          <tr>
            <td style="padding: 24px;">
              <h2 style="color: #1d7187; font-size: 22px; margin: 0 0 16px;">¡Hola, <?php echo $data['name'] ?>!</h2>
              <p style="color: #124a59; font-size: 16px; margin-bottom: 16px;">
                Te informamos que se ha registrado nuevas oportunidades que puede ser de tu interés.
              </p>
                <?php
                    $num = 1;
                    $total = count($data);
                    $max = 5;
                    foreach($data['licitations'] as $licitation) :
                        if($num == 5)
                        {
                            break;
                        }
                ?>
                <div style="background-color: #b3e0e9; padding: 16px; border-radius: 6px; margin-bottom: 16px;">
                    <p style="margin: 0; color: #082930;"><strong>Proyecto:</strong> <?php echo $licitation['project']->nombre ?></p>
                    <p style="margin: 0; color: #082930;"><strong>Palabra clave encontrada:</strong> <?php echo $licitation['word'] ?></p>
                    <p style="margin: 0; color: #082930;"><strong>Licitación: </strong>
                        <ul style="margin: 0; color: #082930;">
                            <li><strong>Nombre:</strong> <?php echo $licitation['licitation']->nombre ?></li>
                            <li><strong>Código:</strong> <?php echo $licitation['licitation']->codigo_externo ?></li>
                            <li><strong>Fecha publicación:</strong> <?php echo date('d-m-Y') ?></li>
                        </ul>
                    </p>
                </div>
                <?php
                    $num ++;
                    endforeach;
                ?>
                <p style="text-align:center;">
                <a href="{{url}}"
                    style="display: inline-block; padding: 10px 20px; background-color: #1d7187; color: #ffffff; text-decoration: none; border-radius: 6px; font-weight: bold;">
                    Ver detalle de todas las licitaciones
                </a>
                </p>
              <p style="font-size: 14px; color: #175c6e; margin-top: 24px;">
                Si no esperabas este correo, puedes ignorarlo o contactar con soporte.
              </p>
            </td>
          </tr>

          <!-- FOOTER -->
          <tr>
            <td style="background-color: #f2f2f2; padding: 16px; text-align: center; font-size: 12px; color: #666;">
              © <?php echo date('Y'); ?> Tu Empresa. Todos los derechos reservados.<br />
              <a href="mailto:soporte@tuempresa.com" style="color: #1d7187; text-decoration: none;">soporte@tuempresa.com</a>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>

</body>
</html>
