<!DOCTYPE html>
<html lang="en" style="margin:0; padding:0; font-family: 'Arial', sans-serif; background-color:#f4f4f7;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Password Reset OTP</title>
</head>
<body style="margin:0; padding:0; background-color:#f4f4f7;">
    <table align="center" width="100%" cellpadding="0" cellspacing="0" style="max-width:600px; margin:50px auto; background-color:#ffffff; border-radius:10px; box-shadow:0 4px 8px rgba(0,0,0,0.05);">
        <tr>
            <td style="padding:20px; text-align:center; background-color:#4a90e2; border-top-left-radius:10px; border-top-right-radius:10px; color:#ffffff;">
                <h1 style="margin:0; font-size:24px;">Reset Your Password</h1>
            </td>
        </tr>
        <tr>
            <td style="padding:30px; text-align:center; color:#333333;">
                <p style="font-size:16px;">Hello,</p>
                <p style="font-size:16px;">You requested to reset your password. Use the OTP below to proceed. This OTP will expire in 10 minutes.</p>
                <div style="margin:30px 0;">
                    <span style="display:inline-block; padding:15px 25px; font-size:24px; font-weight:bold; background-color:#f1f1f1; border-radius:8px; letter-spacing:2px; color:#333333;">{{ $otp }}</span>
                </div>
                <p style="font-size:16px;">If you did not request a password reset, you can safely ignore this email.</p>
                <a href="#" style="display:inline-block; margin-top:20px; padding:12px 25px; background-color:#4a90e2; color:#ffffff; text-decoration:none; border-radius:5px; font-weight:bold;">Go to Login</a>
            </td>
        </tr>
        <tr>
            <td style="padding:20px; text-align:center; font-size:12px; color:#999999;">
                <p style="margin:0;">&copy; {{ date('Y') }} Your Company Name. All rights reserved.</p>
                <p style="margin:0;">123 Your Street, City, Country</p>
            </td>
        </tr>
    </table>
</body>
</html>
