{% apply inky_to_html|inline_css(source('@styles/foundation-emails.css'))|inline_css %}

    <style>
        {% block style %}
        .container *{
            font-family: Arial;
        }
        .white{
            color: #FFFFFF !important;
        }
        .black{
            color: #000000 !important;
        }
        .container{
            border: 2px solid #324250;
            border-radius: 5px;
            margin-top: 20px;
        }
        .header{
            background: #324250;
        }
        .footer{
            background: #1ead8f;
            padding: 10px;
            color: #FFFFFF;
            font-weight: bold;
        }
        {% endblock %}
    </style>

    <container>
        {% block header %}
            <row>
                <columns small="12" class="header">
                    <spacer size="10"></spacer>
                    <p class="white">{{ organization.name }}</p>
                </columns>
            </row>
        {% endblock %}

        <row>
            <columns small="12">
                <spacer size="10"></spacer>
                    {% block content %}
                    {% endblock %}
                <spacer size="10"></spacer>
            </columns>
        </row>

        {% block antispam %}
            <row>
                <columns small="12">
                    <p>
                        <small class="black">
                            Cet e-mail a été envoyé automatiquement à
                            #__#ANTISPAM_PERSON_EMAIL#__#
                            par le logiciel Opentalent utilisé par votre structure.
                            Merci de ne pas y répondre.
                        </small>
                    </p>
                </columns>
            </row>
        {% endblock %}

        {% block footer %}
            <row>
                <columns small="12" class="footer">
                    <center>
                        <menu>
                            <small>
                                <item href="https://support.opentalent.fr" class="white">Aide du logiciel</item>
                                -
                                <item href="https://www.opentalent.fr/login" class="white">Se connecter au logiciel</item>
                            </small>
                        </menu>
                    </center>
                </columns>
            </row>
        {% endblock %}

        {% block footer_signature %}

            <row>
                <columns small="12">
                    <spacer size="10"></spacer>
                    <p class="text-center">
                        <small class="black">
                            &copy; Opentalent - {{ "now"|date("Y") }} - La plateforme culturelle : agenda culturel et logiciels pour les structures culturelles -
                            <a href="https://www.opentalent.fr/agenda">www.opentalent.fr/agenda</a>
                        </small>
                    </p>
                </columns>
            </row>

        {% endblock %}

    </container>

{% endapply %}