<!DOCTYPE html>
<html lang="en" dir="ltr">
<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>Store Setup</title>
    <!-- Font -->
    <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);">
            <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>

            <tbody>
                <!-- Navigation Links -->
                <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/certificate.png" alt="certificate">
                        <h1 style="font-weight: 600; margin: 16px 0 0;">Congratulations {{ $data['first_name'] }}!</h1>
                    </td>
                </tr>

                <!-- Store Setup Confirmation -->
                <tr>
                    <td style="padding: 16px 16px 0; color: #161c2d;">
                        <p style="margin: 0; font-size: 18px; font-weight: 500;">Your C2C store has been set up successfully!</p>
                        <p style="margin-bottom: 0; color: #94a3b8;">You are now a certified store owner with the store name: <span style="font-weight: 500; color: #161c2d;">{{ $data['store'] }}</span></p>
                    </td>
                </tr>

                <!-- Access Details -->
                <tr>
                    <td style="padding: 16px 16px 0; color: #161c2d;">
                        <p style="margin: 0; font-size: 18px; font-weight: 500;">What You Have Access To:</p>
                        <ul style="margin-left: 20px;">
                            @if($data['promo'] == 1)
                            <li><b>Full Access:</b> You have been granted access to all features and tools to set up and personalize your C2C store.</li>
                            @else
                            <li><b>Full Access:</b> Once your payment is confirmed, you'll gain immediate access to all features and tools to set up and personalize your C2C store.</li>
                            @endif
                            <li><b>Priority Support:</b> Enjoy priority assistance from our support team for any questions or assistance you may need during the setup process.</li>
                            <li><b>Enhanced Visibility:</b> Your products will be highlighted to potential buyers, increasing your chances of successful transactions.</li>
                            <li><b>Market Access:</b> Access to earn from bidding and selling across all markets available on the platform.</li>
                            <li><b>Create Your Team:</b> Refer users up to three generations of referrals and earn upon profits made by each generation.</li>
                            <li><b>AI Arbitrage:</b> Access all our AI plans to generate profits for you upon subscribing to any plan of your choice.</li>
                        </ul>
                    </td>
                </tr>
                
                <!-- Store Mngr Details -->
                @if($data['promo'] == 1)
                <tr>
                    <td style="padding: 16px 16px 0; color: #161c2d;">
                        <p style="margin: 0; font-size: 18px; font-weight: 500;">Your Assigned Store Manager:</p>
                        <ul style="margin-left: 20px;">
                            <li><b>Manager Name:</b> {{ $data['manager']['name'] }}.</li>
                            <li><b>Manager Email:</b> {{ $data['manager']['email'] }} .</li>
                        </ul>
                    </td>
                </tr>
                @endif

                <!-- Final Thank You -->
                <tr>
                    <td style="padding: 16px 16px 0; color: #161c2d;">
                        <p style="margin-bottom: 0; color: #94a3b8;">Thank you for choosing G.E.A.S! We look forward to seeing your store thrive in our vibrant community.</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>
