<template>
  <!-- eslint-disable max-len -->
  <div class="container">
    <div class="goDown"></div>
    <form>
      <div class="from-group row">
        <div class="col-md-12">
          <div class="form-group row"></div>
          <div class="form-group row"></div>
          <h3>Agency Details</h3>
          <div class="form-group row"></div>
          <div class="form-group row">
            <div class="col-md-4">
              <label>Agency Name</label>
              <eva-icon name="people" fill="lightgrey"></eva-icon>
              <input class="form-control" type="text" name="agencyname" value />
            </div>
            <div class="col-md-4">
              <label>EAAB FFC Number</label>
              <eva-icon name="book" fill="lightgrey"></eva-icon>
              <input class="form-control" type="text" name="eaabffcnumber" value />
            </div>
            <div class="col-md-4">
              <label>Company Registration Number</label>
              <eva-icon name="clipboard" fill="lightgrey"></eva-icon>
              <input class="form-control" type="text" name="companyregnumber" value />
            </div>
            <RegisterPage :RegisterHeader="111" />
          </div>
        </div>
      </div>
    </form>
  </div>
</template>

<script>
import RegisterPage from './registerPage.vue';

export default {
  data() {
    return {
      RegisterHeader: 'Agency Administrator Details',
    };
  },
  name: 'Agency',
  components: { RegisterPage },
};
</script>

<style>
.goDown {
  margin-top: 150px;
}
</style>
