<!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('description.dear')}},</p>
                <p>{{$t('description.instructions')}}</p>

                <!-- <h1>{{$t('sections.howToBuy.title')}}</h1>
                <p>{{$t('sections.howToBuy.description')}}</p>
                <ol>
                    <li v-for="requeriment in $t('sections.howToBuy.requeriments')">
                        <span v-html="requeriment"></span>
                    </li>
                </ol>
                <p>{{$t('sections.howToBuy.stock')}}</p>
                <p>{{$t('sections.howToBuy.delivery')}}</p> -->
            </section>
            <!-- Footer component -->
            <email-footer :locale="locale"></email-footer>
            <!-- End footer component -->
        </section>
    </body>
</html>