register.blade.php 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. @component('home.layouts.component', ['title' => 'ثبت حساب‌کاربری'])
  2. @slot('style')
  3. @endslot
  4. @slot('content')
  5. <div class="auth-background h-auto py-5">
  6. <div class="container py-5">
  7. <div class="row align-items-center">
  8. <div class="col-lg-6 col-md-8 mx-auto">
  9. <div class="card">
  10. <div class="card-header"><strong>{{ __('ثبت حساب کاربری') }}</strong></div>
  11. <div class="card-body mx-lg-5 px-lg-3">
  12. <form method="POST" action="{{ route('register') }}">
  13. @csrf
  14. <div class="form-group">
  15. <label for="name">{{ __('نام و نام‌خانوادگی') }}</label>
  16. <input id="name" type="text"
  17. class="form-control @error('name') is-invalid @enderror" name="name"
  18. value="{{ old('name') }}" required autocomplete="name" autofocus>
  19. @error('name')
  20. <span class="invalid-feedback" role="alert">
  21. <strong>{{ $message }}</strong>
  22. </span>
  23. @enderror
  24. </div>
  25. <div class="form-group">
  26. <label for="username">نام کاربری</label>
  27. <input id="username" type="text"
  28. class="form-control @error('username') is-invalid @enderror"
  29. name="username" value="{{ old('username') }}" required
  30. autocomplete="username" autofocus>
  31. @error('username')
  32. <span class="invalid-feedback" role="alert">
  33. <strong>{{ $message }}</strong>
  34. </span>
  35. @enderror
  36. </div>
  37. <div class="form-group">
  38. <label for="mobile">تلفن‌همراه</label>
  39. <input id="mobile" type="text"
  40. class="form-control @error('mobile') is-invalid @enderror" name="mobile"
  41. value="{{ old('mobile') }}" required autocomplete="mobile" autofocus>
  42. @error('mobile')
  43. <span class="invalid-feedback" role="alert">
  44. <strong>{{ $message }}</strong>
  45. </span>
  46. @enderror
  47. </div>
  48. <div class="form-group">
  49. <label for="email">{{ __('ایمیل') }}</label>
  50. <input id="email" type="email"
  51. class="form-control @error('email') is-invalid @enderror" name="email"
  52. value="{{ old('email') }}" required autocomplete="email">
  53. @error('email')
  54. <span class="invalid-feedback" role="alert">
  55. <strong>{{ $message }}</strong>
  56. </span>
  57. @enderror
  58. </div>
  59. <div class="form-group">
  60. <label for="password">{{ __('رمز عبور') }}</label>
  61. <input id="password" type="password"
  62. class="form-control @error('password') is-invalid @enderror"
  63. name="password" required autocomplete="new-password">
  64. @error('password')
  65. <span class="invalid-feedback" role="alert">
  66. <strong>{{ $message }}</strong>
  67. </span>
  68. @enderror
  69. </div>
  70. <div class="form-group">
  71. <label for="password-confirm">{{ __('تکرار رمز عبور') }}</label>
  72. <input id="password-confirm" type="password" class="form-control"
  73. name="password_confirmation" required autocomplete="new-password">
  74. </div>
  75. <div class="form-group">
  76. <x-cutlet-recaptcha :has-error="$errors->has('g-recaptcha-response')"></x-cutlet-recaptcha>
  77. </div>
  78. <div class="form-group mb-0">
  79. <div class="">
  80. <button type="submit" class="btn btn-primary">
  81. {{ __('ثبت‌نام') }}
  82. </button>
  83. </div>
  84. </div>
  85. </form>
  86. </div>
  87. <div class="card-footer">
  88. <span><strong>قبلا ثبت‌نام کرده‌اید؟ </strong></span>
  89. <a class="btn btn-link" href="{{ route('login') }}">
  90. {{ __('ورود به حساب کاربری') }}
  91. </a>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. @endslot
  99. @slot('script')
  100. @endslot
  101. @endcomponent