<template>
  <div>
    <br />
    <br />
    <div class="container">
      <div class="row">
        <div class="col-md-6" style="margin-bottom: 1em">
          <b-button variant="primary" @click="register">Individual User</b-button>
        </div>
        <div class="col-md-6" style="margin-bottom: 1em">
          <P>
            This is the registration for general public who wish to
            use this site.
          </P>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6" style="margin-bottom: 1em">
          <b-button variant="primary" @click="registerRestaurant">Restaurant</b-button>
        </div>
        <div class="col-md-6" style="margin-bottom: 1em">
          <P>
            This is the registration for Restaurants who wish to
            use this site.
          </P>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    register() {
      this.$router.push("/Registration");
    },
    registerRestaurant() {
      this.$router.push("/RegisterRestaurant");
    }
  }
};
</script>
