@extends('mails/template')

@section('header')
    @include('mails/partials/header')
@endsection

@section('title')
    <span>Bienvenue {{ $user->full_name }} chez Urban Canopee,</span>
@endsection

@section('subtitle')
    <span>Votre compte a bien été créé sur notre plateforme</span>
@endsection

@section('content')
    <div
        style="font-size: 14px; color: #4b4a4a; line-height: 140%; word-wrap: break-word;">
        <p style="font-size: 14px; line-height: 16.8px; font-family:Helvetica, Arial, sans-serif; color:#757575">
            Vous pouvez maintenant vous connecter à votre compte en cliquant
            sur le bouton ci-dessous avec les informations suivantes :</p>
        <p style="font-size: 14px; line-height: 16.8px;font-family:Helvetica, Arial, sans-serif; color:#757575; margin: 20px 0 10px 0">
            Email : {{ $user->email }}</p>
        <p style="font-size: 14px; line-height: 16.8px;font-family:Helvetica, Arial, sans-serif; color:#757575;  margin: 10px 0 20px 0">
            Mot de passe : {{ $password }}</p>
        <p style="font-size: 14px; line-height: 16.8px;font-family:Helvetica, Arial, sans-serif; color:#757575">
            Vous pouvez changer votre mot de passe une fois connecté</p>
    </div>
@endsection

@section('actions')
    <a href="https://app.urbancanopee.com" target="_blank"
       class="v-button"
       style="box-sizing: border-box;display: inline-block;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #000000; background-color: #5CAF7D; border-radius: 40px;-webkit-border-radius: 40px; -moz-border-radius: 40px; width:auto; max-width:100%; overflow-wrap: break-word; word-break: break-word; word-wrap:break-word; mso-border-alt: none;font-size: 14px;">
        <span style="display:block;padding:10px 30px;line-height:120%;">
            <span style="font-size: 16px; line-height: 19.2px; font-family:Helvetica, Arial,sans-serif; color:#ffffff">Se connecter</span></span>
    </a>
@endsection

@section('actions_message')
    <div
        style="font-size: 16px; color: #ffffff; line-height: 140%; text-align: center; word-wrap: break-word;">
        <p style="font-size: 16px; line-height: 22.4px; font-family:Helvetica, Arial,sans-serif; color:#757575">
            Merci de votre confiance</p>
    </div>
@endsection

@section('footer')
    @include('mails/partials/footer')
@endsection