{% extends 'mail/base.html.twig' %}

{% block body %}
    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" height="auto"
           style="border-collapse:collapse">
        <tbody>
        <tr>
            <td align="center" valign="center" style="text-align:center; padding-bottom: 10px">
                <!--begin:Email content-->
                <div style="text-align:left; margin-bottom:54px">
                    <!--begin:Logo-->
                    <div style="margin:0 60px 55px 60px">
                        <a href="{{ public_url }}" rel="noopener" target="_blank">
                            <img alt="Logo" src="{{ email.image('@private-space/assets/img/logo.png') }}"
                                 style="height: 35px"/>
                        </a>
                    </div>
                    <!--end:Logo-->
                    <!--begin:Text-->
                    <div style="font-size: 14px; font-weight: 500; margin:0 60px 30px 60px; font-family:Arial,Helvetica,sans-serif">
                        <p style="color:#181C32; font-size: 28px; font-weight:700; line-height:1.4; margin-bottom:24px">
                            Bonjour à tous</p>
                        <p style="margin-bottom:15px; color:#3F4254; line-height:1.6">
                            Nous vous informons qu'une nouvelle annonce a été créée.
                        </p>
                    </div>
                    <!--end:Text-->
                    <!--begin:Text-->
                    <div style="margin:0 60px 34px 60px; margin-bottom: 15px">
                        <!--begin:Title-->
                        <h3 style="text-align:left; color:#181C32; font-size: 18px; font-weight:600; margin-bottom: 22px">
                            Annonce</h3>
                        <!--end:Title-->
                        <!--begin:Items-->
                        <div style="padding-bottom:9px">
                            <!--begin:Item-->
                            <div style="display:flex; justify-content: space-between; color:#7E8299; font-size: 14px; font-weight:500; margin-bottom:8px">
                                <!--begin:Description-->
                                <div style="font-family:Arial,Helvetica,sans-serif; min-width: 200px">Nom</div>
                                <!--end:Description-->
                                <!--begin:Total-->
                                <div style="font-family:Arial,Helvetica,sans-serif">{{ advert.title }}</div>
                                <!--end:Total-->
                            </div>
                            <!--end:Item-->
                            <!--begin:Item-->
                            <div style="display:flex; justify-content: space-between; color:#7E8299; font-size: 14px; font-weight:500;">
                                <!--begin:Description-->
                                <div style="font-family:Arial,Helvetica,sans-serif; min-width: 200px">Lien</div>
                                <!--end:Description-->
                                <!--begin:Total-->
                                <div style="font-family:Arial,Helvetica,sans-serif"><a href="{{ public_url }}/admin/advert/{{ advert.id }}/detail" target="_blank">{{ public_url }}/advert/{{ advert.id }}/detail</a></div>
                                <!--end:Total-->
                            </div>
                            <!--end:Item-->
                            <!--begin:Item-->
                            <div style="display:flex; justify-content: space-between; color:#7E8299; font-size: 14px; font-weight:500;">
                                <!--begin:Description-->
                                <div style="font-family:Arial,Helvetica,sans-serif; min-width: 200px">Date de début de publication </div>
                                <!--end:Description-->
                                <!--begin:Total-->
                                <div style="font-family:Arial,Helvetica,sans-serif">{{ advert.createdAt|date('Y-m-d H:i') }}</div>
                                <!--end:Total-->
                            </div>
                            <!--end:Item-->
                            <!--begin:Item-->
                            <div style="display:flex; justify-content: space-between; color:#7E8299; font-size: 14px; font-weight:500;">
                                <!--begin:Description-->
                                <div style="font-family:Arial,Helvetica,sans-serif; min-width: 200px">Annonceur  </div>
                                <!--end:Description-->
                                <!--begin:Total-->
                                <div style="font-family:Arial,Helvetica,sans-serif">{{ advert.owner.fullName }}</div>
                                <!--end:Total-->
                            </div>
                            <!--end:Item-->
                        </div>
                        <!--end:Items-->
                    </div>
                    <!--end:Text-->
                    <!--begin:Text-->
                    <div style="font-size: 14px; font-weight: 500; margin:0 60px 30px 60px; font-family:Arial,Helvetica,sans-serif">
                        <p style="margin-bottom:15px; color:#3F4254; line-height:1.6;font-weight: 600;">
                            Bonne journée,
                        </p>
                        <p style="margin-bottom:2px; color:#3F4254; line-height:1.6"> Cordialement
                        </p>
                    </div>
                    <!--end:Text-->
                </div>
                <!--end:Email content-->
            </td>
        </tr>
        <tr>
            <td align="center" valign="center"
                style="font-size: 13px; padding:0 15px; text-align:center; font-weight: 500; color: #A1A5B7;font-family:Arial,Helvetica,sans-serif">
                <p>&copy; Copyright FNAC.</p>
            </td>
        </tr>
        </tbody>
    </table>
{% endblock %}