<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Form Submission</title>
</head>
<body style="font-family: Arial, sans-serif; background-color: #f8f9fa; padding: 30px; color: #333;">

    <table width="100%" cellpadding="0" cellspacing="0" style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); padding: 20px;">
        <!-- Header Section -->
        <tr>
            <td style="padding-bottom: 20px; border-bottom: 1px solid #dee2e6;">
                <h2 style="color: #0a2540; margin: 0;">New Contact Form Submission from {{ $data['name'] }}</h2>
                <br>
                <h4 style="color: #555; margin: 0;">I hope this email finds you well. We have received a new submission from the contact form on PowerUpGreen website. Please find the details of the submission below:</h4>
            </td>
        </tr>

        <!-- Contact Information Table -->
        <tr>
            <td style="padding: 20px 0;">
                <table width="100%" cellpadding="8" cellspacing="0" style="border-collapse: collapse; margin-bottom: 20px;">
                    <tr>
                        <td style="width: 40%; font-weight: bold; color: #555;">Name:</td>
                        <td style="color: #333;">{{ $data['name'] }}</td>
                    </tr>
                    <tr>
                        <td style="font-weight: bold; color: #555;">Organisation:</td>
                        <td style="color: #333;">{{ $data['org'] }}</td>
                    </tr>
                    <tr>
                        <td style="font-weight: bold; color: #555;">Street Address:</td>
                        <td style="color: #333;">{{ $data['street'] }}</td>
                    </tr>
                    <tr>
                        <td style="font-weight: bold; color: #555;">City:</td>
                        <td style="color: #333;">{{ $data['city'] }}</td>
                    </tr>
                    <tr>
                        <td style="font-weight: bold; color: #555;">State:</td>
                        <td style="color: #333;">{{ $data['state'] }}</td>
                    </tr>
                    <tr>
                        <td style="font-weight: bold; color: #555;">Postal Code:</td>
                        <td style="color: #333;">{{ $data['postal'] }}</td>
                    </tr>
                    <tr>
                        <td style="font-weight: bold; color: #555;">Email:</td>
                        <td style="color: #333;">{{ $data['email'] }}</td>
                    </tr>
                    <tr>
                        <td style="font-weight: bold; color: #555;">Channel/Industry:</td>
                        <td style="color: #333;">{{ $data['channel'] }}</td>
                    </tr>
                    <tr>
                        <td style="font-weight: bold; color: #555;">Annual Revenue:</td>
                        <td style="color: #333;">{{ $data['revenue'] }}</td>
                    </tr>
                    <tr>
                        <td style="font-weight: bold; color: #555;">Years in Business:</td>
                        <td style="color: #333;">{{ $data['years'] }}</td>
                    </tr>
                    <tr>
                        <td style="font-weight: bold; color: #555;">Website:</td>
                        <td style="color: #333;"><a href="{{ $data['website'] }}" style="color: #007BFF; text-decoration: none;">{{ $data['website'] }}</a></td>
                    </tr>
                </table>

                <!-- Message Section -->
                <p><strong>Message:</strong></p>
                <div style="background-color: #f1f1f1; padding: 15px; border-radius: 4px; color: #555;">
                    {{ $data['message'] }}
                </div>
            </td>
        </tr>

        <!-- Footer Section -->
        <tr>
            <td style="padding-top: 20px; border-top: 1px solid #dee2e6; text-align: center; font-size: 12px; color: #999;">
                <p>This message was generated from the PowerUpGreen website contact form.</p>
            </td>
        </tr>
    </table>

</body>
</html>
