Q_apply_form.blade.php 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <div class="alert" style="margin-bottom: 0px; color: #3c3d5b; padding: 0px;">
  6. <title>{{ $user->first_name }} {{ $user->last_name }} {{'.'}} @if($user->others_department) {{ $user->others_department }} @else {{ cn($user,'department_name.name','')}} @endif {{'.'}} @if($user->university_name) {{ $user->university_name }} @else {{ cn($user,'university.name','')}} @endif - Research Admission</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <meta name="description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many" />
  9. <meta name="keywords" content="" />
  10. <!-- facebook tags -->
  11. <meta property="og:url" content="http://www.facebook.com/researchadmission"/>
  12. <meta property="og:type" content="website"/>
  13. <meta property="og:title" content="Research Admission"/>
  14. <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
  15. <!-- Linkedin tags -->
  16. <meta property="og:url" content="https://www.linkedin.com/company/researchadmission"/>
  17. <meta property="og:type" content="website"/>
  18. <meta property="og:title" content="Research Admission"/>
  19. <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
  20. <!-- favicon -->
  21. <link rel="shortcut icon" href="{{asset('web/images/logo.png') }}">
  22. <!-- Bootstrap -->
  23. <link href="{{ asset('web/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
  24. <!-- tobii css -->
  25. <link href="{{asset('web/css/tobii.min.css')}}" rel="stylesheet" type="text/css" />
  26. <!-- Icons -->
  27. <link href="{{asset('web/css/materialdesignicons.min.css')}}" rel="stylesheet" type="text/css" />
  28. <link rel="stylesheet" type="text/css" href="{{ asset('web/stylesheets/font-awesome.min.css') }}" />
  29. <link rel="stylesheet" href="https://unicons.iconscout.com/release/v3.0.6/css/line.css">
  30. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
  31. <!-- Slider -->
  32. <link rel="stylesheet" href="{{asset('web/css/tiny-slider.css')}}"/>
  33. <!-- Main Css -->
  34. <link href="{{asset('web/css/style.css')}}" rel="stylesheet" type="text/css" id="theme-opt" />
  35. <link href="{{asset('web/css/colors/default.css')}}" rel="stylesheet" id="color-opt">
  36. <link rel="preconnect" href="https://fonts.googleapis.com">
  37. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  38. <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap" rel="stylesheet">
  39. <link rel="preconnect" href="https://fonts.googleapis.com">
  40. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  41. <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200&family=Quicksand:wght@400;500;600;700&display=swap" rel="stylesheet">
  42. <link rel="preconnect" href="https://fonts.googleapis.com">
  43. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  44. <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">
  45. <link rel="preconnect" href="https://fonts.googleapis.com">
  46. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  47. <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap" rel="stylesheet">
  48. <link rel="preconnect" href="https://fonts.googleapis.com">
  49. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  50. <link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates&display=swap" rel="stylesheet">
  51. <link rel="stylesheet" href="{{ asset('css/pnotify/pnotify.min.css') }}">
  52. <link href="{{ asset('css/noty/lib/noty.css') }}" rel="stylesheet" type="text/css">
  53. <link href="{{ asset('css/noty/lib/themes/sunset.css') }}" rel="stylesheet" type="text/css">
  54. <link href="{{ asset('css/wait-me/waitMe.min.css') }}" rel="stylesheet" type="text/css">
  55. </head>
  56. <style>
  57. body {
  58. font-family: 'Quicksand', sans-serif !important;
  59. }
  60. h1, h2, h3, h4, h5, h6 {
  61. font-family: 'Quicksand', sans-serif !important;
  62. }
  63. .bg-half-170 {
  64. padding:0px;
  65. }
  66. .form-control:focus {
  67. box-shadow: 0 0 0 0.25rem #8492a61f !important;
  68. border-color: #8492a61f !important;
  69. }
  70. .btn1{
  71. background-color: #141639c4 !important;
  72. color:white !important;
  73. border-radius: 20px;
  74. box-shadow:none !important;
  75. }
  76. .btn1:hover{
  77. background: #fff !important;
  78. color: #141639c4 !important;
  79. border-radius: 20px;
  80. border: 1px solid #141639c4;
  81. }
  82. .tns-nav button {
  83. background: #141639c4 !important;
  84. }
  85. .tns-nav button.tns-nav-active{
  86. background-color: #ffff !important;
  87. }
  88. .bg-left{
  89. border:none;
  90. }
  91. .box-head{
  92. font-size:15px !important;
  93. color:#ffff;
  94. }
  95. .box-sub{
  96. font-size:14px;
  97. color:#ffff;
  98. }
  99. .tmail{
  100. color: #a7a7a7;
  101. margin: 0px;
  102. }
  103. .form-control {
  104. border: 1px solid #dee2e6;
  105. font-size: 18px;
  106. line-height: 45px;
  107. background-color: #ffffff;
  108. border-radius: 6px;
  109. }
  110. #topnav{
  111. position: relative;
  112. }
  113. .text-muted{
  114. color: #ffffff !important;
  115. }
  116. .bg-left{
  117. border:none;
  118. }
  119. .bg-left .head-line{
  120. font-size: 39px !important;
  121. font-weight: bold;
  122. line-height: 1.2;
  123. color:#ffff;
  124. }
  125. .sub-line1{
  126. font-size: 18px !important;
  127. font-weight: 400;
  128. font-family: poppins !important;
  129. color:#ffff !important;
  130. }
  131. .sub-line2{
  132. font-size: 17px !important;
  133. font-weight: bold;
  134. font-family: poppins !important;
  135. color:#ffff !important;
  136. }
  137. .bg-white{
  138. background-color: #72809f33 !important;
  139. height: 160px;
  140. border: 1px solid #ffff;
  141. }
  142. .box-head{
  143. font-size:15px !important;
  144. color:#ffff;
  145. }
  146. .box-sub{
  147. font-size:14px;
  148. color:#ffff;
  149. }
  150. .d-flex{
  151. display: grid !important;
  152. }
  153. .master-link.secondary {
  154. padding: 12px;
  155. color: #fff;
  156. background-color: rgba(235,232,227,.1);
  157. clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.1em), calc(100% - 1.1em) 100%, 0 100%);
  158. }
  159. .master-link.secondary:hover {
  160. color: #191e38 !important;
  161. background-color: #ffffff;
  162. clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.1em), calc(100% - 1.1em) 100%, 0 100%);
  163. }
  164. .login_cover_image img {
  165. position: absolute;
  166. left: 0;
  167. top: 0;
  168. height: 100%;
  169. width: 100%;
  170. }
  171. .cover-user .cover-user-img {
  172. height: 99.8vh;
  173. }
  174. .bg-overlay{
  175. background-color: rgb(75 81 89 / 70%);;
  176. position: absolute;
  177. top: 0;
  178. right: 0;
  179. left: 0;
  180. bottom: 0;
  181. width: 100%;
  182. height: 100%;
  183. }
  184. .text-bttm{
  185. position: absolute;
  186. top: 8px;
  187. left: 16px;
  188. font-size: 18px;
  189. }
  190. .bigb{
  191. background-color: rgb(3 25 53 / 70%);
  192. border-radius: 20px;
  193. }
  194. .strng{
  195. font-size:19px;
  196. font-weight: 700;
  197. }
  198. .spn{
  199. font-size:14px;
  200. font-weight:400;
  201. }
  202. /* new */
  203. /* .bg-gray-900 {
  204. --tw-bg-opacity: 1;
  205. background-color: rgb(15 23 42/var(--tw-bg-opacity));
  206. }
  207. .xl\:h-full {
  208. height: 100%;
  209. }
  210. .w-full {
  211. width: 100%;
  212. }
  213. .absolute {
  214. position: absolute;
  215. }
  216. .xl\:grid-cols-2 {
  217. grid-template-columns: repeat(2,minmax(0,1fr));
  218. }
  219. .xl\:grid {
  220. display: grid;
  221. }
  222. .xl\:col-start-2 {
  223. grid-column-start: 2;
  224. }
  225. .xl\:relative {
  226. position: relative;
  227. }
  228. .opacity-25 {
  229. opacity: .25;
  230. }
  231. img {
  232. height: auto;
  233. max-width: 100%;
  234. }
  235. .xl\:bg-gradient-to-r {
  236. background-image: linear-gradient(to right,var(--tw-gradient-stops));
  237. }
  238. .xl\:w-32 {
  239. width: 8rem;
  240. } */
  241. </style>
  242. <section class="cover-user">
  243. <div class="container-fluid px-0">
  244. <div class="row g-0 position-relative">
  245. <div class="col-lg-7 padding-less ">
  246. <div class="bg-left login_cover_image">
  247. <img src="{{ asset('web/images/background.jpg')}}" class="image-responsive" alt="">
  248. <div class="bg-overlay"></div>
  249. <div class="text-bttm" style="padding: 17rem 10rem 0rem 10rem;">
  250. <h4 class="mb-3" style="color: white;">You're going to submit your doctoral application proposal to -</h4>
  251. <div class="alert p-4 bigb">
  252. <div class="uni_details" style="display:flex;">
  253. @if(isset($user->university->country))
  254. <div class="mt-2">
  255. {{-- <p style="color:white; font-weight:600 !important; letter-spacing: 2px;">{{ strtoupper(mb_substr($user->first_name, 0, 1) . mb_substr($user->last_name, 0, 1)) }}</p> --}}
  256. <img class="img-responsive listFlag mt-2" style="padding:0px; height: 63px; width: 63px;" src="{{ asset('/assets/img/flags/4x3').'/'.strtolower(cn($user,'university.country.iso_3166_2','')).'.svg' }}" alt="Flag" data-toggle="tooltip" title="" data-placement="top">
  257. </div>
  258. @endif
  259. <div class="alert" style="margin-bottom: 0px; color: white;">
  260. <strong class="mb-2 strng"> {{ $user->first_name }} {{ $user->last_name }}</strong></br>
  261. <span class="spn">{{ $user->designation }} </span><br>
  262. <span class="spn">
  263. @if($user->others_department)
  264. {{ $user->others_department }}
  265. @else
  266. {{ cn($user,'department_name.name','')}}
  267. @endif
  268. </span>
  269. <span> . </span>
  270. <span class="spn">
  271. @if($user->university_name)
  272. {{ $user->university_name }}
  273. @else
  274. {{ cn($user,'university.name','')}}
  275. @endif
  276. </span>
  277. </div>
  278. </div>
  279. </div>
  280. <p class="mt-3 mb-0" style="color:white;">Copyright © <script>document.write(new Date().getFullYear())</script>
  281. Research Admission
  282. </p>
  283. </div>
  284. </div>
  285. </div>
  286. <div class="col-lg-5 cover-my-30 ">
  287. <div class="cover-user-img d-flex align-items-center p-5">
  288. <div class="row">
  289. <div class="col-12">
  290. <div class="card login-page border-0" style="z-index: 1;">
  291. <div class="card-body" style="padding: 0px;">
  292. <h5>To initiate the process for your Doctoral application, kindly complete the following form. Once completed, you will receive an email invitation containing instructions to create an account and submit your Research Proposal to me. - here is the text</h5>
  293. </div>
  294. <div class="col-lg-12 mt-4 wait">
  295. <div class="mb-3">
  296. <input type="hidden" name="teacher_id" value="{{ $hash_teacher_ids[0] }}" id="teacher_id">
  297. <label class="form-label" style="font-size: 19px; font-weight: 700; color: #3c3d5b;">Your name</label>
  298. <div class="form-icon position-relative">
  299. <input type="text" class="form-control" id="name" placeholder="Write your full name here" name="name" required="">
  300. </div>
  301. </div>
  302. <div class="mb-3">
  303. <label class="form-label" style="font-size: 19px; font-weight: 700; color: #3c3d5b;">e-mail address</label>
  304. <div class="form-icon position-relative">
  305. <input type="email" class="form-control" id="email" placeholder="Write your e-mail address here" name="email" required="">
  306. </div>
  307. </div>
  308. </div>
  309. <h5 class="text-center mb-4" style="color: #3c3d5b; font-weight: 500; font-size: 18px !important;">We will send you a link to this email address, so you can complete your registration and submit your proposal.</h5>
  310. <div class="col-md-12">
  311. <div class="mt-2 mb-4 text-center">
  312. <button type="submit" class="btn btn1 q_form_submit" style="font-size: 21px;">
  313. {{ __('Submit') }}
  314. </button>
  315. </div>
  316. </div>
  317. </div>
  318. </div>
  319. </div>
  320. </div>
  321. </div>
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326. </section>
  327. <!-- <div class="relative bg-gray-900">
  328. <div class="h-80 w-full absolute bottom-0 xl:inset-0 xl:h-full">
  329. <div class="h-full w-full xl:grid xl:grid-cols-2">
  330. <div class="h-full xl:relative xl:col-start-2">
  331. <img src="web/images/background-Qapply.jpg" alt="" class="">
  332. <div class="absolute inset-x-0 top-0 h-32 bg-gradient-to-b from-gray-900 xl:inset-y-0 xl:left-0 xl:h-full xl:w-32 xl:bg-gradient-to-r">
  333. </div>
  334. </div>
  335. </div>
  336. </div>
  337. </div> -->
  338. <!-- javascript -->
  339. <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
  340. <!-- tobii js -->
  341. <script src="{{asset('web/js/tobii.min.js')}}"></script>
  342. <!-- SLIDER -->
  343. <script src="{{asset('web/js/tiny-slider.js')}}"></script>
  344. <!-- Icons -->
  345. <script src="{{asset('web/js/feather.min.js')}}"></script>
  346. <!-- Main Js -->
  347. <script src="{{asset('web/js/plugins.init.js')}}"></script>
  348. <script src="{{asset('web/js/app.js')}}"></script>
  349. <script src="{{ asset('css/jquery.min.js') }}"></script>
  350. <script src="{{ asset('css/jquery-form/dist/jquery.form.min.js') }}"></script>
  351. <script src="{{ asset('css/pnotify/pnotify.js') }}"></script>
  352. <script src="{{ asset('css/noty/lib/noty.min.js') }}"></script>
  353. <script src="{{ asset('css/wait-me/waitMe.min.js') }}"></script>
  354. <script>
  355. function pop_up_msg(msg='No message specified', type='success', callback=null){
  356. new Noty({
  357. theme:'sunset',
  358. text: msg,
  359. type: type,
  360. timeout:1500,
  361. callbacks:{
  362. afterClose: callback
  363. }
  364. }).show();
  365. }
  366. function err_msg(err){
  367. var msg="Request failed to process, try again later.";
  368. if(err.responseJSON && err.responseJSON.msg){
  369. msg=err.responseJSON.msg;
  370. }
  371. return msg;
  372. }
  373. $(function(){
  374. $('.q_form_submit').on('click', function(){
  375. $('.wait').waitMe({effect : 'facebook', text : 'Please wait...'});
  376. var id =$('#teacher_id').val();
  377. var name =$('#name').val();
  378. var email =$('#email').val();
  379. var form_data={
  380. _token: "{{ csrf_token() }}",
  381. id: id,
  382. name: name,
  383. email: email,
  384. }
  385. $.post("{{ route('ajax-post', ['name'=>'student_q_form']) }}", form_data, function(res){
  386. $('.wait').waitMe("hide");
  387. $('#name').val('');
  388. $('#email').val('');
  389. if(res.action == 'old_user'){
  390. window.location.href = "{{ url('/applicant/login') }}";
  391. }
  392. pop_up_msg(res.msg);
  393. }).fail(function(err){
  394. $('.wait').waitMe("hide");
  395. pop_up_msg(err_msg(err), 'error');
  396. });
  397. });
  398. $('.wait-me').on('click', function(){
  399. $('.wait').waitMe({effect : 'facebook', text : 'Please wait...'});
  400. });
  401. });
  402. </script>
  403. </body>
  404. </html>