<template>
    <v-card
        tile
        flat
        :height="app.height"
        :width="800"
        class="mx-auto overflow-x-hidden overflow-y-hidden"
    > 
        <v-card-title class="pa-1">
            {{ __(form.Caption() ) }}

            <v-spacer></v-spacer>

            <cs-btn
                icon="mdi-arrow-left"
                :caption="app.width > 650 ? 'Lista de cursuri' : null"
                tooltip="Înapoi la lista de cursuri"
                text
                :click="Back"
            />
        </v-card-title>

        <v-card-text class="pa-1">
            <v-sheet width="100%">
                <insert-curs-stepper 
                    :app="app"
                    width="100%"
                    :height="app.height - 40"
                />
            </v-sheet>
        </v-card-text>
    </v-card>
</template>

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

        methods: {
            Back() {
                this.controller.currentComponent = 'cursuri-page';
                this.form.Hide(true);
            }
        },

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

        mixins: [
            require('@MyDpoMix/Entities/Curs/Curs.mixin'),
        ],

        name: 'CursActionPage',
    }
</script>