<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Password Reset Email</title>
    <!-- Add your CSS styles or link to external stylesheets here -->
</head>
<body>
    <div style="background-color: #2196F3; color: #fff; padding: 20px;">
        <h1>Password Reset</h1>
        <p>You are receiving this email because a password reset request was made for your account.</p>
    </div>

    <div style="padding: 20px;">
        <p>Please click the link below to reset your password:</p>
        <p><a href="{{ protocol }}://{{ domain }}{% url 'accounts:password_reset_confirm' uidb64=uid token=token %}">Reset Password</a></p>
        <p>If you didn't request a password reset, please ignore this email.</p>
    </div>

    <div style="background-color: #f0f0f0; padding: 20px;">
        <p>If you have any questions or need assistance, please contact our support team.</p>
        <!-- Add your contact information or support details here -->
    </div>
</body>

<style>
    .container{
        margin-top: 20vh;
    }
</style>
</html>
