<template>
    <v-layout column mb-2 >
        <v-card>
            <v-layout row>
                <v-flex xs12>
                    <v-subheader red--text text--lighten-1> SUPPLIES</v-subheader>
                    <v-divider></v-divider>
                    <v-layout class="layout-supplies" row wrap>
                        <v-flex v-for="supply in supplies" xs3 pa-1 pt-0>
                            <one-field-verification-supply
                                :label="supply.name"
                                :value="supply.checked"
                                @x_change="cbxChange"
                                :note="1"
                            ></one-field-verification-supply>
                            
                        </v-flex>
                    </v-layout>
                </v-flex>
            </v-flex>          
        </v-card>
    </v-layout>
</template>

<style scoped>
.v-messages, .v-text-field__details{
    min-height:0px!important;
}
</style>

<script>
module.exports = {
	components : {
        'one-field-verification-supply' : httpVueLoader('../../common/oneFieldVerificationSupply.vue')
    },
    data () {
        return {
            supplies :[
                {"id":"1","name":"Sedotan Tinja","qty":0,"checked":false},
                {"id":"2","name":"Jarum Suntik","qty":0,"checked":false}
            ]
        }
    },
   methods: {
        cbxChange : function(val) {
            console.log(val);
        }
  },
    computed : {
        _email () {
            return this.$data._email;
        }
    }
}
</script>
