{% 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;
        }
        .footer-white{
            padding: 10px;
            color: #000000;
        }
        .as{
            margin-bottom: 10px;
        }
        .center{
            text-align: center;
        }
        .social_link{
            margin: 0 5px;
        }
        {% 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 %}
            <div class="as">
                <p style="font-size:12px">
                    Cet e-mail a été envoyé automatiquement à&nbsp;#__#ANTISPAM_PERSON_EMAIL#__# par le logiciel Opentalent utilisé par votre structure.
                    <br />Merci de ne pas y répondre.
                </p>
            </div>
        {% endblock %}

        <div class="footer center">
            {% block footer %}
                <a href="https://support.opentalent.fr" target="_blank">Aide du logiciel</a>   - <a href="https://www.opentalent.fr/login" target="_blank">Se connecter au logiciel</a>
            {% endblock %}
        </div>

        <div class="footer-white center">
            {% block footer_signature %}
                © Opentalent - {{ 'now' | date('Y') }}
                : Agenda et Logiciels pour les acteurs culturels - <a href="https://www.opentalent.fr" target="_blank">opentalent.fr</a>
                <br />
                <br />
                <h3>Suivez-nous :</h3>
                <a href="https://www.facebook.com/opentalent" target="_blank" class="social_link"><img src="{{ asset('bundles/app/images/facebook.jpg') }}" width="30px"/></a>
                <a href="https://www.linkedin.com/company/opentalent-agenda-et-logiciels-culturels" target="_blank" class="social_link"><img src="{{ asset('bundles/app/images/linkedin.jpg') }}" width="30px"/></a>
                <a href="https://www.youtube.com/@Opentalent74300" target="_blank" class="social_link"><img src="{{ asset('bundles/app/images/youtube.jpg') }}" width="30px"/></a>
            {% endblock %}
        </div>

    </container>

{% endapply %}