<template>
    <form @submit.prevent="submit">
        
<div class="form-group row">
    <div class="col-md-12">
        <label for="cust_client_fullname">Full Name</label>
        <input type="hidden" name="customer_id" id="customer_id" v-model="fields.customer_id">
        <input type="text" name="cust_client_fullname" v-model="fields.cust_client_fullname" class="form-control" placeholder="Enter full name...">
        <div v-if="errors && errors.cust_client_fullname" class="text-danger">{{ errors.cust_client_fullname[0] }}</div>
    </div>
    <div class="col-md-6">
        <label for="cust_client_idno">Contact IDNO</label>
        <input type="text" name="cust_client_idno" v-model="fields.cust_client_idno" class="form-control" placeholder="">
        <div v-if="errors && errors.cust_client_idno" class="text-danger">{{ errors.cust_client_idno[0] }}</div>
    </div>
    
    <div class="col-md-6">
        <label for="cust_client_phone">Contact Phone </label>
        <input type="text" name="cust_client_phone" v-model="fields.cust_client_phone" class="form-control" placeholder="e.g. 711223344">  
        <div v-if="errors && errors.cust_client_phone" class="text-danger">{{ errors.cust_client_phone[0] }}</div>                                                      
    </div>
    <!-- <div class="col-md-6">
        <label for="cust_client_status">Contact Status </label>
        <input type="hidden" name="cust_client_status" v-model="fields.cust_client_status" class="form-control" placeholder="Enter contact Status...">
        <input type="checkbox" name="cust_client_status" class="form-control" v-model="fields.cust_client_status">
        <div v-if="errors && errors.cust_client_status" class="text-danger">{{ errors.cust_client_status[0] }}</div>
    </div> -->
	
    </div>

        <div class="form-group">
            <button type="submit" class="btn btn-success btn-round">Save</button>
            <button type="reset" class="btn btn-danger btn-round">Clear</button>
        </div>       
        

        
    </form>
</template>

<script>
import FormMixin from '../shared/FormMixin';

export default {
  mixins: [ FormMixin ],
  props: ['cust_id'],
  data() {
    return {
      'action': '/bmp/clients/addclient',
      'text': 'Contact added succesfully',
      'redirect': '',
      fields: {
          customer_id:this.cust_id,
      }
    }
  },
  mounted(){
      this.fields.customer_id=this.cust_id;
  }
}

</script>