teacher_profile.blade.php 78 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388
  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/4.7.0/css/font-awesome.css">
  30. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
  31. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.6.15/sweetalert2.min.css">
  32. <!-- Slider -->
  33. <link rel="stylesheet" href="{{asset('web/css/tiny-slider.css')}}"/>
  34. <!-- Main Css -->
  35. <link href="{{asset('web/css/style.css')}}" rel="stylesheet" type="text/css" id="theme-opt" />
  36. <link href="{{asset('web/css/colors/default.css')}}" rel="stylesheet" id="color-opt">
  37. <link rel="preconnect" href="https://fonts.googleapis.com">
  38. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  39. <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">
  40. <link rel="preconnect" href="https://fonts.googleapis.com">
  41. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  42. <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap" rel="stylesheet">
  43. <link rel="stylesheet" href="{{asset('web/css/datepicker.min.css')}}">
  44. <link rel="stylesheet" href="{{asset('web/css/sweetalert/sweetalert.css')}}">
  45. {{-- Ajax Form Submit --}}
  46. <link href="{{ asset('css/noty/lib/noty.css') }}" rel="stylesheet" type="text/css">
  47. <link href="{{ asset('css/noty/lib/themes/sunset.css') }}" rel="stylesheet" type="text/css">
  48. <link href="{{ asset('css/flatpickr/dist/flatpickr.min.css') }}" rel="stylesheet" type="text/css">
  49. <link href="{{ asset('css/wait-me/waitMe.min.css')}}" rel="stylesheet" type="text/css">
  50. </head>
  51. <style>
  52. body {
  53. font-family: 'Oswald', sans-serif;
  54. font-family: 'Quicksand', sans-serif;
  55. }
  56. h1, h2, h3, h4, h5, h6 {
  57. font-family: 'Oswald', sans-serif;
  58. font-family: 'Quicksand', sans-serif;
  59. }
  60. .bg-half-170 {
  61. padding:0px;
  62. }
  63. .bg-primary, .btn-primary, .btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.focus, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .pagination .page-item.active .page-link, .nav-pills .nav-link.active, #preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2, .social-icon li a:hover, #topnav .navbar-toggle.open span:hover, .bg-animation-left.crypto-home:after, .bg-animation-left.task-management-home:after, .classic-app-image .bg-app-shape:after, .classic-saas-image .bg-saas-shape:after, .swiper-slider-hero .swiper-container .swiper-button-prev:hover, .features.fea-primary:hover, .tns-nav button.tns-nav-active, .ribbon.ribbon-primary span, .sidebar .widget .tagcloud > a:hover, .work-container.work-modern .icons .work-icon:hover, .timeline-page .timeline-item .date-label-left:after, .timeline-page .timeline-item .duration-right:after, #navmenu-nav li.account-menu.active .navbar-link, #navmenu-nav li.account-menu:hover .navbar-link, .qs-datepicker-container .qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover, .qs-datepicker-container .qs-squares .qs-square.qs-current, .carousel-indicators [data-bs-target], .carousel-indicators .active, .tns-controls button[data-controls="prev"]:hover, .tns-controls button[data-controls="next"]:hover, .back-to-top {
  64. background-color: #141639c4 !important;
  65. color: white!important;
  66. border-radius:0px !important;
  67. border-color: #141639c4 !important;
  68. }
  69. .form-check-input.form-check-input:checked{
  70. border-radius:20px !important;
  71. background-color: #141639c4 !important;
  72. }
  73. .form-check-input:focus {
  74. border-color: #141639c4 !important;
  75. background-image:#141639c4 !important;
  76. }
  77. .nav-pills .nav-link{
  78. color: white !important;
  79. }
  80. .nav-pills {
  81. margin-bottom: 0px;
  82. background:none;
  83. }
  84. .logo {
  85. font-weight: 700;
  86. font-size: 24px;
  87. margin-right: 0px;
  88. padding: 0 0 6px;
  89. letter-spacing: 1px;
  90. line-height: 68px;
  91. }
  92. a {
  93. text-decoration: none !important;
  94. }
  95. .table {
  96. width: 100%;
  97. color: #6e6b7b;
  98. }
  99. .list_table thead tr th {
  100. font-size: 12px;
  101. font-weight: 700;
  102. background-color: #16183f69;
  103. text-transform: capitalize;
  104. color: #ffff;
  105. }
  106. .list_table thead tr th {
  107. padding: 11px 6px 10px!important;
  108. }
  109. .list_table .institute_info {
  110. display: flex !important;
  111. }
  112. .list_table .institute_info .left {
  113. width: 37px;
  114. align-self: center;
  115. }
  116. .list_table .institute_info .left .fa {
  117. background: #f1f0fb;
  118. padding: 10px;
  119. border-radius: 100%;
  120. font-size: 14px;
  121. color: #2e1153;
  122. }
  123. tbody, td, tfoot, th, thead, tr {
  124. border-color: inherit;
  125. /* border-style: dashed; */
  126. border-width: 0;
  127. }
  128. .change_pass_btn {
  129. margin-top: 0;
  130. color: #ffff;
  131. border: 1px solid #9f9fa169;
  132. border-radius: 50%;
  133. padding: 8px 8px;
  134. margin-right: 0;
  135. background: #16183f69;
  136. font-size: 15px!important;
  137. }
  138. .change_pass_btn:hover {
  139. color: #ff7f00;
  140. transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  141. border: 1px solid #ff7f00 !important;
  142. }
  143. .icon_bar {
  144. width: fit-content;
  145. overflow: auto;
  146. border-radius: 0.25rem;
  147. padding: 2px 4px;
  148. margin: 0 auto;
  149. border: 0.5px solid #d8e2e7;
  150. }
  151. .icon_bar a {
  152. text-align: center;
  153. padding: 0;
  154. color: #818084;
  155. font-size: 16px;
  156. margin: 0 3px;
  157. border-bottom: none;
  158. top: 0;
  159. }
  160. .label_badge_radius {
  161. color: #2e1153;
  162. border-radius: 20px;
  163. padding: 1px 10px;
  164. font-size: 10px;
  165. line-height: 1.3;
  166. letter-spacing: .2px;
  167. font-weight: 600;
  168. /* background-image: linear-gradient(to right, rgb(46 17 83 / 19%), rgb(245, 244, 253)); */
  169. }
  170. .label_badge_no {
  171. color: red;
  172. border-radius: 20px;
  173. padding: 1px 10px;
  174. font-size: 11px;
  175. line-height: 1.3;
  176. letter-spacing: .2px;
  177. font-weight: 600;
  178. background-color:#ffecee;
  179. }
  180. .label_badge_gpa {
  181. color: #00b4d8;
  182. border-radius: 20px;
  183. padding: 1px 10px;
  184. font-size: 11px;
  185. line-height: 1.3;
  186. letter-spacing: .2px;
  187. font-weight: 600;
  188. background-color:#e2edff;
  189. }
  190. .label_badge_work {
  191. color: #10bd77;
  192. border-radius: 20px;
  193. padding: 1px 10px;
  194. font-size: 11px;
  195. line-height: 1.3;
  196. letter-spacing: .2px;
  197. font-weight: 600;
  198. background-color:#dffff2;;
  199. }
  200. .ms-5 {
  201. margin-left: 2.4rem!important;
  202. }
  203. .btncl{
  204. padding: 2px 6px;
  205. color: #ffffff !important;
  206. background-color: #ffc107 !important;
  207. border-radius: 30px;
  208. }
  209. .btncl:hover {
  210. background-color: #ffffff !important;
  211. border-color: #ffc107 !important;
  212. color: #ffc107 !important;
  213. }
  214. .btn2{
  215. background-color: #141639c4 !important;
  216. color:white !important;
  217. border-radius: 20px;
  218. box-shadow:none !important;
  219. padding:3px 13px !important;
  220. font-size:13px;
  221. }
  222. .btn2:hover{
  223. background: #fff !important;
  224. color: #141639c4 !important;
  225. border-radius: 20px;
  226. border-color: #2e1153!important;
  227. }
  228. .top_part_status_name {
  229. border-radius: 20px;
  230. padding: 1px 22px 1px 10px;
  231. font-size: 10px;
  232. font-weight: 400;
  233. line-height: 1.3;
  234. letter-spacing: .2px;
  235. top: 0;
  236. position: relative;
  237. width: fit-content;
  238. display: flex;
  239. }
  240. .top_part_status .dropdown .dropdown-menu.show .dropdown-item:first-child {
  241. border-top-left-radius: 0.25rem;
  242. border-top-right-radius: 0.25rem;
  243. }
  244. .top_part_status .dropdown .dropdown-menu.show .dropdown-item:hover {
  245. background: #2e1153;
  246. color: #fff !important;
  247. }
  248. .dropdown-menu {
  249. display: none;
  250. float: left;
  251. min-width:5rem;
  252. padding: 0.5rem 0;
  253. margin: 0.125rem 0 0;
  254. color: #212529;
  255. text-align: left;
  256. list-style: none;
  257. background-color: #fff;
  258. background-clip: padding-box;
  259. border: 1px solid rgba(0,0,0,.15);
  260. border-radius: 0.25rem;
  261. font-size: 11px;
  262. background-color: #dedbf1;
  263. }
  264. .dropdown-item {
  265. display: block;
  266. width: 100%;
  267. clear: both;
  268. font-weight: 400;
  269. text-align: inherit;
  270. white-space: nowrap;
  271. background: 0 0;
  272. border: 0;
  273. padding: 4px 12px;
  274. }
  275. .site-header {
  276. position: fixed;
  277. top: 0;
  278. left: 0;
  279. width: 100%;
  280. height: auto;
  281. max-height: 80px;
  282. background: #fff;
  283. padding: 0px 15px 0 0;
  284. z-index: 80;
  285. }
  286. .sidebar-wrapper .sidebar-menu ul li a {
  287. display: inline-block;
  288. width: 100%;
  289. text-decoration: none;
  290. position: relative;
  291. padding:7px 15px 7px 20px;
  292. }
  293. .sidebar-wrapper .sidebar-menu ul li:hover>a{
  294. background-color: #141639c4 !important;
  295. color:white;
  296. border-radius: 0px !important
  297. }
  298. .sidebar-footer {
  299. position: sticky;
  300. }
  301. .single_glance_row {
  302. font-size: 12px !important;
  303. margin: 0 !important;
  304. border: none;
  305. border-bottom: 1px solid #e8eef1;
  306. border-radius: 0;
  307. padding: 8px 10px;
  308. }
  309. .config{
  310. font-size: 13px;
  311. font-weight: 600;
  312. color: black;
  313. }
  314. .method{
  315. background-color: #2c2d4d;
  316. margin-top: -11px;
  317. width: 20%;
  318. font-size: 14px !important;
  319. color: #fff;
  320. padding-left: 9px;
  321. border-radius: 5px;
  322. }
  323. .method-box{
  324. width: 31.5%;
  325. background-color: #eee;
  326. border-radius: 5px;
  327. }
  328. </style>
  329. <body>
  330. <header id="" class="site-header">
  331. <div class="container-fluid">
  332. <div class="row">
  333. <div class="col-lg-12">
  334. <nav class="mt-2 header-navbar navbar-expand-lg navbar-fixed align-items-center navbar-brand-center">
  335. <div class="navbar-container d-flex content">
  336. <div class="col-md-6" >
  337. <div class="d-flex align-items-center">
  338. <ul class="nav navbar-nav mr-auto header_left">
  339. <li class="nav-item d-flex">
  340. <div class="col md-6 mt-1 mb-1" style="margin-left: 10px;">
  341. <a class="logo" href="index.html">
  342. <h3 style="font-family:Ubuntu !important; color: #3c4858 !important; font-size: 30px !important;">Research Admission</h3>
  343. </a>
  344. </div>
  345. </li>
  346. </ul>
  347. </div>
  348. </div>
  349. <div class="col-md-6" style="display: flex; justify-content: end;">
  350. <div >
  351. <div style="border: 1px solid #e2e9ff; width: auto; border-radius: 10px; display: flex; height: 60%; margin-top: 11px;">
  352. @if(\Auth::guard('teacher')->user()->is_available ==0)
  353. <p class="form-check-label ms-2" style="font-size: 11px; margin-top: 9px;">Not Available for Supervision</p>
  354. @endif
  355. <div class="form-check form-switch ms-3" id="" style="margin-top: 6px;">
  356. <input class="form-check-input teacher_is_available" type="checkbox" name="is_available" value="" @if(\Auth::guard('teacher')->user()->is_available ==1) checked @endif>
  357. @if(\Auth::guard('teacher')->user()->is_available ==1)
  358. <label class="form-check-label" for="" style="font-size: 11px; margin-top: -1px; margin-right: 9px;">Available for Supervision </label>
  359. @endif
  360. </div>
  361. </div>
  362. </div>
  363. <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
  364. <li class="nav-item dropdown dropdown-notification">
  365. <a href="javascript:void(0)" class="open_modal_page" data-url="{{route('modal-get',['name'=>'add_wishlist'])}}" data-title="Wishlist">
  366. <button class="btn btn2" style="padding: 6px 10px !important;">New Invite</button>
  367. </a>
  368. </li>
  369. </ul>
  370. @php
  371. $hashids = new \Hashids\Hashids('student_q_signup', 25);
  372. @endphp
  373. <div class="flag_country copy" style="display:flex; cursor:pointer;" data-clipboard-text="{{ url('student-q-form/'.$hashids->encode(auth_user('teacher')->id)) }}">
  374. <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
  375. <li class="nav-item dropdown dropdown-notification">
  376. <a href="javascript:void(0)">
  377. <button class="btn btn2" style="padding: 6px 10px !important; background-color: #ffad00 !important; color: #191e38 !important;">Q-Apply</button>
  378. </a>
  379. </li>
  380. </ul>
  381. </div>
  382. <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
  383. <li class="nav-item dropdown dropdown-notification">
  384. <a href="">
  385. <i class="fa fa-bell change_pass_btn" style="padding: 8px 9px;"></i>
  386. </a>
  387. </li>
  388. </ul>
  389. <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
  390. <li class="nav-item dropdown dropdown-notification">
  391. <a href="">
  392. <h5 class="change_pass_btn" style="height: 33px; margin-top: 7px; padding: 4px 9px;">IZ</h5>
  393. </a>
  394. </li>
  395. </ul>
  396. <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
  397. <li class="nav-item dropdown dropdown-notification">
  398. <a href="{{ url('teacher-logout') }}"
  399. onclick="event.preventDefault();
  400. document.getElementById('logout-form').submit();">
  401. <i class="fa fa-sign-out change_pass_btn"></i>
  402. </a>
  403. <form id="logout-form" action="{{ url('teacher-logout') }}" method="POST" class="d-none">
  404. @csrf
  405. </form>
  406. </li>
  407. </ul>
  408. </div>
  409. </div>
  410. </nav>
  411. </div>
  412. </div>
  413. </div>
  414. </header>
  415. <section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef; height:100vh;">
  416. <div class="container-fluid">
  417. <div class="row">
  418. <div class="col-md-2" style="padding:0px">
  419. <nav class="sidebar-wrapper" id="sidebar" style="background-color: #1416398a!important; width: 16.6%; height: 100%; position: fixed; overflow-y: hidden; top: 65px;">
  420. <div class="sidebar-content" style="height: calc(100vh - 75px);">
  421. <div class="sidebar-menu" style="padding-bottom: 110px; height: 100vh; overflow: auto;">
  422. <ul class="nav nav-pills nav-justified flex-column mb-0" id="pills-tab" role="tablist">
  423. <li class="nav-item" style="margin-top: 35px;">
  424. <a class="nav-link active" id="dashboard" data-bs-toggle="pill" href="#dash" role="tab" aria-controls="dash" aria-selected="false">
  425. <div class="text-start py-1 px-2" style="display:flex;">
  426. <i class="fa fa-home ms-3" style="font-size: 11px; margin-top: 3px;"></i>
  427. <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Dashboard</h6>
  428. </div>
  429. </a><!--end nav link-->
  430. </li><!--end nav item-->
  431. <li class="nav-item">
  432. <a class="nav-link" id="application" data-bs-toggle="pill" href="#applicate" role="tab" aria-controls="dental" aria-selected="false">
  433. <div class="text-start py-1 px-2" style="display:flex;">
  434. <i class="fa fa-graduation-cap ms-3" style="font-size: 11px; margin-top: 3px;"></i>
  435. <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Application</h6>
  436. </div>
  437. </a><!--end nav link-->
  438. </li><!--end nav item-->
  439. <li class="nav-item">
  440. <a class="nav-link rounded" id="wishlist" data-bs-toggle="pill" href="#list" role="tab" aria-controls="list" aria-selected="false">
  441. <div class="text-start py-1 px-2" style="display:flex;">
  442. <i class="fa fa-shopping-bag ms-3" style="font-size: 11px; margin-top: 3px;"></i>
  443. <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Wishlist </h6>
  444. </div>
  445. </a><!--end nav link-->
  446. </li><!--end nav item-->
  447. <li class="nav-item">
  448. <a class="nav-link rounded" id="explores" data-bs-toggle="pill" href="#explore" role="tab" aria-controls="explore" aria-selected="false">
  449. <div class="text-start py-1 px-2" style="display:flex;">
  450. <i class="fa fa-university ms-3" style="font-size: 11px; margin-top: 3px;"></i>
  451. <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Explore</h6>
  452. </div>
  453. </a><!--end nav link-->
  454. </li><!--end nav item-->
  455. <li class="nav-item">
  456. <a class="nav-link rounded" id="myaccount" data-bs-toggle="pill" href="#account" role="tab" aria-controls="account" aria-selected="false">
  457. <div class="text-start py-1 px-2" style="display:flex;">
  458. <i class="fa fa-user ms-3" style="font-size: 11px; margin-top: 3px;"></i>
  459. <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">My Account</h6>
  460. </div>
  461. </a><!--end nav link-->
  462. </li><!--end nav item-->
  463. </ul><!--end nav pills-->
  464. </div>
  465. <div class="sidebar-footer" style="display: block;bottom: 65px !important;">
  466. <div class="sidebar-menu" style="padding: 0 !important;">
  467. <ul class="nav nav-pills nav-justified flex-column mb-0" id="">
  468. <li class="nav-item" style="margin-top: 35px;">
  469. <div class="nav-link" style="background-color: #141639c4; border-radius: 0px !important;">
  470. <div class="text-start py-1 px-2">
  471. <h6 class="mb-0" style="font-size: 12px !important; font-weight:400;">Your Account Reference Number</h6>
  472. <h6 class="mb-0" style="font-size: 13px !important; color: #ffbd59;">{{ auth_user('teacher')->ref_no }}</h6>
  473. </div>
  474. </div><!--end nav link-->
  475. </li><!--end nav item-->
  476. </ul><!--end nav pills-->
  477. </div>
  478. </div>
  479. </div>
  480. </nav>
  481. </div><!--end col-->
  482. <div class="col-md-10 col-12 mt-5" style="padding:1rem; padding-top: 2.5rem!important;">
  483. <div class="tab-content" id="pills-tabContent">
  484. <div class="tab-pane fade show p-2 rounded active" id="dash" role="tabpanel" aria-labelledby="dashboard">
  485. <div class="card p-2 rounded border-0" style="background-color: #ffffff; color: #141639c4; height: 80vh;">
  486. <div class="col-md-12">
  487. <div class="row p-2">
  488. <h6 style="font-weight:bold !important;">3 Ways you can receive proposals from Doctoral candidates : </h6>
  489. <div class="col-md-4 mt-3 ms-3 method-box">
  490. <h6 class="method"> Option 1:</h6>
  491. <p style="font-size: 13px;"> You can give your ARN to the student and request them to submit their proposal using your reference.</p>
  492. </div>
  493. <div class="col-md-4 mt-3 ms-3 method-box">
  494. <h6 class="method"> Option 2:</h6>
  495. <p style="font-size: 13px;">You can log in to your account, include the student's name and email address in Q Apply, and send them an invitation. This way, their application will be automatically tagged with your reference.</p>
  496. </div>
  497. <div class="col-md-4 mt-3 ms-3 method-box">
  498. <h6 class="method"> Option 3:</h6>
  499. <p style="font-size: 13px; margin-bottom: 0px;">You can share the Q Apply link with the student and ask them to fill out the form using their name and email. An invitation email will be sent to them, and then they can proceed with method 2.</p>
  500. </div>
  501. </div>
  502. </div>
  503. </div>
  504. </div><!--end teb pane-->
  505. <div class="tab-pane fade show p-2 rounded" id="applicate" role="tabpanel" aria-labelledby="application">
  506. <form method="POST" action="" style="padding: 10px; background-color: #16183f69; border-radius: 5px 5px 0px 0px;">
  507. <div class="row">
  508. <div class="col-md-3">
  509. <div class="mb-1">
  510. <label class="form-label" for="apply_ref" style="color: white; font-size:12px;">Apply Ref/Student Name or Email</label>
  511. <div class="form-icon position-relative">
  512. <input type="text" for="apply_ref" name="apply_ref" class="form-control ps-2" required="">
  513. </div>
  514. </div>
  515. </div>
  516. <div class="col-md-3">
  517. <div class="mb-1">
  518. <label class="form-label" for="" style="color: white; font-size:12px;">Status</label>
  519. <div class="form-icon position-relative">
  520. <select name="approve" id="approve" class="form-control frm" required="">
  521. <option disabled="" selected="" value="">Default</option>
  522. </select>
  523. </div>
  524. </div>
  525. </div>
  526. <div class="col-md-3">
  527. <div class="mb-1">
  528. <label class="form-label" style="color: white; font-size:12px;">Application Received</label>
  529. <div class="form-icon position-relative">
  530. <select name="app_date" id="app_date" class="form-control frm" required="">
  531. <option disabled="" selected="" value="">Date Range</option>
  532. </select>
  533. </div>
  534. </div>
  535. </div>
  536. <div class="col-md-3">
  537. <div class="mb-1">
  538. <label class="form-label" for="start date" style="color: white; font-size:12px;">Preffered Start Date</label>
  539. <div class="form-icon position-relative">
  540. <input name="startdate" type="text" class="form-control start_date" placeholder="Start Date" autocomplete="off">
  541. </div>
  542. </div>
  543. </div>
  544. </div>
  545. </form>
  546. <div class="col-md-12" style="background-color:white; border-radius: 0px 0px 5px 5px;">
  547. <div class="mb-4" style="padding:15px;">
  548. <div class="text-end">
  549. <button class="btn btncl"><i class="fa fa-refresh"></i></button>
  550. <button class="btn btn2">search</button>
  551. </div>
  552. </div>
  553. </div>
  554. @if(count($students) >0)
  555. <div class="col-md-12 bg-white" style="padding:10px; height:500px;">
  556. <h4 class="text-info"></h4>
  557. <div class="table-responsive">
  558. <table class="table table-bordered list_table">
  559. <thead>
  560. <tr>
  561. <th>Sl</th>
  562. <th>Student Information</th>
  563. <th>Education</th>
  564. <th class="text-center">English Test</th>
  565. <th class="text-center">Others</th>
  566. <th>Proposal Summary</th>
  567. <th class="text-center">Status</th>
  568. </tr>
  569. </thead>
  570. <tbody>
  571. @foreach($students as $key=>$row)
  572. <tr>
  573. <td style="font-size: 11px;">{{$key+1}}</td>
  574. <td>
  575. <div style="font-size: 12px; font-weight: 600; color: black; text-transform: capitalize;">
  576. <span>{{cn($row,'student_details.first_name','')}} {{cn($row,'student_details.last_name','')}}</span>
  577. </div>
  578. <div style="font-size: 11px;">
  579. <a href="" class="" style="color: black;"><span>Apply Ref : {{$row->student_apply_ref ?? "N/A"}} </span></a>
  580. </div>
  581. <div style="font-size: 11px;">
  582. <span style="color: black;">Applied : @if(!empty($row->student_details->dob)){{ date("d M, Y", strtotime(cn($row,'student_details.dob','')))}} @else @endif</span>
  583. </div>
  584. </td>
  585. <td style="font-size: 11px;">
  586. <div style="font-size: 11px; font-weight: 600; display:block;">
  587. <span style="color: black;">{{cn($row,'institutes.institution','')}}</span>
  588. </div>
  589. <div style="font-size: 11px;">
  590. <span style="color: black;">P Year : @if(!empty($row->institutes->start_date)) {{date('M Y',strtotime(cn($row,'institutes.start_date','N/A')))}} @else @endif @if(!empty($row->institutes->end_date)) - {{date('M Y',strtotime(cn($row,'institutes.end_date','N/A')))}} @else @endif</span>
  591. </div>
  592. <div class="mt-1" style="font-size: 11px;">
  593. <span class="label_badge_gpa">{{cn($row,'institutes.result','')}} (GPA)</span>
  594. </div>
  595. </td>
  596. <td style="font-size: 11px; text-align:center; color: black;">{{cn($row,'scores.test_name','N/A')}} - {{cn($row,'scores.overall_score','')}}
  597. <div style="font-size: 11px;">
  598. <span style="color: black;">
  599. @php
  600. $work_history_first =$row->work_experience_date()->whereNotNull('start_date')->oldest()->first();
  601. $work_history_last =$row->work_experience_date()->latest()->first();
  602. if($work_history_first && $work_history_last && $work_history_last->end_date){
  603. $diff_in_days =diff_in_days($work_history_first->start_date,$work_history_last->end_date);
  604. }elseif($work_history_first){
  605. $diff_in_days =diff_in_days($work_history_first->start_date, now());
  606. }else{
  607. $diff_in_days =0;
  608. }
  609. $years = ($diff_in_days / 365) ;
  610. $years = floor($years);
  611. $month = ($diff_in_days % 365) / 30.5;
  612. $month = floor($month);
  613. $days = ($diff_in_days % 365) % 30.5;
  614. @endphp
  615. <div class="mt-1" style="font-size: 11px; display:block;">
  616. <span class="label_badge_work">{{$years}} years</span>
  617. </div>
  618. </span>
  619. </div>
  620. </td>
  621. <td style="font-size: 11px; text-align:center;">
  622. <div style="font-size: 11px; display:block;">
  623. <div style="font-size: 11px; color: black;"><i class="fa-light fa-file"></i> Pub :
  624. <span class="label_badge_work"> yes</span>
  625. </div>
  626. <div class="mt-1" style="font-size: 11px; color: black;"> Con :
  627. <span class="label_badge_work"> yes</span>
  628. </div>
  629. {{-- ({{ dDate($work_history_first->start_date) }} - {{dDate($work_history_last->end_date, 'd M Y', 'Continue')}}) --}}
  630. </div>
  631. </td>
  632. <td style="font-size: 11px;">
  633. <div class="inner_right">
  634. <a href="{{ url('teacher/student-proposal-details') }}/{{$row->id}}"><strong style="font-size:11px; color:black;">{{cn($row,'proposal.title','')}}</strong></a></br>
  635. <span style="color:black;">{{cn($row,'proposal.methology','')}}</span>
  636. @php
  637. $proposal =\DB::table('proposal')->where(
  638. 'student_id',$row->student_id
  639. )->first();
  640. if(isset($proposal)){
  641. $department =\DB::table('departments')->where(
  642. 'id',$proposal->department
  643. )->first();
  644. }
  645. @endphp
  646. @if(isset($department))
  647. <span>.</span>
  648. <span style="color:black;">
  649. {{ $department->name }}
  650. </span>
  651. @endif
  652. <span>.</span>
  653. <span style="color:black;">{{cn($row,'proposal.status','')}}</span>
  654. </div>
  655. </td>
  656. <td style="font-size: 11px; text-align:center;">
  657. <div class="top_part_status">
  658. @if($row->accepted_status==1 && $row->proposal_status ==1)
  659. <button class="btn btn2" style="padding: 1px 10px !important; font-size: 11px;">Reviewing</button>
  660. @elseif($row->accepted_status==1 && $row->proposal_status ==2)
  661. <button class="btn btn2" style="padding: 1px 10px !important; font-size: 11px;">Reviewing</button>
  662. @elseif($row->accepted_status==1 && $row->proposal_status ==3)
  663. <button class="btn btn2" style="padding: 1px 10px !important; font-size: 11px;">Push</button>
  664. @elseif($row->accepted_status==1 && $row->proposal_status ==4)
  665. <button class="btn btn2" style="padding: 1px 10px !important; font-size: 11px;">Hold</button>
  666. @elseif($row->accepted_status==1 && $row->proposal_status ==5)
  667. <button class="btn btn2" style="padding: 1px 10px !important; font-size: 11px;">Interested</button>
  668. @elseif($row->accepted_status==1 && $row->proposal_status ==6)
  669. <button class="btn btn2" style="padding: 1px 10px !important; font-size: 11px;">Rejected</button>
  670. @else
  671. <button class="btn btn2 accept_status_update" data-id="{{$row->id}}" style="padding: 1px 10px !important; font-size: 11px;">Accept</button>
  672. @endif
  673. @if($row->proposal_status_date)
  674. <br>
  675. <span style="font-size:11px; font-weight: bold;">{{date('d M Y H:i:A', strtotime($row->proposal_status_date))}}</span>
  676. @endif
  677. </div>
  678. </td>
  679. </tr>
  680. @endforeach
  681. </tbody>
  682. </table>
  683. </div>
  684. </div><!--end col-->
  685. @endif
  686. </div><!--end teb pane-->
  687. <div class="tab-pane fade bg-white p-2 rounded shadow" id="list" role="tabpanel" aria-labelledby="wisthlist" style="height:100%;">
  688. <div class="col-md-12">
  689. <div class="table-responsive">
  690. <table class="table table-bordered list_table" style="margin: 0px;">
  691. <thead>
  692. <tr>
  693. <th>Sl</th>
  694. <th>Name</th>
  695. <th>Email</th>
  696. <th>Invited on</th>
  697. <th>Applied</th>
  698. <th>Channel</th>
  699. <th class="text-center">Total Invited</th>
  700. </tr>
  701. </thead>
  702. <tbody>
  703. @if(count($refer_users) > 0)
  704. @foreach($refer_users as $key=>$row)
  705. <tr>
  706. <td style="font-size: 11px;">{{$key+1}}</td>
  707. <td style="font-size: 11px;">{{$row->first_name }} {{$row->last_name }}</td>
  708. <td style="font-size: 11px;">{{$row->email}}</td>
  709. <td style="font-size: 11px;">@if(!empty($row->invitation_date)) {{ date('d M Y h.i A', strtotime($row->invitation_date)) }} @else -- @endif</td>
  710. <td style="font-size: 11px;">
  711. @php
  712. $teacher_id =\Auth::guard('teacher')->user()->id;
  713. $submitted =\DB::table('student_proposals')->where(
  714. 'student_id',$row->id
  715. )->where(
  716. 'teacher_id',$teacher_id
  717. )->where(
  718. 'proposal_submit_status',1
  719. )->orderBy('id','DESC')->first();
  720. @endphp
  721. @if(!empty($submitted->submitted_date)) {{ date('d M Y h.i A', strtotime($submitted->submitted_date)) }} @else -- @endif
  722. </td>
  723. <td style="font-size: 11px;">
  724. @if($row->register_type==3)
  725. Q-Apply
  726. @else
  727. --
  728. @endif
  729. </td>
  730. <td class="text-center">
  731. @php
  732. $user_invited_count = \DB::table('refer_users')->where('email',$row->email)->count();
  733. @endphp
  734. @if($user_invited_count > 1)
  735. <span class="badge bg-secondary">
  736. {{ $user_invited_count }}
  737. </span>
  738. @else
  739. --
  740. @endif
  741. </td>
  742. </tr>
  743. @endforeach
  744. @else
  745. <tr>
  746. <td colspan="5" class="text-center text-danger">No data found!</td>
  747. </tr>
  748. @endif
  749. </tbody>
  750. </table>
  751. </div>
  752. </div><!--end col-->
  753. </div><!--end teb pane-->
  754. <div class="tab-pane fade bg-white p-2 rounded shadow" id="explore" role="tabpanel" aria-labelledby="explores" style="height:100%;">
  755. <div class="col-md-12">
  756. <h3 class="p-5" style="text-align: center;">Coming Soon...</h3>
  757. </div><!--end col-->
  758. <!-- Account -->
  759. </div><!--end teb pane-->
  760. <div class="tab-pane fade p-2" id="account" role="tabpanel" aria-labelledby="myaccount" style="height:100%;">
  761. <div class="row">
  762. <div class="col-md-8 rounded p-2 ms-2">
  763. <div class="bg-white p-2 rounded">
  764. <h6 style="padding: 8px 4px 0px; color: #141639c4; font-weight:bold !important;">Application Summary</h6>
  765. <div class="col-md-12 bg-white">
  766. <div class="table-responsive">
  767. <table class="table table-bordered list_table">
  768. <thead>
  769. <tr>
  770. <th>Status</th>
  771. <th>Jan</th>
  772. <th>Feb</th>
  773. <th>Mar</th>
  774. <th>Apr</th>
  775. <th>May</th>
  776. <th>Jun</th>
  777. <th>Jul</th>
  778. <th>Aug</th>
  779. <th>Sept</th>
  780. <th>Oct</th>
  781. <th>Nov</th>
  782. <th>Dec</th>
  783. </tr>
  784. </thead>
  785. <tbody>
  786. <tr>
  787. <td style="font-size: 12px;">App receive</td>
  788. <td style="font-size: 11px;">-</td>
  789. <td style="font-size: 11px;">-</td>
  790. <td style="font-size: 11px;">-</td>
  791. <td style="font-size: 11px;">-</td>
  792. <td style="font-size: 11px;">-</td>
  793. <td style="font-size: 11px;">-</td>
  794. <td style="font-size: 11px;">-</td>
  795. <td style="font-size: 11px;">-</td>
  796. <td style="font-size: 11px;">-</td>
  797. <td style="font-size: 11px;">-</td>
  798. <td style="font-size: 11px;">-</td>
  799. <td style="font-size: 11px;">-</td>
  800. </tr>
  801. <tr>
  802. <td style="font-size: 12px;">Hold</td>
  803. <td style="font-size: 11px;">-</td>
  804. <td style="font-size: 11px;">-</td>
  805. <td style="font-size: 11px;">-</td>
  806. <td style="font-size: 11px;">-</td>
  807. <td style="font-size: 11px;">-</td>
  808. <td style="font-size: 11px;">-</td>
  809. <td style="font-size: 11px;">-</td>
  810. <td style="font-size: 11px;">-</td>
  811. <td style="font-size: 11px;">-</td>
  812. <td style="font-size: 11px;">-</td>
  813. <td style="font-size: 11px;">-</td>
  814. <td style="font-size: 11px;">-</td>
  815. </tr>
  816. <tr>
  817. <td style="font-size: 12px;">Rejected</td>
  818. <td style="font-size: 11px;">-</td>
  819. <td style="font-size: 11px;">-</td>
  820. <td style="font-size: 11px;">-</td>
  821. <td style="font-size: 11px;">-</td>
  822. <td style="font-size: 11px;">-</td>
  823. <td style="font-size: 11px;">-</td>
  824. <td style="font-size: 11px;">-</td>
  825. <td style="font-size: 11px;">-</td>
  826. <td style="font-size: 11px;">-</td>
  827. <td style="font-size: 11px;">-</td>
  828. <td style="font-size: 11px;">-</td>
  829. <td style="font-size: 11px;">-</td>
  830. </tr>
  831. <tr>
  832. <td style="font-size: 12px;">Pause</td>
  833. <td style="font-size: 11px;">-</td>
  834. <td style="font-size: 11px;">-</td>
  835. <td style="font-size: 11px;">-</td>
  836. <td style="font-size: 11px;">-</td>
  837. <td style="font-size: 11px;">-</td>
  838. <td style="font-size: 11px;">-</td>
  839. <td style="font-size: 11px;">-</td>
  840. <td style="font-size: 11px;">-</td>
  841. <td style="font-size: 11px;">-</td>
  842. <td style="font-size: 11px;">-</td>
  843. <td style="font-size: 11px;">-</td>
  844. <td style="font-size: 11px;">-</td>
  845. </tr>
  846. <tr>
  847. <td style="font-size: 12px;">Interested</td>
  848. <td style="font-size: 11px;">-</td>
  849. <td style="font-size: 11px;">-</td>
  850. <td style="font-size: 11px;">-</td>
  851. <td style="font-size: 11px;">-</td>
  852. <td style="font-size: 11px;">-</td>
  853. <td style="font-size: 11px;">-</td>
  854. <td style="font-size: 11px;">-</td>
  855. <td style="font-size: 11px;">-</td>
  856. <td style="font-size: 11px;">-</td>
  857. <td style="font-size: 11px;">-</td>
  858. <td style="font-size: 11px;">-</td>
  859. <td style="font-size: 11px;">-</td>
  860. </tr>
  861. </tbody>
  862. </table>
  863. </div>
  864. </div>
  865. </div>
  866. <div class="col-md-12 mt-3" style="margin-left: -4px;">
  867. <div class="row">
  868. <div class="col-md-5 bg-white rounded p-2 ms-3" style="width: 47.1%;">
  869. <div class="row">
  870. <div class="col-md-12 mt-2">
  871. <div style="display: flex;">
  872. <div class="left" style="width: 90%;">
  873. <span class="title p-2" style="margin-bottom: 0px !important; color: #141639c4; font-weight:bold !important;">Profile</span>
  874. </div>
  875. <div class="right" style="width: 10%;">
  876. <span class="title" style="font-size:11px; font-weight: 600;">
  877. <button type="button" class="btn btn2" id="edit_profile_open_hide" style="padding: 2px 5px !important; font-size: 11px;"><i class="fa fa-pencil"></i></button>
  878. </span>
  879. </div>
  880. </div>
  881. <div class="single_glance_row mt-5" style="border-bottom: 1px solid #e8eef1;">
  882. <div class="col-md-12">
  883. <div id="demo16" class="collapse mt-2">
  884. <div class="panel-body profile_form" style="padding:10px; background-color: #4b4c6824; border: 1px solid #e9e5e5; border-radius: 5px;">
  885. <input type="hidden" id="u_id" name="id" value="{{$user->id}}">
  886. <div class="row">
  887. <div class="col-md-6">
  888. <div class="mb-2">
  889. <label class="form-label config">First Name</label>
  890. <div class="form-icon position-relative">
  891. <input type="text" class="form-control" placeholder="First Name" id="first_name" name="first_name" value="{{$user->first_name}}" required="" style="font-size: 13px;">
  892. </div>
  893. </div>
  894. </div>
  895. <div class="col-md-6">
  896. <div class="mb-2">
  897. <label class="form-label config">Last Name</label>
  898. <div class="form-icon position-relative">
  899. <input type="text" class="form-control" placeholder="Last Name" id="last_name" name="last_name" value="{{$user->last_name}}" required="" style="font-size: 13px;">
  900. </div>
  901. </div>
  902. </div>
  903. </div>
  904. <div class="col-md-12">
  905. <div class="mb-2">
  906. <label class="form-label config">University Name</label>
  907. <div class="form-icon position-relative">
  908. {{-- <input type="text" class="form-control" placeholder="University Name" id="university_name" name="university_name" value="{{$user->university_name}}" required="" style="font-size: 13px;"> --}}
  909. <select class="form-control" name="university" id="university_id">
  910. <option value="" disabled selected>Choose one..</option>
  911. @foreach($universities as $row)
  912. <option value="{{$row->id}}" @if($user->university_name ==$row->id) selected @endif>{{ $row->name}}</option>
  913. @endforeach
  914. </select>
  915. </div>
  916. </div>
  917. </div>
  918. <div class="col-md-12">
  919. <div class="mb-2">
  920. <label class="form-label config">Department</label>
  921. <div class="form-icon position-relative">
  922. <select class="form-control" name="department" id="department_id">
  923. <option value="" disabled selected>Choose one..</option>
  924. @foreach($departments as $row)
  925. <option value="{{$row->id}}" @if($user->department ==$row->id) selected @endif>{{ $row->name}}</option>
  926. @endforeach
  927. </select>
  928. </div>
  929. </div>
  930. </div>
  931. <div class="col-md-12">
  932. <div class="mb-2">
  933. <label class="form-label config">Designation</label>
  934. <div class="form-icon position-relative">
  935. <input type="text" class="form-control" placeholder="Designation" id="designation" name="designation" value="{{$user->designation}}" required="" style="font-size: 13px;">
  936. </div>
  937. </div>
  938. </div>
  939. <div class="col-md-12">
  940. <div class="text-end">
  941. <button class="btn btn2 update_profile">Update</button>
  942. </div>
  943. </div>
  944. </div>
  945. </div>
  946. </div>
  947. </div>
  948. <div class="left mb-2 mt-2">
  949. <div id="load_profile_info">
  950. </div>
  951. </div>
  952. </div>
  953. </div>
  954. </div><!--end col-->
  955. <div class="col-md-5 bg-white rounded p-2 ms-4" style="width: 47.1%;">
  956. <div class="row">
  957. <div class="col-md-12">
  958. <h6 style="padding: 13px 10px 0px; color: #141639c4; font-weight:bold !important;">Change password</h6>
  959. <div class="form-icon position-relative p-2 mt-2">
  960. <input type="hidden" name="user_id" value="{{$user->id}}" id="user_id">
  961. <input type="password" class="form-control" placeholder="Old password" name="old_password" id="old_password" required="" style="font-size: 13px;">
  962. </div>
  963. <div class="form-icon position-relative p-2">
  964. <input type="password" class="form-control" placeholder="New password" name="new_password" id="new_password" required="" style="font-size: 13px;">
  965. </div>
  966. <div class="form-icon position-relative p-2">
  967. <input type="password" class="form-control" placeholder="Re-type new password" name="new_password_confirmation" id="new_password_confirmation" required="" style="font-size: 13px;">
  968. <div class="col-md-12" style="text-align: center;">
  969. <button class="btn btn2 mt-3 change_password">Changed</button>
  970. </div>
  971. </div>
  972. </div>
  973. </div>
  974. </div><!--end col-->
  975. </div><!--end col-->
  976. </div>
  977. </div><!--end col-->
  978. <div class="col-md-3 bg-white rounded mt-2 p-2 ms-3" style="width: 30%;">
  979. <div class="row">
  980. <div class="col-md-12">
  981. <h6 style="padding: 13px 8px 0px; margin-bottom: 0px; color: #141639c4; font-weight:bold !important;">Research Interest</h6>
  982. <p class="ms-2" style="font-size: 11px;">Make yourself visible to candidates</p>
  983. <div class="col-md-12 mt-2">
  984. <div class="mb-2">
  985. <div class="form-icon position-relative p-2" style="display: flex;">
  986. <input type="hidden" name="user_id" value="{{$user->id}}" id="res_user_id">
  987. <input type="text" class="form-control" placeholder="" name="research" id="research" required="">
  988. <button class="btn btn2 research_interest" style="margin-left: -3.4rem; border-radius: 0px 6px 6px 0px">Add</button>
  989. </div>
  990. </div>
  991. <div id="load_research_interest"></div>
  992. </div>
  993. </div>
  994. </div>
  995. </div>
  996. </div>
  997. </div>
  998. </div><!--end teb pane-->
  999. </div><!--end tab content-->
  1000. </div><!--end col-->
  1001. </div><!--end row-->
  1002. </div><!--end container-->
  1003. </section><!--end section-->
  1004. <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
  1005. <!-- tobii js -->
  1006. <script src="{{asset('web/js/tobii.min.js')}}"></script>
  1007. <!-- SLIDER -->
  1008. <script src="{{asset('web/js/tiny-slider.js')}}"></script>
  1009. <!-- Icons -->
  1010. <script src="{{asset('web/js/feather.min.js')}}"></script>
  1011. <!-- Main Js -->
  1012. <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
  1013. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
  1014. <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.6.15/sweetalert2.min.js"></script>
  1015. <script src="{{asset('web/js/plugins.init.js')}}"></script>
  1016. <script src="{{asset('web/js/app.js')}}"></script>
  1017. <script src="{{asset('web/js/datepicker.min.js')}}"></script>
  1018. <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
  1019. <script src="{{asset('web/js/plugins.init.js')}}"></script>
  1020. <script src="{{asset('web/js/app.js')}}"></script>
  1021. <script src="{{asset('web/css/sweetalert/sweetalert.min.js')}}"></script>
  1022. {{-- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> --}}
  1023. {{-- Ajax Form Submit --}}
  1024. <script src="{{ asset('css/jquery.min.js') }}"></script>
  1025. <script src="{{ asset('css/jquery-form/dist/jquery.form.min.js') }}"></script>
  1026. <script src="{{ asset('css/noty/lib/noty.min.js') }}"></script>
  1027. <script src="{{ asset('css/flatpickr/dist/flatpickr.min.js') }}"></script>
  1028. <script src="{{ asset('css/wait-me/waitMe.min.js')}}"></script>
  1029. <script src="{{ asset('css/clipboard/dist/clipboard.min.js')}}"></script>
  1030. @include('web.layouts.modal')
  1031. <script>
  1032. function fetch_sub_content(selector, url, args=null){
  1033. var config={
  1034. spinner: true
  1035. }
  1036. if(typeof args=='object'){
  1037. config=Object.assign(config, args);
  1038. }
  1039. if(config.spinner){
  1040. $(selector).waitMe({
  1041. effect: 'facebook',
  1042. text: 'Please! Wait ...'
  1043. });
  1044. }
  1045. $(selector).load(url, null, function(){
  1046. $(selector).waitMe('hide');
  1047. if(typeof args=='function') args();
  1048. });
  1049. }
  1050. function wait_me(selector, config=null){
  1051. if(config){
  1052. selector.waitMe(config);
  1053. }else{
  1054. selector.waitMe({
  1055. effect: 'facebook',
  1056. //color: '#000',
  1057. text: 'Please! Wait ...'
  1058. });
  1059. }
  1060. }
  1061. function pop_up_msg(msg='No message specified', type='success', callback=null){
  1062. new Noty({
  1063. theme:'sunset',
  1064. text: msg,
  1065. type: type,
  1066. timeout:1500,
  1067. callbacks:{
  1068. afterClose: callback
  1069. }
  1070. }).show();
  1071. }
  1072. function err_msg(err){
  1073. var msg="Request failed to process, try again later.";
  1074. if(err.responseJSON && err.responseJSON.msg){
  1075. msg=err.responseJSON.msg;
  1076. }
  1077. return msg;
  1078. }
  1079. function ajax_form(form, cllback=null, config={spinner: true}){
  1080. $('.btn-submit').prop('disabled', true);
  1081. var redirect=$(form).data('redirect');
  1082. if(typeof config=='object'){
  1083. if(config.spinner) wait_me($(form));
  1084. }
  1085. $(form).ajaxSubmit({
  1086. success:function(res){
  1087. wait_me($(form), 'hide');
  1088. if(res.msg){
  1089. pop_up_msg(res.msg, 'success', function(){
  1090. $('.btn-submit').prop('disabled', false);
  1091. if(redirect) window.location.replace(redirect);
  1092. else if(typeof cllback=='function'){
  1093. cllback(form, res);
  1094. }
  1095. });
  1096. }
  1097. //$.notify(res.msg, 'success');
  1098. },
  1099. error:function(res){
  1100. wait_me($(form), 'hide');
  1101. var msg="Request failed to process, try again later.";
  1102. if(res.responseJSON && res.responseJSON.msg){
  1103. msg=res.responseJSON.msg;
  1104. }
  1105. pop_up_msg(msg, 'error');
  1106. $('.btn-submit').prop('disabled', false);
  1107. }
  1108. });
  1109. } //End of ajax form definition
  1110. $(function(){
  1111. $("#edit_profile_open_hide").on('click', function(){
  1112. $("#demo16").show();
  1113. });
  1114. $(".start_date").flatpickr({
  1115. dateFormat: "M y",
  1116. });
  1117. var clipboard = new ClipboardJS('.copy');
  1118. clipboard.on('success', function(e){
  1119. //pop_up_msg('Successfully copy this link.');
  1120. new Noty({
  1121. theme:'sunset',
  1122. text: 'Successfully copy this link',
  1123. type: 'success',
  1124. timeout:1500
  1125. }).show();
  1126. });
  1127. fetch_sub_content(
  1128. '#load_profile_info',
  1129. "{{ route('sub-content', ['name'=>'load_profile_info']) }}"
  1130. );
  1131. fetch_sub_content(
  1132. '#load_research_interest',
  1133. "{{ route('sub-content', ['name'=>'load_research_interest']) }}"
  1134. );
  1135. $('.update_profile').on('click', function(){
  1136. var id =$('#u_id').val();
  1137. var first_name =$('#first_name').val();
  1138. var last_name =$('#last_name').val();
  1139. var university_id =$('#university_id').val();
  1140. var department =$('#department_id option:selected').val();
  1141. var designation =$('#designation').val();
  1142. var form_data={
  1143. _token: "{{ csrf_token() }}",
  1144. id: id,
  1145. first_name: first_name,
  1146. last_name: last_name,
  1147. university_id: university_id,
  1148. department: department,
  1149. designation: designation,
  1150. }
  1151. $.post("{{ route('ajax-post', ['name'=>'update_profile']) }}", form_data, function(res){
  1152. pop_up_msg(res.msg);
  1153. $("#demo16").hide();
  1154. fetch_sub_content(
  1155. '#load_profile_info',
  1156. "{{ route('sub-content', ['name'=>'load_profile_info']) }}"
  1157. );
  1158. }).fail(function(err){
  1159. pop_up_msg(err_msg(err), 'error');
  1160. });
  1161. });
  1162. $('.change_password').on('click', function(){
  1163. var id =$('#user_id').val();
  1164. var old_password =$('#old_password').val();
  1165. var new_password =$('#new_password').val();
  1166. var new_password_confirmation =$('#new_password_confirmation').val();
  1167. var form_data={
  1168. _token: "{{ csrf_token() }}",
  1169. id: id,
  1170. old_password: old_password,
  1171. new_password: new_password,
  1172. new_password_confirmation: new_password_confirmation,
  1173. }
  1174. $.post("{{ route('ajax-post', ['name'=>'teacher_change_password']) }}", form_data, function(res){
  1175. pop_up_msg(res.msg);
  1176. }).fail(function(err){
  1177. pop_up_msg(err_msg(err), 'error');
  1178. });
  1179. });
  1180. $('.research_interest').on('click', function(){
  1181. var id =$('#res_user_id').val();
  1182. var research =$('#research').val();
  1183. var form_data={
  1184. _token: "{{ csrf_token() }}",
  1185. id: id,
  1186. research: research,
  1187. }
  1188. $.post("{{ route('ajax-post', ['name'=>'research_interest']) }}", form_data, function(res){
  1189. pop_up_msg(res.msg);
  1190. $('#research').val('');
  1191. fetch_sub_content(
  1192. '#load_research_interest',
  1193. "{{ route('sub-content', ['name'=>'load_research_interest']) }}"
  1194. );
  1195. }).fail(function(err){
  1196. pop_up_msg(err_msg(err), 'error');
  1197. });
  1198. });
  1199. $('.accept_status_update').on('click', function(){
  1200. var self =$(this);
  1201. var id =self.data('id');
  1202. var form_data={
  1203. _token :"{{csrf_token()}}",
  1204. 'id':id,
  1205. }
  1206. swal({
  1207. title: "Are you sure you want to change status?",
  1208. text: "Please check before submitting!",
  1209. type: "warning",
  1210. showCancelButton: true,
  1211. confirmButtonClass: "btn-danger",
  1212. cancelButtonClass: "btn-info",
  1213. confirmButtonText: "Yes",
  1214. cancelButtonText: "No",
  1215. closeOnConfirm: true,
  1216. closeOnCancel: true
  1217. }, function(isConfirm){
  1218. if(isConfirm){
  1219. $.post("{{ route('ajax-post', ['name'=>'accept_status_update']) }}", form_data, function(res){
  1220. pop_up_msg(res.msg);
  1221. window.location.reload();
  1222. }).fail(function(err){
  1223. pop_up_msg(err_msg(err), 'error');
  1224. });
  1225. }
  1226. });
  1227. });
  1228. $('.teacher_is_available').on('click', function(){
  1229. var self =$(this);
  1230. var checked =self.prop("checked");
  1231. var form_data={
  1232. _token :"{{csrf_token()}}",
  1233. 'checked':checked,
  1234. }
  1235. swal({
  1236. title: "Are you sure you want to change status?",
  1237. text: "Please check before submitting!",
  1238. type: "warning",
  1239. showCancelButton: true,
  1240. confirmButtonClass: "btn-danger",
  1241. cancelButtonClass: "btn-info",
  1242. confirmButtonText: "Yes",
  1243. cancelButtonText: "No",
  1244. closeOnConfirm: true,
  1245. closeOnCancel: true
  1246. }, function(isConfirm){
  1247. if(isConfirm){
  1248. $.post("{{ route('ajax-post', ['name'=>'teacher_is_available']) }}", form_data, function(res){
  1249. pop_up_msg(res.msg);
  1250. window.location.reload();
  1251. }).fail(function(err){
  1252. pop_up_msg(err_msg(err), 'error');
  1253. });
  1254. }
  1255. });
  1256. });
  1257. });
  1258. // let answer = document.getElementById("interest").contentEditable;
  1259. // document.getElementById("demo").innerHTML = answer;
  1260. </script>
  1261. </body>
  1262. </html>