<template>
    <v-card
        tile
        flat
        class="mb-2"
        v-if="activeRecord"
    >   
        <v-card-title class="py-0">
            {{ __(activeRecord.status ? 'Deactivare utilizator' : 'Activare utilizator') }}
        </v-card-title>


        <v-row dense >
            <v-col cols="12">
                <cs-info-alert 
                    color="red"
                    icon="mdi-alert"
                    :message="__('Sunteți sigur că doriți :action utilizatorului :name?', {
                        name: activeRecord.full_name,
                        action: activeRecord.status ? 'deactivara' : 'activarea'
                    })"
                />
            </v-col>
        </v-row>
    </v-card>
</template>

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

        computed: {
            form() {
                return this.editable.form;
            },
        },

        mounted() {
            // setTimeout( () => {
            //     this.$refs.FirstControl.Focus();
            // }, 250)
        },

        components: {
            CsInfoAlert: require('@CsVueComp/sheets/CsInfoAlert').default,
        },
        
        mixins: [
            require('@CsVueMix/Forminput/Forminput')
        ],

        name: 'UserStatusInput',
    }
</script>