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

          <div class="col-md-6">
            <label for="fname">First Name </label>
            <input type="text" class="form-control" fname="fname" id="fname" v-model="fields.fname" placeholder="Enter First Name..."/>
            <div v-if="errors && errors.fname" class="text-danger">{{ errors.fname[0] }}</div>
          </div>
	
        <div class="col-md-6">
            <label for="lname">Last Name </label>
            <input type="text" class="form-control" lname="lname" id="lname" v-model="fields.lname" placeholder="Enter Last Name..."/>
            <div v-if="errors && errors.lname" class="text-danger">{{ errors.lname[0] }}</div>
          </div>
       
              <div class="col-md-6">
            <label for="username">Username </label>
            <input type="text" class="form-control" username="username" id="username" v-model="fields.username" placeholder="Enter username..."/>
            <div v-if="errors && errors.username" class="text-danger">{{ errors.username[0] }}</div>
          </div>
        
          <div class="col-md-6">
            <label for="password">Password  </label>
            <input type="password" class="form-control" password="password" id="password" v-model="fields.password" placeholder="Enter password..."/>
            <div v-if="errors && errors.password" class="text-danger">{{ errors.password[0] }}</div>
          </div>
   
       <div class="col-md-6">   
            <label for="password_confirmation">Re-Enter Password   </label>
            <input type="password" class="form-control" password_confirmation="password_confirmation" id="description" v-model="fields.password_confirmation" placeholder="Enter password_confirmation..."/>
            <div v-if="errors && errors.password_confirmation" class="text-danger">{{ errors.password_confirmation[0] }}</div>
          </div>

                 <div class="col-md-6">
            <label for="phone">Mobile Number   </label>
            <input type="text" class="form-control" phone="phone" id="phone" v-model="fields.phone" placeholder="Enter phone..."/>
            <div v-if="errors && errors.phone" class="text-danger">{{ errors.phone[0] }}</div>
          </div>

                 <div class="col-md-6">
            <label for="email">Email </label>
            <input type="email" class="form-control" email="email" id="email" v-model="fields.email" placeholder="Enter email..."/>
            <div v-if="errors && errors.email" class="text-danger">{{ errors.email[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': '/at/airtimeuser/storeCustomerUser',
      'text': 'Customer User added succesfully',
      'redirect': '/at/airtimeuser'
    }
  }
}

</script>


