<template>
    <v-card
        flat
        tile
        :color="color"
        :width="width"
        :height="height"
    >
        <v-card-title class="py-1">
            {{ __(':name. Roluri', {name: user.full_name}) }}
        </v-card-title>

        <v-card-text class="py-1">
            <user-all-roles-item 
                v-for="(role, index) in roles"
                :key="'role-' + index"
                :app="app"
                :role="role"
                :customers="customers"
                class="mb-2"
            />
        </v-card-text>
    </v-card>
</template>

<script>
    export default {
        props: {
            user: {required: true},
            app: {required: true},
            customers: {required: true},
            customerpersons: {required: true},
            usercustomers: {required: true},

            color: {default: null},
            width: {default: '100%'},
            height: {default: null},
        },

        computed: {
            roles() {
                return this.user.roles;
            },

            
        },        
        
        name: 'UserAllRoles',
    }
</script>