<template>
  <v-layout row>
    <v-flex xs6 mr-1>
      <v-card>
        <v-card-title
            class="headline grey darken-1 pt-2 pb-2"
            primary-title
            style="color:white"
        >
        <h4 >Email Konfigurasi</h4>
        </v-card-title>
        <v-card-text class="pt-2 pb-2">
          <v-layout row>
            <v-flex xs6 pa-2 d-flex>
               <v-text-field
                  v-model="server"
                  label="Server"
                ></v-text-field>
            </v-flex>
            <v-flex xs6 pa-2 d-flex>
               <v-text-field
                  v-model="sender"
                  label="Pengirim"
                ></v-text-field>
            </v-flex>
          </v-layout> 
          <v-layout row>
            <v-flex xs6 pa-2 d-flex>
               <v-text-field
                  v-model="emailcc"
                  label="Email CC"
                ></v-text-field>
            </v-flex>
            <v-flex xs6 pa-2 >
                <v-text-field
                  v-model="maxretry"
                  label="Maksimal Pengulangan Pengiriman Otomatis"
                ></v-text-field>
            </v-flex>
          </v-layout>
          <v-layout row>
            <v-flex xs12 class="text-md-center" pa-2 d-flex>
              <h4>FORMAT EMAIL</h4>
            </v-flex>
          </v-layout> 
          <v-layout row>
            <v-flex xs12 pa-2 d-flex>
              <v-textarea
                filled
                solo
                background-color="amber lighten-4"
                color="orange orange-darken-4"
                label="Outline textarea"
                v-model="formatemail"
                rows="18"
              ></v-textarea>
            </v-flex>
          </v-layout> 
        </v-card-text>
        <v-divider></v-divider>
        <v-card-actions>
          <v-spacer></v-spacer>
          <v-btn color="error" flat>Baca dong !</v-btn>
          <v-btn color="black" flat>Tutup</v-btn>
        </v-card-actions>
      </v-card>
    </v-flex>
    <v-flex xs6 ml-1>
      <v-card>
        <v-card-title
            class="headline grey darken-1 pt-2 pb-2"
            primary-title
            style="color:white"
        >
        <h4 >Tampilan Email</h4>
        </v-card-title>
        <v-card-text class="pt-2 pb-2">
          <v-layout row>
            <v-flex xs12 pa-2 v-html="formatemail">
              
            </v-flex>
          </v-layout> 
          </v-layout> 
        </v-card-text>
      </v-card>
    </v-flex>
  </v-layout>
</template>

<style scoped>

</style>

<script>
module.exports = {
  data: () => ({
    sender:'Home Service<kita.sms.love@gmail.com>',
    server:'smtp.gmail.com',
    username:'kita.sms.love@gmail.com',
    password:'pgbogxyurbhhsudp',
    maxretry:0,
    emailcc:'fajri@gmail.com',
    formatemail:""
  }),
  mounted() {
      
  },
  computed: {
     
  },
  methods : {
    
  }
}
</script>
