<template>
   <v-card-text class="pa-0">
      <v-layout align-center row>
         <v-flex xs12>
            <v-card tile class="pa-2" flat color="#64b2cd">
               <h5 class="subtitle-1 font-weight-bold">KEL. PELANGGAN DAN AGREEMENT</h5>
            </v-card>
         </v-flex>
      </v-layout>
      <div v-if="!mou.M_MouCompanyName">
         Belum ada agreement yang di pilih
      </div>
      <div v-if="mou.M_MouCompanyName">
         Agreement   : {{mou.M_MouCompanyName}} <br/>
         Start : {{mou.M_MouCompanyStartDate}} <br/>
         End   : {{mou.M_MouCompanyEndDate}} <br/>
         Note  : {{mou.M_MouCompanyNote}} <br/>
      </div>
   </v-card-text>
</template>
<script>
module.exports = {
   computed : {
      mou() {
         return this.$store.state.company.selected_mou
      }
   }
}
</script>
