{{define "content"}}
    <h2>New Contact Form Submission</h2>
    <p>You've received a new message from the contact form on your website.</p>
    
    <table cellpadding="10" cellspacing="0" style="width: 100%; border-collapse: collapse;">
        <tr>
            <td style="border: 1px solid #e0e0e0; background-color: #f9f9f9; font-weight: bold; width: 150px;">Name:</td>
            <td style="border: 1px solid #e0e0e0;">{{.Name}}</td>
        </tr>
        <tr>
            <td style="border: 1px solid #e0e0e0; background-color: #f9f9f9; font-weight: bold;">Email:</td>
            <td style="border: 1px solid #e0e0e0;"><a href="mailto:{{.Email}}">{{.Email}}</a></td>
        </tr>
        <tr>
            <td style="border: 1px solid #e0e0e0; background-color: #f9f9f9; font-weight: bold;">Subject:</td>
            <td style="border: 1px solid #e0e0e0;">{{.Subject}}</td>
        </tr>
        <tr>
            <td style="border: 1px solid #e0e0e0; background-color: #f9f9f9; font-weight: bold; vertical-align: top;">Message:</td>
            <td style="border: 1px solid #e0e0e0; white-space: pre-wrap;">{{.Message}}</td>
        </tr>
        {{if .IPAddress}}
        <tr>
            <td style="border: 1px solid #e0e0e0; background-color: #f9f9f9; font-weight: bold;">IP Address:</td>
            <td style="border: 1px solid #e0e0e0;">{{.IPAddress}}</td>
        </tr>
        {{end}}
        {{if .UserAgent}}
        <tr>
            <td style="border: 1px solid #e0e0e0; background-color: #f9f9f9; font-weight: bold;">User Agent:</td>
            <td style="border: 1px solid #e0e0e0;">{{.UserAgent}}</td>
        </tr>
        {{end}}
    </table>
    
    <p style="margin-top: 20px;">
        <a href="mailto:{{.Email}}" class="btn">Reply to {{.Name}}</a>
    </p>
{{end}}