<template>
    <v-card
        tile
        flat
        :height="height"
        :width="width"
        :color="color"
        :outlined="outlined"
    >
        <v-card-title>
            <v-sheet
                width="100%"
                class="text-center"
            >
                {{ __('Vă mulțumim pentru înregistrare!') }}
            </v-sheet>
        </v-card-title>

        <v-card-text>
            <v-sheet
                width="100%"
                class="text-center"
            >           
                {{ __('Înainte de a începe să folosiți platforma, contul dumnaevostră trebuie activat prin confirmarea adresei de email. Faceți clic pe linkul pe care tocmai vi l-am trimis prin e-mail? Dacă nu ați primit e-mailul, vă vom trimite cu plăcere un altul.') }}
            </v-sheet>
        </v-card-text>

        <v-card-actions>
            <v-sheet
                width="100%"
                class="text-center"
            >
                <v-btn
                    plain
                    text
                    :href="$url + 'dashboard'"
                    class="text-dark-blue text-no-transform mr-2"
                >
                    {{ __('Continuă') }}
                </v-btn>

                <v-btn
                    plain
                    text
                    class="text-dark-blue text-no-transform mr-2"
                >
                    {{ __('Nu am primit email') }}
                </v-btn>
            </v-sheet>
        </v-card-actions>
    </v-card>
</template>

<script>
    export default {
        props: {
            app: {required: true},
            height: {default: null},
            width: {default: '100%'},
            color: {default: null},
            outlined: {default: false},
        },

        name: 'RegisterThankYou',
    }
</script>