<email-body v-bind="$props">
    <div class="grid-row">
        <div class="grid-block vn-pa-ml">
            <h1>{{ $t('title') }}</h1>
            <p>{{ $t('sections.introduction.title') }},</p>
            <p v-html="`${$t('sections.introduction.description')}:`"></p>

            <p>
            <section>
                <span>{{ $t('sections.pay.method') }}:</span>
                <strong>{{payMethod.name}}</strong>
            </section>
            <section v-if="payMethod.code != 'card'">
                <span>{{ $t('sections.pay.day') }}:</span>
                <strong>{{ $t('sections.pay.dueDay', [payMethod.dueDay]) }}</strong>
            </section>
            </p>

            <p v-if="payMethod.code == 'bankDraft'" v-html="$t('sections.pay.accountImplicates', [accountAddress])">
            </p>
            <p v-else-if="payMethod.code == 'card'">
                {{ $t('sections.pay.cardImplicates') }}
            </p>

            <p>{{ $t('notifyAnError') }}</p>
        </div>
    </div>
</email-body>