register.blade.php 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Research Admission</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many" />
  8. <meta name="keywords" content="" />
  9. <!-- facebook tags -->
  10. <meta property="og:url" content="http://www.facebook.com/researchadmission"/>
  11. <meta property="og:type" content="website"/>
  12. <meta property="og:title" content="Research Admission"/>
  13. <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
  14. <!-- Linkedin tags -->
  15. <meta property="og:url" content="https://www.linkedin.com/company/researchadmission"/>
  16. <meta property="og:type" content="website"/>
  17. <meta property="og:title" content="Research Admission"/>
  18. <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
  19. <!-- favicon -->
  20. <link rel="shortcut icon" href="{{asset('web/images/logo.png') }}">
  21. <!-- Bootstrap -->
  22. <link href="{{ asset('web/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
  23. <!-- tobii css -->
  24. <link href="{{asset('web/css/tobii.min.css')}}" rel="stylesheet" type="text/css" />
  25. <!-- Icons -->
  26. <link href="{{asset('web/css/materialdesignicons.min.css')}}" rel="stylesheet" type="text/css" />
  27. <link rel="stylesheet" type="text/css" href="{{ asset('web/stylesheets/font-awesome.min.css') }}" />
  28. <link rel="stylesheet" href="https://unicons.iconscout.com/release/v3.0.6/css/line.css">
  29. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
  30. <!-- Slider -->
  31. <link rel="stylesheet" href="{{asset('web/css/tiny-slider.css')}}"/>
  32. <!-- Main Css -->
  33. <link href="{{asset('web/css/style.css')}}" rel="stylesheet" type="text/css" id="theme-opt" />
  34. <link href="{{asset('web/css/colors/default.css')}}" rel="stylesheet" id="color-opt">
  35. <link rel="preconnect" href="https://fonts.googleapis.com">
  36. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  37. <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap" rel="stylesheet">
  38. <link rel="preconnect" href="https://fonts.googleapis.com">
  39. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  40. <link rel="stylesheet" href="{{asset('web/css/datepicker.min.css')}}">
  41. <link rel="preconnect" href="https://fonts.googleapis.com">
  42. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  43. <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap" rel="stylesheet">
  44. <link rel="preconnect" href="https://fonts.googleapis.com">
  45. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  46. <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">
  47. <link href="{{ asset('css/flatpickr/dist/flatpickr.min.css') }}" rel="stylesheet" type="text/css">
  48. </head>
  49. <style>
  50. body {
  51. font-family: 'Oswald', sans-serif;
  52. font-family: 'Quicksand', sans-serif;
  53. }
  54. h1, h2, h3, h4, h6 {
  55. font-family:Ubuntu !important;
  56. }
  57. h5{
  58. font-family: 'Montserrat Alternates', sans-serif !important;
  59. }
  60. .bg-half-170 {
  61. padding:0px;
  62. }
  63. .form-control:focus {
  64. box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
  65. }
  66. .btn1{
  67. background-color: #141639c4 !important;
  68. color:white !important;
  69. border-radius: 20px;
  70. box-shadow:none !important;
  71. }
  72. .btn1:hover{
  73. background: #fff !important;
  74. color: #141639c4 !important;
  75. border-radius: 20px;
  76. border: 1px solid #141639c4;
  77. }
  78. .tns-nav button {
  79. background: #141639c4 !important;
  80. }
  81. .tns-nav button.tns-nav-active{
  82. background-color: #ffff !important;
  83. }
  84. .bg-left{
  85. background-color:#141639c4;
  86. border:none;
  87. padding:8.37rem;
  88. }
  89. .head-line{
  90. font-size: 39px !important;
  91. font-weight: bold;
  92. line-height: 1.2;
  93. color:#ffff;
  94. }
  95. .sub-line1{
  96. font-size: 18px !important;
  97. font-weight: 400;
  98. color:#ffff !important;
  99. font-family: poppins !important;
  100. }
  101. .sub-line2{
  102. font-size: 17px !important;
  103. font-weight: bold;
  104. font-family: poppins !important;
  105. color:#ffff !important;
  106. }
  107. .bg-white{
  108. background-color: #72809f33 !important;
  109. height: 160px;
  110. border: 1px solid #ffff;
  111. }
  112. .box-head{
  113. font-size:15px !important;
  114. color:#ffff;
  115. }
  116. .box-sub{
  117. font-size:14px;
  118. color:#ffff;
  119. }
  120. .d-flex{
  121. display: grid !important;
  122. }
  123. </style>
  124. <body>
  125. @php
  126. $countries=DB::table('countries')->get();
  127. @endphp
  128. <section class="cover-user">
  129. <div class="container-fluid px-0">
  130. <div class="row g-0 position-relative">
  131. <div class="col-lg-8 padding-less bg-left">
  132. <div>
  133. <h3 class="ps-4 mt-5 pt-4 head-line">Submit proposals with ease using our platform</h3>
  134. <h2 class="ps-4 sub-line1">Submitting your research proposal to potential supervisors is now just a matter of few clicks with our platform. It eliminates the need to spend countless hours searching and contacting supervisors individually. Our platform is designed with a user-friendly interface that enables anyone, regardless of their technical skills, to easily navigate and use it. Additionally, you can track the progress of your application in real-time, eliminating the need to continuously follow up with supervisors. This frees up your time to focus on your research, ensuring that you are on top of things throughout the application process.</h2>
  135. </div>
  136. </div>
  137. <div class="col-lg-4 cover-my-30 ">
  138. <div class="cover-user-img d-flex align-items-center p-5">
  139. <div class="row">
  140. <div class="col-12">
  141. <div class="card login-page border-0" style="z-index: 1">
  142. <div class="card border-0">
  143. <div class="card-body" style="padding: 0px;">
  144. <div>
  145. @if(Session::has('success'))
  146. <div class="alert alert-success">
  147. {{Session::get('success')}}
  148. </div>
  149. @endif
  150. </div>
  151. <h1 class="mb-4 pb-1 mt-2" style="color: #141639c4; font-size:48px !important;">Register, To Start</h1>
  152. <form method="POST" action="{{ route('student-register') }}">
  153. @csrf
  154. <input type="hidden" value="1" name="user_type">
  155. <div class="row mb-4">
  156. <div class="col-md-6">
  157. <input type="text" class="form-control @error('givenname') is-invalid @enderror" name="givenname" value="{{ old('givenname') }}" required autofocus placeholder="Given Name">
  158. @error('name')
  159. <span class="invalid-feedback" role="alert">
  160. <strong>{{ $message }}</strong>
  161. </span>
  162. @enderror
  163. </div>
  164. <div class="col-md-6">
  165. <input type="text" class="form-control @error('familyname') is-invalid @enderror" name="familyname" value="{{ old('familyname') }}" required placeholder="Family Name">
  166. @error('familyname')
  167. <span class="invalid-feedback" role="alert">
  168. <strong>{{ $message }}</strong>
  169. </span>
  170. @enderror
  171. </div>
  172. </div>
  173. <div class="row mb-4">
  174. <div class="col-md-12">
  175. <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required placeholder="Email">
  176. @error('email')
  177. <span class="invalid-feedback" role="alert">
  178. <strong>{{ $message }}</strong>
  179. </span>
  180. @enderror
  181. </div>
  182. </div>
  183. <div class="row mb-4">
  184. <div class="col-md-12">
  185. <select class="form-control" name="nationality">
  186. <option>Nationality</option>
  187. @foreach($countries as $item)
  188. <option value="{{$item->id}}">{{$item->name}}</option>
  189. @endforeach
  190. </select>
  191. </div>
  192. </div>
  193. <div class="row mb-3">
  194. <div class="col-md-12 back">
  195. <div>
  196. <input name="dob" type="text" class="form-control start" id="dob" placeholder="Select your Date of Birth" autocomplete="off">
  197. </div>
  198. </div>
  199. </div>
  200. <div class="mb-3">
  201. <label class="form-label">Select Your Gender</label>
  202. <div class="form-check-inline ps-3">
  203. <label class="form-check-label" for="radio1">
  204. <input type="radio" class="form-check-input" name="optradio" value="male"> Male
  205. </label>
  206. </div>
  207. <div class="form-check-inline">
  208. <label class="form-check-label" for="radio2">
  209. <input type="radio" class="form-check-input" name="optradio" value="female"> Female
  210. </label>
  211. </div>
  212. </div>
  213. <div class="row mb-4">
  214. <div class="col-md-12">
  215. <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password" placeholder="Set a password">
  216. @error('password')
  217. <span class="invalid-feedback" role="alert">
  218. <strong>{{ $message }}</strong>
  219. </span>
  220. @enderror
  221. </div>
  222. </div>
  223. <div class="row mb-4">
  224. <div class="col-md-12">
  225. <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password" placeholder="Confirm password">
  226. </div>
  227. </div>
  228. <div class="row mb-0">
  229. <div class="col-md-12">
  230. <button type="submit" class="btn btn1 pull-right">
  231. {{ __('Submit') }}
  232. </button>
  233. </div>
  234. </div>
  235. <p class="text-center mt-2 pb-4"><span> Already registered ?</span><a href="{{ url('login') }}" class="ps-2"><span>Login Here</span></a></p>
  236. </form>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </section>
  248. <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
  249. <!-- tobii js -->
  250. <script src="{{asset('web/js/tobii.min.js')}}"></script>
  251. <!-- SLIDER -->
  252. <script src="{{asset('web/js/tiny-slider.js')}}"></script>
  253. <!-- Icons -->
  254. <script src="{{asset('web/js/feather.min.js')}}"></script>
  255. <!-- Main Js -->
  256. <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
  257. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
  258. <script src="{{asset('web/js/plugins.init.js')}}"></script>
  259. <script src="{{asset('web/js/app.js')}}"></script>
  260. <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
  261. <script src="{{asset('web/js/plugins.init.js')}}"></script>
  262. <script src="{{asset('web/js/app.js')}}"></script>
  263. <script src="{{ asset('css/flatpickr/dist/flatpickr.min.js') }}"></script>
  264. <script>
  265. $(function(){
  266. $("#dob").flatpickr({
  267. dateFormat: "d M Y",
  268. });
  269. });
  270. </script>
  271. </body>
  272. </html>