@extends('mails.layouts.model5')
@section('content')
    <table width="100%" cellpadding="0" cellspacing="0" style="@include('mails.partials.style_tr')">
        <tr style="@include('mails.partials.style_tr')">
            <td class="content-block" style="@include('mails.partials.style_td')" valign="top" align="center">
                Hello,
            </td>
        </tr>
        <tr style="@include('mails.partials.style_tr')">
            <td class="content-block" style="@include('mails.partials.style_td')" valign="top" align="center">
                {{ $prenom }} a adoré notre service de décoration en ligne et voudrait vous faire profiter de cette
                expérience.
            </td>
        </tr>
        <tr style="@include('mails.partials.style_tr')">
            <td class="content-block" style="@include('mails.partials.style_td')" valign="top" align="center">
                Pipcke vous offre une expérience d’aménagement unique en vous proposant de collaborer en ligne avec les
                architectes d'intérieur de votre choix et de concevoir l'intérieur de vos rêves en fonction de votre style
                et de votre budget.

            </td>
        </tr>
        <tr style="@include('mails.partials.style_tr')">
            <td class="content-block" style="@include('mails.partials.style_td')" valign="top" align="center">
                <a href="{{ route('login') }}">Connectez-vous</a> pour découvrir votre style et profitez grâce à
                {{ $prenom }} d'une réduction de <b>25€</b> sur toute souscription à un forfait Fantastique ou
                <b>15€</b> sur toute souscription à un forfait Incontournable en utilisant votre code de réduction :
            </td>
        </tr>

        <tr style="@include('mails.partials.style_tr')">
            <td class="content-block" style="@include('mails.partials.style_td'); padding-top: 10px;" valign="top"
                align="center">
                <b style="color: #d8ad7f">{{ $code }}</b>
            </td>
        </tr>
        <tr style="@include('mails.partials.style_tr')">
            <td class="content-block" style="@include('mails.partials.style_td')" valign="top" align="center">
                L’équipe Pipcke
            </td>
        </tr>

    </table>
@endsection

@section('content-suite')
    <table width="100%" cellpadding="0" cellspacing="0" style="@include('mails.partials.style_tr')">

        <tr style="@include('mails.partials.style_tr')">
            <td class="content-block" style="@include('mails.partials.style_td')" valign="top" align="center">
                Pipcke bouscule les codes de l’aménagement d’intérieur en proposant
            </td>
        </tr>
    </table>

    <table width="100%">
        <tr>
            <td>
                <div style="@include('mails.partials.style_bloc_circle')">
                    <div style="text-align: center; padding-top:20px;">
                        <img width="36px" src="{{ asset('images/mail/group.png') }}" alt="">
                    </div>
                    <div
                        style="width: 170px; line-height: 17px; margin-left: auto; margin-right: auto; text-align: center;">

                        la possibilité de choisir votre ou vos designers parmi notre sélection des meilleurs architectes
                        d'intérieur
                    </div>
                </div>
            </td>

            <td>
                <div style="@include('mails.partials.style_bloc_circle')">
                    <div style="text-align: center; padding-top:20px;">
                        <img width="36px" src="{{ asset('images/mail/speech-bubble.png') }}" alt="">
                    </div>
                    <div
                        style="width: 170px; line-height: 17px; margin-left: auto; margin-right: auto; text-align: center;">
                        un chat direct avec votre designer tout au long du processus de conception, et une assistance
                        jusqu'à la réalisation de votre projet
                    </div>
                </div>
            </td>
        </tr>

        <tr>
            <td colspan="2">
                <div style="@include('mails.partials.style_bloc_circle')">
                    <div style="text-align: center; padding-top:20px;">
                        <img width="36px" src="{{ asset('images/mail/concierge.png') }}" alt="">
                    </div>
                    <div
                        style="width: 170px; line-height: 17px; margin-left: auto; margin-right: auto; text-align: center;">
                        le conseiller shopping. Les économies réalisées grâce à notre conseiller shopping sur le prix du
                        mobilier et des accessoires déco couvriraient le prix du forfait et bien plus...
                    </div>
                </div>
            </td>
        </tr>

        <tr>
            <td>
                <div style="@include('mails.partials.style_bloc_circle')">
                    <div style="text-align: center; padding-top:20px;">
                        <img width="36px" src="{{ asset('images/mail/satisfaction.png') }}" alt="">
                    </div>
                    <div
                        style="width: 170px; line-height: 17px; margin-left: auto; margin-right: auto; text-align: center;">
                        l'assurance satisfaction garantie. Nous sommes heureux de contribuer à la réalisation de vos
                        projets, et nous avons décidé de ne pas faire les choses à moitié ❤
                    </div>
                </div>
            </td>

            <td>
                <div style="@include('mails.partials.style_bloc_circle')">
                    <div style="text-align: center; padding-top:20px;">
                        <img width="36px" src="{{ asset('images/mail/debit-card.png') }}" alt="">
                    </div>
                    <div
                        style="width: 170px; line-height: 17px; margin-left: auto; margin-right: auto; text-align: center;">
                        le paiement Smart. Payez votre forfait à l'avancement pour plus de flexibilité : 60% pour les
                        travaux de concept d'idées et 40% pour la conception finale
                    </div>
                </div>
            </td>
        </tr>
    </table>

    <br><br>
    <table width="100%">
        <tr style="@include('mails.partials.style_tr')">
            <td class="content-block" style="@include('mails.partials.style_td')" valign="top">
                <div style="text-align: center;">
                    <a href="{{ route('quiz') }}" style="@include('mails.partials.style_button')">DÉCOUVRIR MON STYLE</a>
                </div>
            </td>
        </tr>
    </table>

    <br>
    @include('mails.partials.assurance')
@endsection

@section('footer')
    @include('mails.partials.footers.5')
@endsection