<!DOCTYPE html>
<html>
<head>
    <title>Password Reset Request</title>
    <style>
        body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }
        .container { max-width: 600px; margin: 0 auto; padding: 20px; }
        .header { color: #2d3748; font-size: 24px; margin-bottom: 20px; }
        .button {
            display: inline-block;
            padding: 10px 20px;
            background-color: #3490dc;
            color: white !important;
            text-decoration: none;
            border-radius: 4px;
            font-weight: bold;
        }
        .footer { margin-top: 30px; font-size: 14px; color: #718096; }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">Books Pair Password Reset</div>

        <p>Hello!</p>

        <p>You're receiving this email because we received a password reset request for your Books Pair account.</p>

        <p style="margin: 25px 0;">
            <a href="{{ $actionUrl }}" class="button">Reset Password</a>
        </p>

        <p>This password reset link will expire in 60 minutes.</p>

        <p>If you didn't request a password reset, please ignore this email - no changes will be made to your account.</p>

        <div class="footer">
            <p>Thanks,<br>The Books Pair Team</p>

            <p style="margin-top: 20px; font-size: 12px; color: #a0aec0;">
                If you're having trouble clicking the "Reset Password" button, copy and paste this URL into your browser:
                <br><a href="{{ $actionUrl }}">{{ $actionUrl }}</a>
            </p>
        </div>
    </div>
</body>
</html>
