<!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: #059669;">Contract Successfully Signed</h2>
        
        <p>Hello {{ customer.get_full_name|default:customer.email }},</p>
        
        <p>Thank you for signing <strong>{{ contract.title }}</strong>.</p>
        
        <div style="background-color: #d1fae5; border-left: 4px solid #059669; padding: 15px; margin: 20px 0;">
            <p style="margin: 0;"><strong>Signed:</strong> {{ signature.signed_at|date:"F d, Y \a\t g:i A" }}</p>
            <p style="margin: 5px 0 0 0;"><strong>Signer:</strong> {{ signature.signer_name }}</p>
        </div>
        
        <p>A copy of the signed contract has been saved to your account and is available for download.</p>
        
        <p>If you have any questions, please contact {{ business_name }}.</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 confirmation from {{ business_name }}.
        </p>
    </div>
</body>
</html>
