@extends('emails.layout')
@section('body')
    <table style="font-family:Poppins,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
        <tbody>
        <tr>
            <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:Poppins,sans-serif;" align="left">

                <div style="line-height: 200%; text-align: center; word-wrap: break-word; font-size: 14px">
                    <h2>Bienvenue sur KONDY !</h2>
                    <p>
                        Bonjour {{ $data['new_user']->proName() }},
                    </p>
                    <p>
                        L'administrateur de votre centre médical <b>{{$data['company']->name}}</b> a créé un compte pour vous sur l'application KONDY.
                    </p>
                    <p>
                        Voici vos identifiants de connexion :
                    </p>
                    <ul style="text-align: left">
                        <li>Email : <b>{{ $data['new_user']->email }}</b></li>
                        <li>Mot de passe : <b>{{strtolower($data['new_user']->firstname())}}</b></li>
                    </ul>
                    <p>
                        Veuillez vous connecter à l'application et changer votre mot de passe dès que possible.
                    </p>
                    <p>
                        Si ce n'est pas vous, veuillez nous le faire savoir.
                    </p>
                    <p>Merci,</p>
                    <p>L'équipe {{ $data['company']->name  }}</p>
                </div>

            </td>
        </tr>
        </tbody>
    </table>
    <table style="font-family:Poppins,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
        <tbody>
        <tr>
            <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:Poppins,sans-serif;" align="left">

                <div align="center">
                    <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;font-family:Poppins,sans-serif;"><tr><td style="font-family:Poppins,sans-serif;" align="center"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="" style="height:37px; v-text-anchor:middle; width:112px;" arcsize="11%" stroke="f" fillcolor="#1bc5bd"><w:anchorlock/><center style="color:#FFFFFF;font-family:Poppins,sans-serif;"><![endif]-->
                    <a href="{{route('users.edit', $data['new_user']->custom_id)}}" target="_blank" style="box-sizing: border-box;display: inline-block;font-family:Poppins,sans-serif;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #FFFFFF;
                                                    background-color: #3f51b5;
                                                    border-radius: 50px; width:auto; max-width:100%; overflow-wrap: break-word; word-break: break-word; word-wrap:break-word; mso-border-alt: none;">
                        <span style="display:block;padding:10px 20px;line-height:120%;"><span style="font-size: 15px; line-height: 16.8px; font-weight: bold font-weight: bold">Accéder à mon espace</span></span>
                    </a>
                    <!--[if mso]></center></v:roundrect></td></tr></table><![endif]-->
                </div>

            </td>
        </tr>
        </tbody>
    </table>
@endsection