source: ReserveNGo-frontend/src/components/Project/register_.vue@ ff641e1

<script>


export default {
  data() {
    return {
      path: '',
      url: 'http://localhost:8080/api/auth/register/',

    }
  },

  methods: {

  },
  /*computed: {
    somevariabletest(){
      return this.url+this.path;
    }
  }*/


}



</script>

<template>
  <div class="container-xxl">
    <div class="row justify-content-center">


  <div class="col-3">
    <form v-bind:action="url+path" method="POST">
      <label for="name" class="form-label" >Name</label>
      <input type="text" id="name" name="firstName" class="form-control" placeholder="Name" required>

      <label for="surname" class="form-label">Surname</label>
      <input type="text" id="surname" name="lastName" class="form-control" placeholder="Surname" required>

      <label for="phone_number" class="form-label">Phone Number</label>
      <input type="text" id="phone_number" name="phoneNumber" class="form-control" required>

      <label for="email" class="form-label">Email Address</label>
      <input type="email" id="email" name="email" class="form-control" placeholder="someone@example.com" required>

      <label for="password" class="form-label">Password</label>
      <input type="password" id="password" name="password" class="form-control">

      <label for="role" class="form-label">Role</label>
      <select class="form-control" id="role" v-model="path">

        <option value="customer">Customer</option>

        <option value="local-worker">Local Worker</option>

        <option value="local-manager">Local Manager</option>

      </select>

      <button type="submit" class="btn btn-dark">Register</button>
    </form>
    </div>

    </div>


  </div>

</template>

<style scoped>

</style>