<!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 Signed</h2>
        
        <p>A contract has been successfully signed by a customer.</p>
        
        <div style="background-color: #f3f4f6; padding: 20px; border-radius: 5px; margin: 20px 0;">
            <p style="margin: 0 0 10px 0;"><strong style="color: #2563eb;">Contract:</strong> {{ contract.title }}</p>
            <p style="margin: 0 0 10px 0;"><strong style="color: #2563eb;">Customer:</strong> {{ customer.get_full_name|default:customer.email }}</p>
            <p style="margin: 0 0 10px 0;"><strong style="color: #2563eb;">Email:</strong> {{ customer.email }}</p>
            <p style="margin: 0 0 10px 0;"><strong style="color: #2563eb;">Signed By:</strong> {{ signature.signer_name }}</p>
            <p style="margin: 0;"><strong style="color: #2563eb;">Signed At:</strong> {{ signature.signed_at|date:"F d, Y \a\t g:i A" }}</p>
        </div>
        
        <p>The signed contract PDF has been generated and is available in the system.</p>
        
        <hr style="border: none; border-top: 1px solid #e5e7eb; margin: 30px 0;">
        
        <p style="font-size: 12px; color: #6b7280;">
            This is an automated notification from {{ business_name }}.
        </p>
    </div>
</body>
</html>
