<!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: #2563eb;">Contract Signature Required</h2>
        
        <p>Hello {{ customer.get_full_name|default:customer.email }},</p>
        
        <p>Please review and sign the following contract:</p>
        
        <div style="background-color: #f3f4f6; border-left: 4px solid #2563eb; padding: 15px; margin: 20px 0;">
            <strong>{{ contract.title }}</strong>
        </div>
        
        <p>
            <a href="{{ signing_url }}" 
               style="display: inline-block; background-color: #2563eb; color: white; padding: 12px 24px; text-decoration: none; border-radius: 5px; font-weight: bold;">
                Sign Contract
            </a>
        </p>
        
        {% if expires_at %}
        <p style="color: #d97706; font-size: 14px;">
            <strong>Note:</strong> This signing link will expire on {{ expires_at|date:"F d, Y \a\t g:i A" }}.
        </p>
        {% endif %}
        
        <p>If you have any questions, please contact {{ 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 message from {{ business_name }}. Please do not reply to this email.
        </p>
    </div>
</body>
</html>
