<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<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: #d97706;">Reminder: Contract Signature Required</h2>
        
        <p>Hello {{ customer.get_full_name|default:customer.email }},</p>
        
        <p>This is a reminder to sign the following contract:</p>
        
        <div style="background-color: #fef3c7; border-left: 4px solid #d97706; padding: 15px; margin: 20px 0;">
            <strong>{{ contract.title }}</strong>
        </div>
        
        {% if days_until_expiry %}
        <p style="color: #d97706; font-weight: bold;">
            This contract will expire in {{ days_until_expiry }} day{{ days_until_expiry|pluralize }}.
        </p>
        {% endif %}
        
        <p>
            <a href="{{ signing_url }}" 
               style="display: inline-block; background-color: #d97706; color: white; padding: 12px 24px; text-decoration: none; border-radius: 5px; font-weight: bold;">
                Sign Contract Now
            </a>
        </p>
        
        <p>Thank you,<br>{{ business_name }}</p>
        
        <hr style="border: none; border-top: 1px solid #e5e7eb; margin: 30px 0;">
        
        <p style="font-size: 12px; color: #6b7280;">
            This is an automated reminder from {{ business_name }}.
        </p>
    </div>
</body>
</html>
