create.blade.php 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <div moe relative>
  2. <a start show href="#">+ New User</a>
  3. <form url="{{ route('admin.create-new-user') }}" redir="/admin/users/view/[data]/orders">
  4. <h4 class="fw-bold mb-4">New User</h4>
  5. <div id="createNewUser" v-cloak>
  6. <div class="mb-2">
  7. <label class="text-sm text-secondary mb-1">First Name*</label>
  8. <input type="text" name="fname" class="form-control form-control-sm" required />
  9. </div>
  10. <div class="mb-2">
  11. <label class="text-sm text-secondary mb-1">Last Name*</label>
  12. <input type="text" name="lname" class="form-control form-control-sm" required />
  13. </div>
  14. <div class="mb-2">
  15. <label class="text-sm text-secondary mb-1">Email Address*</label>
  16. <input type="email" name="email" class="form-control form-control-sm" required>
  17. </div>
  18. <div class="mb-2">
  19. <label class="text-sm text-secondary mb-1">How would you like us to notify you when your results are available?*</label>
  20. <select class="form-control form-control-sm" name="notificationOption" v-model="form.notificationOption">
  21. <option value="">Select</option>
  22. <option value="email">Email Me</option>
  23. <option value="phone">Text Me (SMS)</option>
  24. <option value="none">Do not contact me, I will call in to check on my results.</option>
  25. </select>
  26. </div>
  27. <div v-if="form.notificationOption === 'phone'" class="mb-2">
  28. <label class="text-sm text-secondary mb-1">Phone Number*</label>
  29. <input type="text" name="phoneNumber" class="form-control form-control-sm" required />
  30. </div>
  31. </div>
  32. <div class="d-flex align-items-center mt-3">
  33. <button type="button" class="btn py-2 btn-grey border w-100 no-shadow" cancel>Cancel</button>
  34. <button class="btn py-2 btn-primary w-100 ms-3" submit>Submit</button>
  35. </div>
  36. </form>
  37. </div>
  38. <script>
  39. var createNewUserComponent = new Vue({
  40. el:'#createNewUser',
  41. data:{
  42. form:{}
  43. }
  44. });
  45. </script>