@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>We are thrilled to inform you that you have successfully logged into your portal account. Congratulations!</p>
                    <p>Please find attached the QR code for you to download. This QR code can be used to easily share your profile with others. Simply scan the code using a QR code scanner app or feature on your device, and it will direct users to your profile.</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 our platform.</p>
                   <p>2. Navigate to the side pannel and locate the <a href="{{route('my_account')}}">«My Card»</a> link.</p>
                   <p>3. Click on the «Edit Card» to make changes to various details such as Personal Information, Profile Photo, Business Details, or Social Links. This will ensure that your profile is complete and comprehensive.</p>
                   <p>4. After submitting your updated profile, you can either tap or scan your vCarrd from another device to see how it appears to the visitors.</p>
                   <p>5. Visitors can conveniently save your vCarrd information to their contact directory by clicking the «Save Card» button.</p>
                   <p>If you have any questions, concerns, or require assistance with any aspect of our portal, please do not hesitate to reach out to our support team. We are here to help and ensure that your experience with our platform is seamless and rewarding. please reach out to us at <a href="mailto:support@vcarrd.com">support@vcarrd.com</a></p>
                </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;" /></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')