<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('checkExtract') }}</p>
            <p>{{ $t('checkValidData') }}</p>
            <p>{{ $t('payMethod') }}</p>
            <p>{{ $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>