{% 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>{{ subscription.user.name }}</strong>,</p>
                <p>
                    Dziękujemy Ci za Twoje dotychczasowe wsparcie finansowe dla:
                </p>
                <p><strong>{{ subscription.unit.title }}</strong></p>
                <p>
                    {% set price = (subscription.children * subscription.monthlyCost)/100 %}
                    Dzięki Tobie, w ramach bieżącej subskrypcji, <strong>{{ price }} PLN</strong> miesięcznie zostało przeznaczone
                    na wsparcie tych, którzy tego wsparcia szczególnie potrzebują - to wielka sprawa!
                </p>
                <p>
                    Niniejsza subskrypcja zakończy się za <strong>{{ subscription.daysToEnd }} dni</strong>. Jeżeli
                    możesz dalej uczestniczyć w tym
                    wspaniałym przedsięwzięciu, prosimy zaloguj się na swoje konto w serwisie <a href="{{ frontend_url }}">salvatti.edu.pl</a> i w sekcji
                    <em>Moje finanse</em> przedłuż subskrypcję na wybrany przez siebie okres.
                </p>
            </columns>
        </row>
        <row class="footer">
            <columns>
                <p>Razem z obdarowanymi, bardzo Ci dziękujemy i serdecznie 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 %}