<template>
    <v-card
        tile
        flat
        width="520"
    >
        <v-card-text class="pa-1">
            <v-row dense>
                <v-col cols="12">
                    <cs-file-uploader 
                        ref="Avatar"
                        :control="form.controls.logo"
                        :immediateInput="true"
                        v-model="activeRecord.logo"
                    />
                </v-col>
            </v-row>
        </v-card-text>

        <v-card-actions class="pa-1 px-0">

            <v-sheet class="mr-3">
                <cs-btn 
                    outlined
                    position="bottom"
                    icon="mdi-chevron-left"
                    caption="Adresa"
                    tooltip="Informații despre localizarea clientului"

                    :click="OnClickBack"
                />
            </v-sheet>
            
            <cs-btn 
                outlined
                position="bottom"
                icon="mdi-chevron-right"
                color="primary"
                caption="Finalizare"
                tooltip="Salvarea clientului"
    
                :disabled="false"

                :click="OnClickNext"
            />
        </v-card-actions>
    </v-card>
</template>

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

        computed: {
            form() {
                return this.app.forms.Customers;
            },

            stepper() {
                return this.app.menus.Insertcustomerstepper;
            },
        },

        methods: {
            OnClickBack() {
                this.stepper.activeStep--;
            },

            OnClickNext() {
                this.stepper.activeStep++;
            }
        },

        components: {
            CsFileUploader: require('@CsVueComp/controls/files/CsFileUploader/CsFileUploader').default,
            CsBtn: require('@CsVueComp/buttons/CsBtn').default,
        },

        mixins: [
            require('@CsVueMix/Forminput/Forminput')
        ],

        name: 'CustomerLogoForm',
    }
</script>