@extends('mails.layout')

@section('content')
{{-- @php
    $data = datas()->find($mailingId)
@endphp --}}
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTbl"
    style="table-layout: fixed;max-width:100% !important;width: 100% !important;min-width: 100% !important; ">
    <tr>
        <td align="center" valign="top" id="bodyCell">


            <table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="500"
            {{-- style="position: absolute;
                top: 50%;
                left: 50%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);"  --}}
                id="emailBody">

                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="color:#FFFFFF;"
                            bgcolor="00082e">
                            <tr>
                                <td align="center" valign="top">
                                    <table border="0" cellpadding="0" cellspacing="0" width="500"
                                        class="flexibleContainer">
                                        <tr>
                                            <td align="center" valign="top" width="500" class="flexibleContainerCell">
                                                <table border="0" cellpadding="30" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td align="center" valign="top" class=""
                                                            style="padding-top: 1em !important; padding-bottom: 1em !important;">
                                                            {{-- <img src="{{asset('assets/backoffice/img/logo/logo-light.svg')}}"
                                                            style="height: 50px" alt=""> --}}

                                                            <h1
                                                                style=" font-size:1.4em !important; color:#FFFFFF;line-height:100%;font-family:Helvetica,Arial,sans-serif;font-size:35px;font-weight:normal;margin-bottom:5px;text-align:center;">
                                                                Compte utilisateur</h1>


                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>




                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#F8F8F8">
                            <tr>
                                <td align="center" valign="top">
                                    <table border="0" cellpadding="0" cellspacing="0" width="500"
                                        class="flexibleContainer">
                                        <tr>
                                            <td align="center" valign="top" width="500" class="flexibleContainerCell">
                                                <table border="0" cellpadding="30" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td align="center" valign="top">

                                                            <table border="0" cellpadding="0" cellspacing="0"
                                                                width="100%" style="margin-bottom:20px;">
                                                                <tr>
                                                                    <td valign="top" class="textContent">
                                                                        <p
                                                                            style="color:#5F5F5F;line-height:125%;font-family:Helvetica,Arial,sans-serif;margin-top:0;margin-bottom:3px;text-align:left;">
                                                                            Bonjour et bienvenue <strong>{{$user->first_name}} {{$user->first_name}} </strong>,
                                                                            vous avez été ajouté en temps qu'utilisateur sur la plateforme <strong>{{platform()->name}}</strong>
                                                                        </p>

                                                                            <div  style="margin-top:1em !important;text-align:left;font-family:Helvetica,Arial,sans-serif;font-size:15px;margin-bottom:0;color:#5F5F5F;line-height:135%;">
                                                                                Mot de passe par défaut: <strong>  {{$password}}</strong>
                                                                            </div>

                                                                            <div  style="margin-top:1em !important;text-align:left;font-family:Helvetica,Arial,sans-serif;font-size:15px;margin-bottom:0;color:#5F5F5F;line-height:135%;">
                                                                                Vous pouvez vous connecter en cliquant sur le bouton ci-dessous. Une fois connecté, changez votre mot de passe pour plus de sécurité !
                                                                            </div>


                                                                    </td>
                                                                </tr>
                                                            </table>

                                                            <table border="0" cellpadding="0" cellspacing="0"
                                                            width="50%" class="emailButton"
                                                            style="background-color: #1a8754;">
                                                            <tr>
                                                                <td align="center" valign="middle"
                                                                    class="buttonContent"
                                                                    style="padding-top:5px;padding-bottom:5px;padding-right:5px;padding-left:5px;">
                                                                    <a style="color:#FFFFFF;text-decoration:none;font-family:Helvetica,Arial,sans-serif;font-size:20px;line-height:135%;"
                                                                        href="{{route('login')}}"
                                                                        target="_blank">Connexion backoffice</a>
                                                                </td>
                                                            </tr>
                                                            </table>



                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="color:#FFFFFF;"
                            bgcolor="00082e">
                            <tr>
                                <td align="center" valign="top">
                                    <table border="0" cellpadding="0" cellspacing="0" width="500"
                                        class="flexibleContainer">
                                        <tr>
                                            <td align="center" valign="top" width="500" class="flexibleContainerCell">
                                                <table border="0" cellpadding="30" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td align="center" valign="top" class="textContent"
                                                            style="padding-top: 1em !important; padding-bottom: 1em !important; ">

                                                            <small style="color: white">Téléphone:
                                                                <strong>{{platform()->telephone1}}</strong> | Whatsapp:
                                                                <strong>{{platform()->telephone2}}</strong></small> <br>
                                                            <small style="color: white">Email: <strong><a
                                                                        href="mailto:{{platform()->email}}"
                                                                        style="color: white">{{platform()->email}}</a></strong>

                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tr>
                                <td align="center" valign="top">
                                    <table border="0" cellpadding="0" cellspacing="0" width="500"
                                        class="flexibleContainer">
                                        <tr>
                                            <td align="center" valign="top" width="500" class="flexibleContainerCell">
                                                <table border="0" cellpadding="30" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td valign="top" bgcolor="#E1E1E1">

                                                            <div
                                                                style="font-family:Helvetica,Arial,sans-serif;font-size:13px;color:#000;text-align:center;line-height:120%;">
                                                                <div><strong>Copyright &#169; 2022 {{platform()->name}}. Tous Droits
                                                                        réservés.</strong>
                                                                </div>
                                                                {{-- <div>Si<a href="#"
                                                                    target="_blank"
                                                                    style="text-decoration:none;color:#828282;"><span
                                                                        style="color:#828282;">unsubscribe</span></a>
                                                            </div> --}}
                                                            </div>

                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>


            </table>
</table>

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