<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>{{ $t('sections.introduction.description') }}</p>
            <p>{{ $t('sections.introduction.terms') }}</p>

            <p>
                {{ $t('sections.payMethod.description') }}:
            <ol>
                <li v-for="option in $t('sections.payMethod.options')">
                    {{ option }}
                </li>
            </ol>
            </p>

            <p>
                {{ $t('sections.legalAction.description') }}:
            <ol type="a">
                <li v-for="option in $t('sections.legalAction.options')">
                    {{ option }}
                </li>
            </ol>
            </p>

            <p v-html="$t('contactPhone')"></p>
            <p v-html="$t('conclusion')"></p>

            <p>
            <div class="row">
                <div class="text">{{debtor.bankName}}</div>
                <div class="control">{{debtor.iban}}</div>
                <div class="description">
                    <div class="line"><span>{{$t('transferAccount') }}</span></div>
                </div>
            </div>
            </p>
        </div>
    </div>
    <div class="grid-row" v-if="isPreview">
        <div class="grid-block vn-pa-ml">
            <attachment v-for="attachment in attachments" v-bind:key="attachment.filename"
                v-bind:attachment="attachment" v-bind:args="$props">
            </attachment>
        </div>
    </div>
</email-body>