<template>
    <v-sheet class="text-body-2 transparent">
        <div class="text-caption" v-if="showLabel">
            {{ __('Perioada de completare') }}
        </div>

        <div v-if="! date_from && ! date_to">
            {{ __('Nelimitat') }}
        </div>

        <div v-else-if="date_from && date_to">
            {{ ToDate(date_from)  }} - {{ ToDate(date_to) }}
        </div>

        <div v-else-if="date_to">
            {{ __('Până la :d', {d: ToDate(date_to)})}}
        </div>

        <div v-else>
            {{ __('De la :d', {d: ToDate(date_from)})}}
        </div>
    </v-sheet>
</template>

<script>
    export default {
        props: {
            trimitere: {required: true},
            showLabel: {default: true},
        },

        computed: {
            date_from() {
                return this.trimitere.date_from;
            },

            date_to() {
                return this.trimitere.date_to;
            }
        },

        name: 'CursPerioadaCompletare',
    }
</script>