<template>
    <div style="">
        <v-container grid-list-md>
            <v-layout row wrap>
                <v-flex md12>
                    <h1>New App</h1>
                    <v-text-field
                            label="Name"
                            value=""
                            type="text"
                            v-model="name"
                            error=true
                            error-messages="ja"
                    ></v-text-field>
                    <v-text-field
                            label="Description"
                            value=""
                            type="text"
                            v-model="description"
                            error=true
                            error-messages="ja"
                    ></v-text-field>
                    <v-text-field
                            label="URL"
                            value=""
                            type="text"
                            v-model="url"
                            error-messages=""
                    ></v-text-field>
                </v-flex>
            </v-layout>

            <v-btn
                    color="success"
                    @click="createApp"
            >
                Create App
            </v-btn>

        </v-container>


    </div>

</template>

<script>
    import AppService from '../services/Apps'
    export default {
        data () {
            return {
                name: '',
                description: '',
                url: ''
            }
        },
        methods: {
            createApp: function () {
                AppService.newApp()
            }
        },
        mounted: function() {

        }
    }
</script>

