<template>
        <v-form>
            <v-text-field label="Commands" v-model="sha256_sum" />
            <v-text-field v-if="selectedOption === 'create-container'" label="Container Name" v-model="containerName" />
            <v-text-field v-if="selectedOption === 'run'" label="Command" v-model="command" />
            <v-text-field v-if="selectedOption === 'artifacts'" label="Artifact Path" v-model="artifactPath" />
            <v-text-field v-if="selectedOption === 'submit'" label="Path" v-model="path" />
            <v-text-field v-if="selectedOption === 'version'" label="Version" v-model="version" />
            <v-btn color="primary" @click="submitForm">Submit</v-btn>
        </v-form>
    </template>

<script>
export default {
    data() {
        return {
            sha256_sum: '',
            containerName: '',
            command: '',
            artifactPath: '',
            path: '',
            version: '',
            selectedOption: ''
        }
    },
    methods: {
        submitForm() {
            if (this.selectedOption === 'create-container') {
                console.log("Creating container with name: " + this.containerName);
            } else if (this.selectedOption === 'run') {
                console.log("Running command: " + this.command);
            } else if (this.selectedOption === 'artifacts') {
                console.log("Retrieving artifacts from path: " + this.artifactPath);
            } else if (this.selectedOption === 'submit') {
                console.log("Submitting path: " + this.path);
            } else if (this.selectedOption === 'version') {
                console.log("Checking version: " + this.version);
            } else {
                console.log("SHA256_SUM: " + this.sha256_sum);
            }
        }
    }
}
</script>