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

    <container>
        <row class="background">
            <columns>
                <center>
                    <spacer size="15"></spacer>
                </center>
            </columns>
        </row>
        <row class="header">
            <columns>
                <a href="{{ url('homepage') }}">
                    <img src="{{ email.image('@images/email-logo.png') }}" class="mx-auto" alt="Salvatti logo">
                </a>
            </columns>
        </row>
        <spacer size="30"></spacer>
        <row>
            <columns>
                <p>Dzień dobry <strong>{{ userName }}</strong>,</p>
                <p class="white-space">{{ description }}</p>
            </columns>
        </row>
        <row>
            <columns>
                <center>
                    <button href="{{ postLink }}">Przejdź do raportu</button>
                </center>
            </columns>
        </row>
        <row class="footer">
            <columns>
                <p>Razem z tymi, którym pomagasz, bardzo Ci dziękujemy i serdeczne pozdrawiamy.</p>
                <p>Zespół <em>Salvatti Edu</em></p>
            </columns>
        </row>
        <row class="background">
            <columns>
                <center>
                    <spacer size="15"></spacer>
                </center>
            </columns>
        </row>
    </container>
{% endapply %}