<html>
<body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333;">
    <div style="max-width: 600px; margin: 0 auto; padding: 20px;">
        <h2 style="color: #d4910a;">Early Discount Fee Payment Due</h2>
        
        <p>Dear <strong>{{reseller_name}}</strong>,</p>
        
        <p>Your early discount fee payment is due soon.</p>
        
        <div style="background-color: #f8f9fa; padding: 15px; border-left: 4px solid #d4910a; margin: 20px 0;">
            <h3 style="margin-top: 0; color: #d4910a;">Payment Details</h3>
            <p><strong>Discount Tier:</strong> {{tier_name}} ({{discount_percentage}}% discount)</p>
            <p><strong>Monthly Fee:</strong> R{{monthly_fee}}</p>
            <p><strong>Due Date:</strong> {{due_date}}</p>
            <p><strong>Days Until Due:</strong> <span style="color: #dc3545; font-weight: bold;">{{days_until_due}}</span></p>
        </div>
        
        <p>Please ensure payment is made before the due date to maintain your discount benefits.</p>
        
        <div style="text-align: center; margin: 30px 0;">
            <a href="{{payment_url}}" style="background-color: #d4910a; color: white; padding: 12px 30px; text-decoration: none; border-radius: 5px; display: inline-block;">Make Payment Now</a>
        </div>
        
        <p>Best regards,<br>
        <strong>OpenWeb Team</strong></p>
    </div>
</body>
</html>