<template>
    <v-card tile flat :width="width">

        <template v-if="! Utilizatori.Users.active">
            <v-alert dense outlined type="info">
                {{  __('Selectați un utilizator') }}
            </v-alert>
            
        </template>

        <template v-else>
            <user-table-record 
                :app="app"
                :user=" Utilizatori.Users.active"
                class="mb-2"
            />

            <v-sheet :height="app.height - 198" class="overflow-y-auto">
            
                <user-roles-detailed-list 
                    :app="app"
                    :user=" Utilizatori.Users.active"
                />
            </v-sheet>
            
        </template>
    </v-card>
</template>

<script>

    export default {
        props: {
            app: {required: true},
            width: {default: null},
        },

        name: 'UsersSidebar',
    }

</script>