<template>
    <v-layout column class="fill-height">
        <v-card class="mb-2">
            <v-layout row wrap>
                <v-flex xs12 >
                    <v-subheader red--text text--lighten-1> DATA PENGIRIMAN
                     <v-flex text-md-right>
                        <v-btn small color="primary">Tambah Data</v-btn>
                    </v-flex>
                    </v-subheader>
                    <v-divider></v-divider>
                    <v-layout row>
                        <v-flex xs12 pa-1>
                            <one-field-verification
                                :is_error="true"
                                label="Email ke Dokter : sms.sipe@gmail.com"
                                @x_change="emailChange"
                                value=""
                            ></one-field-verification>
                        </v-flex>
                    </v-layout>
                    <v-layout row>
                        <v-flex xs12 pa-1>
                            <one-field-verification
                                :is_error="true"
                                label="Kirim ke Pasien : Jl. Tegal Raya No. 1"
                                @x_change="emailChange"
                                value=""
                            ></one-field-verification>
                        </v-flex>
                    </v-layout>
                    <v-divider></v-divider>
                    <v-layout row>
                        <v-flex xs9 pa-1 class="indigo lighten-5">
                            <one-field-verification
                                :is_error="true"
                                label="Email ke Dokter : sms.sipe@gmail.com"
                                @x_change="emailChange"
                                value=""
                            ></one-field-verification>
                        </v-flex>
                        <v-flex class="indigo lighten-5" pt-3 xs3>
                            <v-layout align-center justify-center row>
                                        <v-icon large color="red">delete</v-icon>
                                    
                            </v-layout>
                        </v-flex>
                    </v-layout>
                </v-flex>
            </v-flex>          
        </v-card>
        <v-card>
            <v-layout row>
                <v-flex xs12>
                    <v-subheader red--text text--lighten-1> DATA PEMBAYARAN</v-subheader>
                    <v-divider></v-divider>
                    <v-layout row>
                        <v-flex xs12 pa-2>
                            <one-field-verification
                                :is_error="true"
                                label="Minimum pembayaran terpenuhi (Rp 50.000)"
                                @x_change="emailChange"
                                value=""
                            ></one-field-verification>
                            
                        </v-flex>
                    </v-layout>
                </v-flex>
            </v-flex>          
        </v-card>
    </v-layout>
</template>

<style scoped>

</style>

<script>
module.exports = {
	components : {
        'one-field-verification' : httpVueLoader('../../common/oneFieldVerification.vue')
    },
    
    data () {
      return {
        email: 'sms@fajrihm.gmail.com"',
        _email: true,
      }
    },
   methods: {
      emailChange : function(val) {
         console.log(val);
     }
  },
    computed : {
        _email () {
            return this.$data._email;
        }
    }
}
</script>
