<template>
    <v-sheet class="card-tematica">
        <div class="text-dark-blue font-weight-bold py-0 px-1">
            {{ __('Tematica') }}<span v-if="! curs.tematica">: -</span>
        </div>
        <v-card-text class="px-1 py-0">
            <div
                v-for="(item, index) in items"
                :key="'item-' + index"
                class="mb-2"
            >
                <div class="font-weight-bold text-caption">
                    {{1 + index}}.  {{item.text}}
                </div>
            </div>
        </v-card-text>
    </v-sheet>
</template>

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

        computed: {
            items() {
                return _.orderBy(this.curs.tematica, [item => item.order_no], ['asc']);
            },
        },

        name: 'CursCardTematica',
    }
</script>