<!DOCTYPE html> <html lang="es"> <head> <title>{{ $t('subject') }}</title> </head> <body> <section class="container"> <!-- Header component --> <email-header></email-header> <!-- End header component --> <section class="main"> <!-- Title block --> <div class="title"> <h1>{{ $t('title') }}</h1> </div> <!-- Title block end --> <p>{{ $t('sections.introduction.title') }},</p> <p v-html="`${$t('sections.introduction.description')}:`"></p> <p> <section> <span>{{ $t('sections.pay.method') }}:</span> <strong>{{ payMethodName }}</strong> </section> <section v-if="payMethodFk != 5"> <span>{{ $t('sections.pay.day') }}:</span> <strong>{{ $t('sections.pay.dueDay', [dueDay]) }}</strong> </section> </p> <p v-if="payMethodFk == 4" v-html="$t('sections.pay.accountImplicates', [accountAddress])"></p> <p v-else-if="payMethodFk == 5"> {{ $t('sections.pay.cardImplicates') }} </p> <p>{{ $t('notifyAnError') }}</p> </section> <!-- Footer component --> <email-footer :locale="locale"></email-footer> <!-- End footer component --> </section> </body> </html>