<template>
    <form @submit.prevent="submit">
<div class="form-group row">
    <div class="col-md-12">
        <label for=""> Group Name</label>
         <input type="hidden" name="c_id" id="c_id" v-model="fields.c_id" class="form-control" >
        <input type="text" name="cust_group_name" id="cust_group_name" v-model="fields.cust_group_name" class="form-control" placeholder="Enter Group Name...">
        <div v-if="errors && errors.cust_group_name" class="text-danger">{{ errors.cust_group_name[0] }}</div>
    </div>
    <!-- <div class="col-md-12">
        <label for="">Group Status</label>
        <input type="hidden" name="cust_group_status" id="cust_group_status" v-model="fields.cust_group_status" class="form-control" placeholder="Enter Group Status...">
        <input type="checkbox" name="cust_group_status" class="form-control" v-model="fields.cust_group_status">
        
        <div v-if="errors && errors.cust_group_status" class="text-danger">{{ errors.cust_group_status[0] }}</div>
    </div>    -->
</div>
<div class="form-group row">
    <div class="col-md-12">
        <button type="submit" class="btn btn-success btn-round">Save</button>
        <button type="reset" class="btn btn-danger btn-round">Clear</button>
    </div>
 </div>
</form>
</template>

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

export default {
  mixins: [ FormMixin ],
  props:['cust_id'],
 
  data() {
    return {
      'action': '/bmp/groups/addgroup',
      'text': 'Group added succesfully',
      'redirect': '/bmp/groups/'+this.cust_id,
      fields:{
        c_id:this.cust_id
      }

    }
  },
  mounted(){
    this.fields.c_id=this.cust_id;
  }
}

</script>