<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="x-apple-disable-message-reformatting">
    <title>AI Purchase</title>

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap" rel="stylesheet">
</head>

<body>
    <!-- Hero Start -->
    <div style="margin: 24px auto;">
        <table cellpadding="0" cellspacing="0" style="font-family: DM Sans, sans-serif; font-size: 16px; font-weight: 400; width: 600px; border: none; margin: 0 auto; border-radius: 6px; overflow: hidden; background-color: #fff; box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);">
            
            <!-- Header -->
            <thead style="padding: 16px; display: block;">
                <tr style="display: block; border: none; text-align: center; font-size: 24px; letter-spacing: 1px;">
                    <th scope="col" style="margin: auto; display: block;">
                        <a href="https://ge-as.com">
                            <img src="https://ge-as.com/images/logo-dark.png" style="height: 40px;">
                        </a>
                    </th>
                </tr>
            </thead>
            
            <!-- Navigation Links -->
            <tbody>
                <tr>
                    <td style="justify-content: center; text-align: center; border-top: 1px solid #f3f4f6;">
                        <a href="https://ge-as.com" style="text-decoration: none; padding: 16px; display: inline-block; font-weight: 600; color: #161c2d; text-transform: uppercase; font-size: 14px;">Home</a>
                        <a href="https://ge-as.com/bid-marketplace" style="text-decoration: none; padding: 16px; display: inline-block; font-weight: 600; color: #161c2d; text-transform: uppercase; font-size: 14px;">Bid Item</a>
                        <a href="https://ge-as.com/home#inventory" style="text-decoration: none; padding: 16px; display: inline-block; font-weight: 600; color: #161c2d; text-transform: uppercase; font-size: 14px;">Sell Item</a>
                        <a href="https://ge-as.com/ai-bot-plans" style="text-decoration: none; padding: 16px; display: inline-block; font-weight: 600; color: #161c2d; text-transform: uppercase; font-size: 14px;">Ai bot</a>
                    </td>
                </tr>

                <!-- Hero Section -->
                <tr>
                    <td style="padding: 24px 16px; background: #f8fafc; display: block; text-align: center;">
                        <img src="https://ge-as.com/images/mail-bot.png" alt="certificate">
                        <h1 style="font-weight: 600; margin: 16px 0 0;">Hello {{ $data['first_name'] }}!</h1>
                    </td>
                </tr>

                <!-- Cheers Section -->
                <tr>
                    <td style="padding: 16px 16px 0; color: #161c2d;">
                        <p style="margin: 0; font-size: 18px; font-weight: 500;">Great move!</p>
                        <p style="margin-bottom: 0; color: #94a3b8;">Your purchase for the <span style="font-weight: 500; color: #161c2d;">{{ $data['plan_name'] }} package</span> was successful. Package details:</p>
                    </td>
                </tr>

                <!-- AI Bot Details -->
                <tr>
                    <td style="padding: 16px 16px 0; color: #161c2d;">
                        <p style="margin: 0; font-size: 18px; font-weight: 500;">AI Bot Details:</p>
                        <ul>
                            <li><b>Name</b>: {{ $data['plan_name'] }}</li>
                            <li><b>Daily Profit</b>: {{ $data['description'] }}</li>
                            <li><b>Minimum Funding</b>: ${{ number_format($data['min'], 2) }}</li>
                            <li><b>Maximum Funding</b>: ${{ number_format($data['max'], 2) }}</li>
                            <li><b>Funding Restrictions</b>: Can only be funded once.</li>
                            <li><b>Duration</b>: 30 Days.</li>
                            <li><b>Capital and proceeds open for withdrawal 24/7 according to your inventory</b></li>
                        </ul>
                    </td>
                </tr>

                <!-- Encouragement Section -->
                <tr>
                    <td style="padding: 16px 16px 0; color: #161c2d;">
                        <p style="margin-bottom: 0; color: #94a3b8;">We encourage you to fund the bot to start maximizing your returns.</p>
                        <p style="margin-bottom: 0; color: #94a3b8;">Thank you for choosing G.E.A.S!</p>
                    </td>
                </tr>

                <!-- Closing Remarks -->
                <tr>
                    <td style="padding: 16px 16px 0; color: #161c2d;">
                        <p style="margin: 0; font-size: 18px; font-weight: 500;">Best Regards,</p>
                        <p style="margin-bottom: 20px; color: #94a3b8;">G.E.A.S Team</p>
                    </td>
                </tr>

                <!-- Footer -->
                <tr>
                    <td style="padding: 16px 8px; color: #fff; background-color: #161c2d; text-align: center;">
                        <table style="width: 100%;">
                            <tbody>
                                <tr>
                                    <td style="display: inline-flex; align-items: center; margin: 0 10px 10px;">
                                        <span style="font-size: 14px;">Great service delivery</span>
                                    </td>
                                    <td style="display: inline-flex; align-items: center; margin: 0 10px 10px;">
                                        <span style="font-size: 14px;">Sustainable system</span>
                                    </td>
                                    <td style="display: inline-flex; align-items: center; margin: 0 10px 10px;">
                                        <span style="font-size: 14px;">Secure payments</span>
                                    </td>
                                </tr>

                                <tr>
                                    <td style="text-align: center;">
                                        <p style="margin: 4px 0 10px;">© <script>document.write(new Date().getFullYear())</script> G.E.A.S.</p>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <!-- Hero End -->
</body>
</html>
