<template>
    <v-card
        tile
        flat
        :outlined="Termenipage.outlined"
        :height="Termenipage.height"
        :width="Termenipage.width"
        :color="Termenipage.color"
        class="mx-auto"
    >
        <v-sheet
            class="text-center full-width text-h6 text-truncate"
            height="70"
            v-html="__(Termenipage.title)"
        >
        </v-sheet>

        <v-sheet
            :height="Termenipage.height - 70"
            class="overflow-x-hidden overflow-y-auto"
        >
            <d-panels 
              	:app="app"
            />

            <p 
                class="mt-4"
            >
                {{ __('Pentru orice intrebari suplimentare nu ezitati sa ne scrieti la adresa') }}
                <a 
                    :href="'mailto:' +  app.config.sysconfig['email-office']"
                >
                    {{ app.config.sysconfig['email-office'] }}
                </a>
            </p>
            
            <p 
                class="mt-4 text-body-2"
                v-html="__('Document actualizat la <strong>:d</strong>.', {
                    d: app.config.sysconfig['last-update-termeni']
                })"    
            >
            </p>

        </v-sheet>
    </v-card>

</template>

<script>
    export default {

        props: {
            app: {required: true},
        },

        computed: {
            Termenipage() {
                return this.app.classes.Termenipage;
            }
        },

        components: {
			DPanels: require('./Panels/DPanels').default,
		},

        name: 'NotaInformarePage',
    }
</script>