<!DOCTYPE html>
<html>

<head>
  <title>Password Reset Request</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 20px;
      color: #333;
      background-color: #f4f4f4;
    }

    .container {
      max-width: 600px;
      margin: auto;
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    h1 {
      color: #007bff;
    }

    p {
      line-height: 1.6;
    }

    a {
      color: #007bff;
      text-decoration: none;
    }

    .footer {
      margin-top: 20px;
      text-align: center;
      font-size: 0.9em;
      color: #666;
    }
  </style>
</head>

<body>
  <div class="container">
    <h1>Invitation Link</h1>
    <p>Hello,</p>
    <p>You've been invited to join our platform. To accept the invitation, please use the link and code provided below:</p>
    <p>Invitation Link: <a href="{{ url_for('users.invite', _external=True) }}">Join Now</a></p>
    <p>Your Invitation Code: <strong>{{ code }}</strong></p>
    <p>If you did not request this invitation or believe it was sent to you in error, please ignore this email.</p>
    <div class="footer">
      Regards,<br>
      The Awesome App Team
    </div>
  </div>
</body>


</html>