<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>ID/Passport Number Required</title></head>
<body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px;">
    <div style="background: linear-gradient(135deg, #ff6b35, #f7931e); padding: 20px; border-radius: 8px; margin-bottom: 20px; color: white;">
        <h2 style="margin: 0;">Action Required</h2>
        <p style="margin: 5px 0 0 0; opacity: 0.9;">Account Update Needed</p>
    </div>
    
    <div style="background: white; padding: 20px; border: 1px solid #dee2e6; border-radius: 8px;">
        <p>Dear <strong>{reseller_name}</strong>,</p>
        
        <p>We are updating our reseller database to comply with regulatory requirements and need you to provide your <strong>ID Number or Passport Number</strong>.</p>
        
        <div style="background: #fff3cd; padding: 15px; border-radius: 5px; margin: 20px 0; border-left: 4px solid #ffc107;">
            <h4 style="color: #856404; margin: 0 0 10px 0;">IMPORTANT DEADLINE</h4>
            <p style="margin: 0; font-size: 16px;"><strong>You have {days_remaining} days remaining</strong> to complete this update.</p>
            <p style="margin: 5px 0 0 0; color: #856404;">Deadline: <strong>{deadline_date}</strong></p>
        </div>
        
        <div style="text-align: center; margin: 30px 0;">
            <a href="{auto_login_link}" 
               style="display: inline-block; padding: 15px 30px; background: linear-gradient(135deg, #28a745, #20c997); 
                      color: white; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 16px;
                      box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: all 0.3s ease;">
                Update My Information Securely
            </a>
        </div>
        
        <p style="text-align: center; font-size: 12px; color: #6c757d; margin: 10px 0;">
            This secure link automatically logs you in and expires in 24 hours for your protection.
        </p>
        
        <div style="background: #e8f5e8; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <h4 style="color: #2e7d32; margin: 0 0 10px 0;">Why is this required?</h4>
            <ul style="margin: 0; padding-left: 20px; color: #2e7d32;">
                <li>Regulatory compliance requirements</li>
                <li>Enhanced account security</li>
                <li>Improved service delivery</li>
            </ul>
        </div>
        
        <div style="background: #ffebee; padding: 15px; border-radius: 5px; margin: 20px 0; border-left: 4px solid #f44336;">
            <h4 style="color: #c62828; margin: 0 0 10px 0;">What happens if I don't update by the deadline?</h4>
            <p style="margin: 0; color: #c62828;">Your account access will be temporarily restricted until you provide the required information.</p>
        </div>
        
        <p>If you need assistance or have questions, please contact our support team at <a href="mailto:{support_email}">{support_email}</a>.</p>
        
        <p>Thank you for your prompt attention to this matter.</p>
        
        <p>Best regards,<br><strong>OpenWeb Reseller Management Team</strong></p>
    </div>
    
    <div style="text-align: center; margin-top: 20px; font-size: 12px; color: #6c757d;">
        <p>This email was sent to ensure compliance with regulatory requirements.<br>
        If you believe this email was sent in error, please contact support immediately.</p>
    </div>
</body>
</html>