<!DOCTYPE html>
<html>
<head>
    <style>
        body { font-family: Arial, sans-serif; background-color: #f4f6f9; color: #333; padding: 20px; }
        .container { max-width: 600px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
        h2 { color: #1E3A5F; }
        .btn { display: inline-block; padding: 12px 24px; background: linear-gradient(135deg, #1E3A5F 0%, #2E6DA4 100%); color: #fff; text-decoration: none; border-radius: 4px; font-weight: bold; margin-top: 20px; }
        p { line-height: 1.6; }
    </style>
</head>
<body>
    <div class="container">
        <h2>You've been invited!</h2>
        <p>Hello,</p>
        <p>You have been invited to join <strong>{{ $invitation->company->name }}</strong> as a Planner on the Infra24 platform.</p>
        <p>Click the button below to accept the invitation and set up your account. This link will expire in 48 hours.</p>
        <a href="{{ url('/invite/accept/' . $invitation->token) }}" class="btn">Accept Invitation</a>
        <p style="margin-top: 30px; font-size: 12px; color: #777;">
            If you did not expect this invitation, you can safely ignore this email.
        </p>
    </div>
</body>
</html>
