<template>
    <form @submit.prevent="submit">
        
        <div class="form-group row">
     

          <div class="col-md-12">
            <label for="group_name">Group Name</label>
            <input type="text" class="form-control" group_name="group_name" id="group_name" v-model="fields.group_name" placeholder="Enter group_name..."/>
            <div v-if="errors && errors.group_name" class="text-danger">{{ errors.group_name[0] }}</div>
          </div>
	
        
          <div class="col-md-12">
            <label for="description">Description </label>
            <input type="text" class="form-control" description="description" id="description" v-model="fields.description" placeholder="Enter description..."/>
            <div v-if="errors && errors.description" class="text-danger">{{ errors.description[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 ],

  data() {
    return {
   'action': '/fc/groups/storeGroup',
      'text': 'Group added succesfully',
      'redirect': '/fc/groups'
    }
  }
}

</script>


