<template>
    <v-layout>
        <v-flex xs3 pa-2>
            <v-img
                src="https://www.sgm-inc.com/wp-content/uploads/2014/06/no-profile-male-img.gif"
                aspect-ratio="1"
                class="grey lighten-2 elevation-2"
            >
        </v-flex>

        <v-flex xs9>
            <v-flex xs12 pa-1>
                <v-text-field
                    label="Nama"
                    placeholder=""
                    :value="p_name"
                    readonly
                ></v-text-field>
            </v-flex>

            <v-flex xs12 pa-1>
                <v-textarea
                    auto-grow
                    label="Alamat"
                    rows="1"
                    :value="p_address"
                    readonly
                ></v-textarea>
                
            </v-flex>

            <v-flex xs12 pa-1>
                <v-textarea
                    auto-grow
                    label="Catatan Pasien"
                    rows="1"
                    :value="p_note"
                    readonly
                ></v-textarea>
            </v-flex>
        </v-flex>
    </v-layout>
</template>

<style scoped>
.v-messages { display:none; }
.v-input__slot {
    margin-bottom: 0px;
}
</style>

<script>
module.exports = {
    data() {
        return {
            p_name : 'HERI SURYAWAN ST.',
            p_address : `KPA Regency 221 Klipang\nSendangmulyo Semarang`,
            p_phone : '0898-5945-837',
            p_note : `Pasien ini agak bawel, tidak usah ditanggapi kalau sedang ngomel - ngomel`
        }
    }
}
</script>