<template>

<div>
    <v-layout row>
        <v-flex pt-2 pb-1 md12>
            <v-card class="pengiriman" color="red">
                <v-layout  row>
                    <v-flex md12>
                    <v-list
                    subheader
                    three-line
                    
                    >
                    <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-list-tile class="grey lighten-2" @click="">
                            <v-list-tile-action>
                            <v-checkbox
                                v-model="notifications"
                            ></v-checkbox>
                            </v-list-tile-action>

                            <v-list-tile-content  @click.prevent="notifications = !notifications">
                                <v-list-tile-sub-title class="pt-3">
                       
                                    <v-flex justify-center  style="width:100%">
                                        <v-text-field 
                                            label="EMAIL"
                                            value = "sms.fajrihm@gmail.com"
                                            readonly
                                            outline
                                            class="text-list-fhm"
                                        ></v-text-field>
                                    </v-flex>

                                </v-list-tile-sub-title>
                            </v-list-tile-content>
                        </v-list-tile>
                        <v-list-tile @click="">
                            <v-list-tile-action>
                            <v-checkbox
                                v-model="notifications"
                            ></v-checkbox>
                            </v-list-tile-action>

                            <v-list-tile-content @click.prevent="notifications = !notifications">
                            <v-list-tile-sub-title class="pt-3">
                       
                                    <v-flex justify-center  style="width:80%">
                                        <v-text-field 
                                            label="KIRIM KE PASIEN"
                                            value = "Jl. Ngemblak Raya No.22, Brebes"
                                            outline
                                            readonly
                                            class="text-list-fhm"
                                        ></v-text-field>
                                    </v-flex>
                                    <v-flex justify-center text-md-center pt-2 style="width:20%">
                                        <v-icon large color="red">delete</v-icon>
                                    </v-flex>
                             
                            </v-list-tile-sub-title>
                            </v-list-tile-content>
                        </v-list-tile>

                        
                        
                    
                    </v-list>
                    </v-flex>
                </v-layout>
            </v-card>
        </v-flex>
    </v-layout>
    <v-layout row>
        <v-flex pt-1 pb-3 md12>
            <v-card  class="pembayaran-minimum red accent-1">
                <v-layout  row>
                    <v-flex md12>
                    <v-list
                    subheader
                    three-line
                    
                    >
                    <v-subheader red--text text--lighten-1> 
                    
                    DATA PEMBAYARAN  
                   
                    </v-subheader>
                    <v-divider></v-divider>
                        
                        <v-list-tile @click="">
                            <v-list-tile-action>
                            <v-checkbox
                                v-model="notifications"
                            ></v-checkbox>
                            </v-list-tile-action>

                            <v-list-tile-content @click.prevent="notifications = !notifications">
                            <v-list-tile-sub-title class="pt-3">
                       
                                    <v-flex justify-center  style="width:100%">
                                        <v-text-field 
                                            label="MEMENUHI MINIMAL PAYMENT"
                                            placeholder = "Rp -"
                                            outline
                                            class="text-list-fhm"
                                        ></v-text-field>
                                    </v-flex>
                             
                            </v-list-tile-sub-title>
                            </v-list-tile-content>
                        </v-list-tile>
                      

                        
                        
                    
                    </v-list>
                    </v-flex>
                </v-layout>
            </v-card>
        </v-flex>
    </v-layout>
    

</div>

</template>

<style scoped>

.v-card{
 text-align: center;
}

.parallelogram{
  transform: skew(-20deg);

}

div.pembayaran-minimum input[type=text]::-webkit-input-placeholder {
  font-size: 1em;
   color:#f44336!important;
}
div.pembayaran-minimum input[type=text] {
  font-size: .7em;
  color :  #f44336!important;
}
div.pembayaran-minimum label {
  color: #1976d2!important;
  font-size: 1.2em;
  font-weight:400;
}

</style>
<script>
module.exports = {

}
</script>
