<template>
    <form @submit.prevent="submit">
        
<div class="form-group row">
    <div class="col-md-12">
        <label for="amount">Amount to Send</label>
        <input type="number" name="amount" v-model="fields.amount" class="form-control" placeholder="Ksh">
        <div v-if="errors && errors.amount" class="text-danger">{{ errors.amount[0] }}</div>
    </div>
    
  
    </div>

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

        
    </form>
</template>

<script>
import FormMixin from '../shared/FormMixin';
import Multiselect from 'vue-multiselect';

export default {
  mixins: [ FormMixin ],
  components: { Multiselect },
  data() {
    return {
      'action': '/at/topup/mycontacts',
      'text': 'Topup made succesfully',
      'redirect': '',
       contacts:[],
    }
  },
  mounted(){
    
  }
}

</script>
<!--Add Multiselect CSS. Can be added as a static asset or inside a component. -->
<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>