@include('emails.header')
<tr>
    <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
            <tr>
                <td bgcolor="#ffffff" align="left" style="padding: 0px 30px 20px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 28px;">
                    <p style="margin: 0;">Dear {{$fullName}},</p>
                    <p>Congratulations!</p>
                    <p>You've successfully logged into your account. Please find the attached QR code for you to download. Scan it using a QR code scanner or a feature on your device to share your profile with others easily.</p>
                </td>
            </tr> <!-- COPY -->
            <tr>
                <td bgcolor="#ffffff" align="left" style="padding: 0px 30px 20px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 28px;">

                <strong>Instructions for add or edit your card information </strong>

                   <p>1. Log in to your account on vCarrd platform.</p>
                   {{-- <p>2. Look for <a href="{{route('my_account')}}">«My Cards»</a> on the side panel.</p> --}}
                   <p>2. Look for «My Cards» on the side panel.</p>
                   <p>3. Click "Edit Card" to update your Personal Information, Profile Photo, Business Details, or Social Links, ensuring your profile is complete.</p>
                   <p>4. Once updated, tap or scan vCarrd to view the profile on another device.</p>
                   <p>5. Visitors can easily save your vCarrd to their contacts by clicking «Save Card».</p>
                   <p>Please reach out to us at <a href="mailto:support@vcarrd.com">support@vcarrd.com</a> for any queries or support to access the vCarrd portal. We’re happy to help.</p>
                </td>
            </tr>
            <tr>
                <td bgcolor="#ffffff" align="left" style="padding: 0px 30px 20px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 28px;">
                    <strong style="vertical-align: top;">Profile Link: </strong>
                    <a href="{{route('card_profile_detail.username', ['username' => $user->username, 'card_profile_username' => $card_profile->card_profile_username])}}" download="QR-Code.png">{{route('card_profile_detail.username', ['username' => $user->username, 'card_profile_username' => $card_profile->card_profile_username])}}</a>
                </td>
            </tr>
            @if(!empty($card_profile->qr_code) && $card_profile->qr_code != '')
            <tr>
                <td bgcolor="#ffffff" align="left" style="padding: 0px 30px 20px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 28px;">
                    <strong style="vertical-align: top;">QR Code: </strong>
                    <a href="{{asset($card_profile->qr_code)}}" download="QR-Code.png"><img src="{{asset($card_profile->qr_code)}}" style="max-height: 100px;" alt="QR Code" /></a>
                </td>
            </tr>
            @endif
            <tr>
                <td bgcolor="#ffffff" align="left" style="padding: 20px 30px 20px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 28px;">
                    <p style="margin: 0;">Best regards,</p>
                    <p style="margin: 0;">The vCarrd Team.</p>
                </td>
            </tr>
        </table>
    </td>
</tr>
@include('emails.footer')