@extends('emails.layout')

@section('content')
    <div data-slot-container=""
         style="color: rgb(34, 34, 34); font-family: nunito, arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"
         class="ui-sortable">
        <div data-slot="text" style="font-family: Roboto;font-style: normal;font-weight: 500;font-size: 16px;line-height: 110%;margin-top:5px">
            Ya podés ingresar a {{env('MAIL_BIENVENIDO')}}!
            <br>
        </div>
        <div data-slot="text" style="margin-top:9px;" >
            Usamos este código simple de acceso para que no tengas que recordar una nueva contraseña.
            <br>
        </div>
        <div data-slot="text" style="margin-top:9px;" >
            Tu código de Ingreso es:
            <br>
        </div>
        <div style=";margin-top: 9px;margin-left: 50px;">
            <div style="background: #E0E0E0; border-radius: 5px; width: 320px;
                height: 66px;left: 20px;top: 367px; text-align: center !important; padding-top: 2px">
                <p style="font-family: SF Pro Display;font-style: normal;font-weight: bold;font-size: 36px;
                    line-height: 43px;text-align: center;letter-spacing: 22px;margin-top: 10px;">
                    {{$password}}
                </p>
            </div>
        </div>
        <div data-slot="text" style="margin-top:9px;">
            Éste código se podrá utilizar una única vez para ingresar. Si algo falla deberás comenzar de nuevo para conseguir otro.
        </div>   
    </div>
@endsection