<template>
    <v-card
        tile
        flat
        width="100%"
        :height="height"
        class="d-flex flex-column justify-start"
    >
        <v-sheet
            v-for="(list, index) in lists"
            :key="'list-' + index"
            :max-height="0.32 * height"
        >
            <user-cursuri-quick-list 
                :app="app"
                :list="list"
                :cursuri="cursuri"
                :height="0.32 * height"
            />

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

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

            lists: {default: () => [

                {
                    caption: 'Termen depășit',
                    color: 'red darken-3',
                    type: 'red',
                },

                {
                    caption: 'În curând',
                    color: 'orange darken-3',
                    type: 'orange',
                },

                {
                    caption: 'Asignate',
                    color: 'blue darken-3',
                    type: 'blue|green',
                },
            ]},
        },

        data: () => ({
            cursuri: [],
        }),

        created() {
            this.cursuri = [...this.app.dataSession.Customercursuriuser.items];
        },

        name: 'UserCursuriQuickLists',
    }
</script>