<div style="box-sizing: border-box">
    <div style="background-color: rgb(244, 244, 244); margin: 0px !important; padding: 0px !important; width: 100% !important; box-sizing: border-box">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed; margin: 0px; box-sizing: border-box">
            <tbody>
                <tr>
                    <td style="padding: 0px; box-sizing: border-box; border: 0px none">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed; margin: 0px; box-sizing: border-box">
                            <tbody>
                                <tr>
                                    <td bgcolor="#110D3D" align="center" style="background: linear-gradient(98.94deg, rgb(17, 13, 61) 0.18%, rgb(22, 16, 78) 100%); padding: 0px 20px; box-sizing: border-box">
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px; box-sizing: border-box">
                                            <tbody>
                                                <tr>
                                                    <td align="left" valign="center" style="padding: 37px 10px 40px 0px; box-sizing: border-box">
                                                        <a href="{{ url('/') }}" target="_blank">
                                                            <img width="150" src="{{ asset('asset/img/logo.png') }}" style="max-width: 150px; display: block; border: 0px;">
                                                        </a>
                                                    </td>
                                                    <td align="right" valign="top" style="padding: 37px 0px 40px; box-sizing: border-box">
                                                        <table border="0" cellpadding="0" cellspacing="0" style="background-color: rgb(192, 248, 38); border-radius: 4px;">
                                                            <tbody>
                                                                <tr>
                                                                    <td align="center" valign="middle" style="font-family: 'Red Hat Display', Arial, sans-serif; font-size: 14px; padding: 15px 24px;">
                                                                        <a href="{{ config('app.dashboard_url') }}" style="font-weight: 700; text-decoration: none; color: rgb(17, 13, 61);" target="_blank">CLIENT LOGIN</a>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                
                                <tr>
                                    <td bgcolor="#f4f4f4" align="center" style="padding: 20px 20px 0px;">
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                                            <tbody>
                                                <tr>
                                                    <td align="center">
                                                        <img src="{{ asset('asset/img/0b075e77-2bf6-5a14-2821-e9d1c2b661d7.png') }}" style="display: block; width: 100% !important; border-radius: 8px;" width="600">
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>

                                <tr>
                                    <td bgcolor="#f4f4f4" align="center" style="padding: 0px 20px;">
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px; background-color: #ffffff;">
                                            <tbody>
                                                <tr>
                                                    <td align="left" style="padding: 30px; font-family: 'Red Hat Display', Arial, sans-serif; font-size: 16px; line-height: 24px; color: #01082b;">
                                                        <p>Dear Admin,</p>
                                                        <h1 style="font-size: 22px; font-weight: bold; color: #333333; margin-bottom: 20px; text-align: center;">CopyTrade Request</h1>
                                                        <p>A user has submitted a CopyTrade Request on your website.</p>
                                                        <p style="background-color: #f9f9f9; padding: 15px; border-radius: 8px; border-left: 4px solid #c0f826;">
                                                            <strong>Email:</strong> {{ $userEmail }} <br>
                                                            <strong>Trader Name:</strong> {{ $traderName }}
                                                        </p>
                                                        
                                                        <div style="text-align: center; padding: 20px 0;">
                                                            <a href="{{ config('app.dashboard_url') }}" style="background-color: rgb(192, 248, 38); color: #01082b; padding: 17px 24px; text-decoration: none; font-weight: 600; border-radius: 4px; display: inline-block;">Login To Your Account</a>
                                                        </div>

                                                        <hr style="border: 0; border-top: 1px solid #eeeeee; margin: 20px 0;">
                                                        
                                                        <p><strong>What's Next?</strong></p>
                                                        <p>1. <strong>Login:</strong> Review the request in your admin panel.</p>
                                                        <p>2. <strong>Verification:</strong> Ensure the user has sufficient balance.</p>
                                                        <p>3. <strong>Approval:</strong> Activate the link to the trader.</p>

                                                        <p style="margin-top: 40px;">
                                                            <strong>Need Help? We've Got Your Back</strong><br>
                                                            Contact <a href="mailto:{{ config('app.support_email') }}" style="color: #4c8cf6; text-decoration: none;">{{ config('app.support_email') }}</a> — we're here for you 24/7.
                                                        </p>
                                                        
                                                        <p style="margin-top: 30px;">
                                                            Warm Regards,<br>
                                                            <strong>{{ config('app.name') }}</strong>
                                                        </p>
                                                        <img src="{{ asset('asset/img/logo.png') }}" width="131" style="display: block; margin-top: 10px;">
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>