student_proposal_details.blade.php 78 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666
  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. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.6.15/sweetalert2.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=Ubuntu:wght@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=Poppins:wght@200;300&display=swap" rel="stylesheet">
  45. <link rel="stylesheet" href="{{asset('web/css/datepicker.min.css')}}">
  46. <link rel="stylesheet" href="{{asset('web/css/sweetalert/sweetalert.css')}}">
  47. <link href="{{ asset('css/noty/lib/noty.css') }}" rel="stylesheet" type="text/css">
  48. <link href="{{ asset('css/noty/lib/themes/sunset.css') }}" rel="stylesheet" type="text/css">
  49. <link href="{{ asset('css/flatpickr/dist/flatpickr.min.css') }}" rel="stylesheet" type="text/css">
  50. <link href="{{ asset('css/wait-me/waitMe.min.css')}}" rel="stylesheet" type="text/css">
  51. <link rel="stylesheet" href="{{ asset('/css/pretty-checkbox/pretty-checkbox.min.css') }}">
  52. </head>
  53. <style>
  54. body {
  55. font-family:'Quicksand', sans-serif;
  56. }
  57. h1, h2, h3, h4, h5, h6 {
  58. font-family: 'Oswald', sans-serif;
  59. font-family: 'Quicksand', sans-serif;
  60. }
  61. .bg-half-170 {
  62. padding:0px;
  63. }
  64. .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, .form-check-input.form-check-input:checked, .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 {
  65. background-color: #141639c4 !important;
  66. color: white!important;
  67. border-radius: 0px !important;
  68. border-color: #141639c4 !important;
  69. }
  70. .nav-pills .nav-link{
  71. color: white !important;
  72. }
  73. .nav-pills {
  74. margin-bottom: 0px;
  75. background:none;
  76. }
  77. .logo {
  78. font-weight: 700;
  79. font-size: 24px;
  80. margin-right: 0px;
  81. padding: 0 0 6px;
  82. letter-spacing: 1px;
  83. line-height: 68px;
  84. }
  85. .horizontal-menu .header-navbar.navbar-fixed {
  86. position: fixed;
  87. width: 100%;
  88. }
  89. .btn1{
  90. background-color: #aba3db !important;
  91. color:white !important;
  92. border-radius: 20px;
  93. box-shadow:none !important;
  94. }
  95. .btn1:hover{
  96. background: #453993 !important;
  97. color: #fff !important;
  98. border-radius: 20px;
  99. }
  100. .title{
  101. font-size:12px;
  102. }
  103. .badge-title{
  104. background: #dedbf1;
  105. font-weight: 600;
  106. color: #2e1153;
  107. padding: 2px 8px;
  108. border-radius: 4px;
  109. border: 1px solid #d8e2e7;
  110. font-size: 11px;
  111. }
  112. .label_badge_radius {
  113. color: #2e1153;
  114. border-radius: 20px;
  115. padding: 1px 10px;
  116. font-size: 11px;
  117. line-height: 1.3;
  118. letter-spacing: .2px;
  119. font-weight: 600;
  120. background: rgb(255, 255, 255);
  121. }
  122. .badge-lighter-green {
  123. background: #d8fdd8!important;
  124. color: green!important;
  125. }
  126. .badge-lighter-red {
  127. background: #f3dadc!important;
  128. color: #de1528!important;
  129. }
  130. .uil-map-marker {
  131. color: #2e1153;
  132. background: #f1f0fb;
  133. border-radius: 100%;
  134. font-size: 14px;
  135. padding: 4px 6px;
  136. border: 1px solid #ceccda;
  137. }
  138. .form-check-input.form-check-input:checked{
  139. background-color: #2f55d4 !important;
  140. border-radius: 7px !important;
  141. }
  142. .small, small {
  143. background-color: #dedbf1;
  144. border-radius: 20px;
  145. padding: 3px 22px;
  146. font-size: 11px;
  147. color: #2e1153 !important;
  148. }
  149. .small, small:hover, small:focus, small:active {
  150. background-color: #2e1153;
  151. border-radius: 20px;
  152. padding: 3px 22px;
  153. font-size: 11px;
  154. color: #fff !important;
  155. }
  156. .nav-pills {
  157. margin-bottom: 0px;
  158. background:none;
  159. }
  160. .submit_button {
  161. background-color: #2e1153!important;
  162. border-width: 1px!important;
  163. border-color: #2e1153!important;
  164. color: #fff!important;
  165. border-radius: 30px!important;
  166. padding: 6px 11px!important;
  167. height: 28px!important;
  168. font-size: 14px!important;
  169. line-height: 1!important;
  170. font-weight: 600!important;
  171. }
  172. .submit_button:hover {
  173. background-color: #fff;
  174. border-color: #2e1153;
  175. color: #2e1153;
  176. }
  177. .ad_pref_item_header {
  178. display: flex;
  179. background: #1416398a;
  180. color: white;
  181. padding: 7px 16px;
  182. border-radius: 25px;
  183. position: relative;
  184. font-size: 12px;
  185. font-weight: 700;
  186. justify-content: space-between;
  187. }
  188. .ad_pref_item_header .destination {
  189. width: 295px;
  190. align-self: center;
  191. }
  192. .ad_pref_item_header .second {
  193. align-self: center;
  194. width: 300px;
  195. }
  196. .ad_pref_item_header .third {
  197. width: 200px;
  198. align-self: center;
  199. margin-right: 25px;
  200. }
  201. .ad_pref_item_header .fourth {
  202. width: 50px;
  203. align-self: center;
  204. text-align: center;
  205. }
  206. .ad_pref_item_header .last {
  207. width: 125px;
  208. align-self: center;
  209. text-align: -webkit-right;
  210. }
  211. .single_ad_pref_item {
  212. display: flex;
  213. padding: 10px;
  214. margin-top: 10px;
  215. border-radius: 7px;
  216. position: relative;
  217. border: 1px solid #e9f0f3;
  218. }
  219. .single_ad_pref_item2 {
  220. display: flex;
  221. margin-top: 10px;
  222. border-radius: 5px;
  223. position: relative;
  224. background-color: whitesmoke;
  225. }
  226. .single_ad_pref_item1 {
  227. display: flex;
  228. padding: 6px;
  229. border-radius: 4px;
  230. margin-top: 10px;
  231. position: relative;
  232. background-color: #ebf9ff;
  233. color: #898686;
  234. }
  235. .single_ad_pref_item .destination {
  236. align-self: center;
  237. display: flex;
  238. }
  239. .single_ad_pref_item .destination_left {
  240. align-self: center;
  241. }
  242. .single_ad_pref_item:hover {
  243. background: #f5f4fd;
  244. }
  245. .single_ad_pref_item .left {
  246. align-self: center;
  247. }
  248. .ad_pref_part .single_ad_pref_item .left strong {
  249. color: #393b3e;
  250. font-size: 12px;
  251. }
  252. .single_ad_pref_item .label_badge_radius {
  253. background-image: linear-gradient(90deg,rgba(46,17,83,.19),#f5f4fd);
  254. color: #2e1153;
  255. border-radius: 20px;
  256. padding: 1px 10px;
  257. font-size: 11px;
  258. font-weight: 400;
  259. line-height: 1.3;
  260. letter-spacing: .2px;
  261. }
  262. .single_ad_pref_item .middle {
  263. align-self: center;
  264. margin-right: 25px;
  265. }
  266. .single_ad_pref_item .status_column {
  267. align-self: center;
  268. text-align: center;
  269. }
  270. .single_ad_pref_item .right {
  271. align-self: center;
  272. text-align: -webkit-right;
  273. }
  274. .table {
  275. width: 100%;
  276. color: #6e6b7b;
  277. }
  278. .list_table thead tr th {
  279. font-size: 12px;
  280. font-weight: 700;
  281. background-color: #dedbf1!important;
  282. text-transform: capitalize;
  283. color: #343434;
  284. }
  285. .list_table thead tr th {
  286. padding: 11px 6px 10px!important;
  287. }
  288. .list_table .institute_info {
  289. display: flex !important;
  290. }
  291. .list_table .institute_info .left {
  292. width: 45px;
  293. align-self: center;
  294. }
  295. .list_table .institute_info .left .fa {
  296. background: #f1f0fb;
  297. padding: 10px;
  298. border-radius: 100%;
  299. font-size: 14px;
  300. color: #2e1153;
  301. }
  302. tbody, td, tfoot, th, thead, tr {
  303. border-color: inherit;
  304. border-style: dashed;
  305. border-width: 0;
  306. }
  307. .change_pass_btn {
  308. margin-top: 0;
  309. color: #ffff;
  310. border: 1px solid #9f9fa169;
  311. border-radius: 50%;
  312. padding: 8px 8px;
  313. margin-right: 0;
  314. background: #16183f69;
  315. font-size: 15px!important;
  316. }
  317. .navbar {
  318. display: inline-block;
  319. }
  320. .change_pass_btn:hover {
  321. color: #ff7f00;
  322. transition: all 1s cubic-bezier(.19,1,.22,1) 0s;
  323. border: 1px solid #ff7f00!important;
  324. }
  325. .card {
  326. background-color: inherit;
  327. }
  328. .education{
  329. padding: 10px 16px;
  330. background-color: #dedbf1!important;
  331. margin-left: -12px;
  332. margin-right: -12px;
  333. border-radius: 4px 4px 0px 0px;
  334. font-size: 12px;
  335. }
  336. .btn2{
  337. background-color: #2e1153 !important;
  338. color:white !important;
  339. border-radius: 20px;
  340. box-shadow:none !important;
  341. padding:3px 13px !important;
  342. font-size:13px;
  343. }
  344. .btn2:hover{
  345. background: #fff !important;
  346. color: #2e1153 !important;
  347. border-radius: 20px;
  348. border-color: #2e1153!important;
  349. }
  350. .btncl{
  351. padding: 2px 6px;
  352. color: #ffffff !important;
  353. background-color: #ffc107 !important;
  354. border-radius: 30px;
  355. }
  356. .btncl:hover {
  357. background-color: #ffffff !important;
  358. border-color: #ffc107 !important;
  359. color: #ffc107 !important;
  360. }
  361. .btn3{
  362. background-color: #2e1153 !important;
  363. color:white !important;
  364. border-radius: 20px;
  365. box-shadow:none !important;
  366. padding:3px 17px !important;
  367. font-size:13px;
  368. }
  369. .btn3:hover{
  370. background: #fff !important;
  371. color: #2e1153 !important;
  372. border-radius: 20px;
  373. border-color: #2e1153!important;
  374. }
  375. .features.fea-primary:hover {
  376. background-color:white !important;
  377. }
  378. .label_badge_radius {
  379. border-radius: 20px;
  380. padding: 1px 10px;
  381. font-size: 13px;
  382. font-weight: 800;
  383. line-height: 1.3;
  384. letter-spacing: .2px;
  385. display: inline-block;
  386. }
  387. .fea.icon-sm {
  388. height: 10px;
  389. width: 12px;
  390. }
  391. .key-feature:hover {
  392. transform: none;
  393. box-shadow: none !important;
  394. }
  395. .label_badge_radius {
  396. border-radius: 20px;
  397. padding: 1px 10px;
  398. font-size: 11px;
  399. font-weight: 400;
  400. line-height: 1.3;
  401. letter-spacing: .2px;
  402. display: inline-block;
  403. }
  404. .test_list {
  405. display: flex;
  406. flex-direction: row;
  407. width: 100%;
  408. margin: 10px 0;
  409. }
  410. .test_list .test_open {
  411. background: #dfdcf2;
  412. }
  413. .test_list .btn {
  414. display: inline-block;
  415. padding: 8px 16px;
  416. border-radius: 5px;
  417. border: 1px solid #d8e2e7;
  418. font-size: 13px;
  419. font-weight: 500;
  420. }
  421. .btn5{
  422. background-color:#dfdcf2 !important;
  423. }
  424. .btn6:hover{
  425. background-color:#dfdcf2 !important;
  426. }
  427. .btn7:hover{
  428. background-color:#dfdcf2 !important;
  429. }
  430. .list_table .label_badge_light {
  431. border-radius: 20px;
  432. padding: 1px 10px;
  433. font-size: 10px !important;
  434. font-weight: 400;
  435. line-height: 1.3;
  436. color: black;
  437. border-top-left-radius: 0;
  438. border-bottom-left-radius: 0;
  439. background-image: linear-gradient(to right, #dedbf1 , #f5f4fd);
  440. }
  441. .icon_bar {
  442. width: fit-content;
  443. overflow: auto;
  444. border-radius: 0.25rem;
  445. padding: 2px 4px;
  446. margin: 0 auto;
  447. border: 0.5px solid #d8e2e7;
  448. }
  449. .icon_bar a {
  450. text-align: center;
  451. padding: 0;
  452. color: #818084;
  453. font-size: 16px;
  454. margin: 0 3px;
  455. border-bottom: none;
  456. top: 0;
  457. }
  458. element.style {
  459. border-bottom: 0.5px dashed #e3e8ec;
  460. padding-bottom: 10px;
  461. }
  462. .info-palate {
  463. width: 100%;
  464. float: left;
  465. margin: 10px 0;
  466. position: relative;
  467. font-size: 12px !important;
  468. }
  469. .stage_form_header {
  470. display: flex;
  471. width: 100%;
  472. margin-bottom: 20px;
  473. line-height: 1.2;
  474. background-image: linear-gradient(to right, #dedbf1 , #f5f4fd);
  475. padding: 7px 10px;
  476. border-radius: 4px;
  477. border: none;
  478. }
  479. .stage_form_header .left {
  480. width: 40px;
  481. align-self: center;
  482. }
  483. .stage_form_header .right {
  484. width: 95%;
  485. }
  486. .stage_form_header .right .main_title {
  487. font-size: 13px;
  488. font-weight: 600;
  489. color: black;
  490. display: block;
  491. }
  492. .stage_form_header .right .sub_title {
  493. color: #343434;
  494. font-weight: 400;
  495. }
  496. .icn{
  497. background: #fff;
  498. border-radius: 100%;
  499. font-size: 14px;
  500. border: 1px solid #ceccda;
  501. }
  502. .tbl {
  503. color: #868e96;
  504. font-size: 10px;
  505. font-weight: 600 !important;
  506. margin:0px !important;
  507. }
  508. .tbl2 {
  509. font-weight: 600 !important;
  510. font-size: 11px !important;
  511. }
  512. /* new css */
  513. .sidebar-wrapper .sidebar-menu ul li:hover>a {
  514. background-color: #141639c4 !important;
  515. color: white;
  516. border-radius: 0px !important;
  517. }
  518. .site-header {
  519. position: fixed;
  520. top: 0;
  521. left: 0;
  522. width: 100%;
  523. height: auto;
  524. max-height: 80px;
  525. background: #fff;
  526. padding: 0px 15px 0 0;
  527. z-index: 80;
  528. }
  529. .shadow {
  530. box-shadow: none !important;
  531. }
  532. .profile_top_part_info {
  533. background: white;
  534. border: none;
  535. padding: 15px;
  536. }
  537. .profile_top_part_info .whole_part {
  538. width: 100%;
  539. display: flex;
  540. height: 145px;
  541. }
  542. .profile_top_part_info .whole_part .left_part {
  543. width: 150px;
  544. position: relative;
  545. line-height: 145px;
  546. }
  547. .profile_top_part_info .whole_part .left_part .profile-photo {
  548. left: 48%;
  549. transform: translate(-50%, 0);
  550. margin-left: 0 !important;
  551. }
  552. .profile-photo {
  553. position: absolute;
  554. }
  555. .profile-photo .profile_pic {
  556. width: 130px;
  557. }
  558. .profile_pic img {
  559. border: 2px solid #2e1153;
  560. border-radius: 1.25rem;
  561. }
  562. .profile_top_part_info .whole_part .right_part {
  563. width:100%;
  564. display: flex;
  565. }
  566. .profile_top_part_info .whole_part .right_part .right_part_right {
  567. width: 100%;
  568. }
  569. .right_part_right_whole {
  570. display: flex;
  571. width: 100%;
  572. position: relative;
  573. justify-content: flex-end;
  574. }
  575. .summary_bordered_box {
  576. text-align-last: start;
  577. margin: 10px 20px 0;
  578. padding: 15px;
  579. border-radius: 0.25rem;
  580. position: relative;
  581. width: calc(100% - 310px);
  582. border: 1px solid #e9f0f3;
  583. /* background: linear-gradient(to bottom, #FFF 50%,#FFF 35%,#dedbf1 80%,#dedbf1 100%); */
  584. }
  585. .review-block-title {
  586. font-size: 18px;
  587. font-weight: 600;
  588. margin-bottom: 3px !important;
  589. }
  590. .label {
  591. display: inline-block;
  592. line-height: 1;
  593. color: #fff;
  594. text-align: center;
  595. white-space: nowrap;
  596. vertical-align: baseline;
  597. border-radius: 0.25rem;
  598. font-size: 10px;
  599. font-weight: 400;
  600. }
  601. .left_function_part {
  602. display: flex;
  603. width: 100%;
  604. border-radius: 0.25rem;
  605. }
  606. .left_function_part .left {
  607. align-self: center;
  608. padding-right: 10px;
  609. }
  610. .left_function_part .left span {
  611. font-size: 10px;
  612. color: #2e1153;
  613. }
  614. .left_function_part .right {
  615. width: calc(100% - 125px);
  616. display: flex;
  617. }
  618. .top_part_status_name {
  619. border-radius: 20px;
  620. padding: 1px 22px 1px 10px;
  621. font-size: 10px;
  622. font-weight: 400;
  623. line-height: 1.3;
  624. letter-spacing: .2px;
  625. top: 0;
  626. position: relative;
  627. width: fit-content;
  628. display: flex;
  629. }
  630. .dropdown-menu {
  631. display: none;
  632. float: left;
  633. min-width: 7rem;
  634. padding: 0.5rem 0;
  635. margin: 0.125rem 0 0;
  636. color: #212529;
  637. text-align: left;
  638. list-style: none;
  639. background-color: #fff;
  640. background-clip: padding-box;
  641. border: 1px solid rgba(0,0,0,.15);
  642. border-radius: 0.25rem;
  643. font-size: 11px;
  644. background-color: #dedbf1;
  645. }
  646. .dropdown-item {
  647. display: block;
  648. width: 100%;
  649. clear: both;
  650. font-weight: 400;
  651. text-align: inherit;
  652. white-space: nowrap;
  653. background: 0 0;
  654. border: 0;
  655. padding: 4px 12px;
  656. }
  657. .top_part_status .dropdown .dropdown-menu.show .dropdown-item:first-child {
  658. border-top-left-radius: 0.25rem;
  659. border-top-right-radius: 0.25rem;
  660. }
  661. .top_part_status .dropdown .dropdown-menu.show .dropdown-item:hover {
  662. background: #2e1153;
  663. color: #fff !important;
  664. }
  665. .summary_edu_part {
  666. padding: 15px 10px;
  667. position: relative;
  668. background: #eee;
  669. border-radius: 7px;
  670. }
  671. .summary_edu_part .education_head {
  672. display: flex;
  673. width: 100%;
  674. }
  675. .summary_edu_part .education_head .left {
  676. width: 80%;
  677. }
  678. .edu_title {
  679. background: #191e38;
  680. font-weight: 600;
  681. color: white;
  682. padding: 2px 8px;
  683. border-radius: 6px;
  684. font-size: 11px;
  685. }
  686. .summary_edu_part .education_head .right {
  687. width: 20%;
  688. text-align: right;
  689. }
  690. .summary_edu_part .education_body ul {
  691. list-style-type: none;
  692. padding-left: 0;
  693. margin-bottom: 0;
  694. }
  695. .summary_edu_part .education_body ul li:first-child {
  696. font-size: 11px;
  697. font-weight: 600;
  698. color: black;
  699. }
  700. .summary_edu_part .education_body ul li {
  701. line-height: 1.5;
  702. color: #343434;
  703. font-weight: 400;
  704. font-size: 11px;
  705. }
  706. .summary_ielts_part {
  707. position: relative;
  708. }
  709. .summary_ielts_part .education_head {
  710. display: flex;
  711. width: 100%;
  712. }
  713. .expiration {
  714. display: inline;
  715. margin-left: 5px;
  716. }
  717. .single_glance_row {
  718. background-color: rgb(255 255 255);
  719. font-size: 12px !important;
  720. margin: 0 !important;
  721. border: none;
  722. border-bottom: 1px solid #e8eef1;
  723. border-radius: 0;
  724. padding: 8px 10px;
  725. color: #343434;
  726. font-size: 1rem;
  727. }
  728. .content_header {
  729. display: flex;
  730. width: 100%;
  731. line-height: 1.2;
  732. }
  733. .content_header .left {
  734. width: 40px;
  735. align-self: center;
  736. }
  737. .content_header .left .fa {
  738. padding: 6px 6.8px;
  739. background: #f1f0fb;
  740. border-color: transparent;
  741. color: #2e1153;
  742. border-radius: 100%;
  743. font-size: 14px;
  744. border: 1px solid #ceccda;
  745. }
  746. .content_header .right {
  747. width: calc(100% - 40px);
  748. align-self: center;
  749. }
  750. .content_header .right .main_title {
  751. font-size: 18px;
  752. font-weight: 600;
  753. display: block;
  754. }
  755. .method {
  756. background-color: #ffad00;
  757. margin-top: -23px;
  758. font-size: 12px !important;
  759. color: #191e38;
  760. padding-left: 9px;
  761. border-radius: 5px;
  762. font-weight: 600 !important;
  763. width: 23%;
  764. }
  765. .method-box{
  766. width: 30%;
  767. border-right: 1px solid #eee;
  768. border-radius: 0px;
  769. }
  770. .pro_top_rating {
  771. border: none;
  772. float: left;
  773. }
  774. .pro_top_rating > label {
  775. color: #90A0A3;
  776. float: right;
  777. }
  778. .pro_top_rating > label:before {
  779. margin-right: 5px;
  780. font-size: .7rem;
  781. font-family: FontAwesome;
  782. content: "\f005";
  783. display: inline-block;
  784. }
  785. .pro_top_rating > input {
  786. display: none;
  787. }
  788. .pro_top_rating > input:checked ~ label,
  789. .pro_top_rating:not(:checked) > label:hover,
  790. .pro_top_rating:not(:checked) > label:hover ~ label {
  791. color: #F79426;
  792. }
  793. .pro_top_rating > input:checked + label:hover,
  794. .pro_top_rating > input:checked ~ label:hover,
  795. .pro_top_rating > label:hover ~ input:checked ~ label,
  796. .pro_top_rating > input:checked ~ label:hover ~ label {
  797. color: #FECE31;
  798. }
  799. .hand{
  800. cursor: pointer;
  801. }
  802. </style>
  803. <body>
  804. <header id="" class="site-header">
  805. <div class="container-fluid">
  806. <div class="row">
  807. <div class="col-lg-12">
  808. <nav class="mt-2 header-navbar navbar-expand-lg navbar-fixed align-items-center navbar-brand-center">
  809. <div class="navbar-container d-flex content">
  810. <div class="col-md-6" >
  811. <div class="d-flex align-items-center">
  812. <ul class="nav navbar-nav mr-auto header_left">
  813. <li class="nav-item d-flex">
  814. <div class="col md-6 mt-1 mb-1" style="margin-left: 10px;">
  815. <a class="logo" href="index.html">
  816. <h3 style="font-family:Ubuntu !important; color: #3c4858 !important; font-size: 30px !important;">Research Admission</h3>
  817. </a>
  818. </div>
  819. </li>
  820. </ul>
  821. </div>
  822. </div>
  823. <div class="col-md-6" style="display: flex; justify-content: end; width: 49.6%;">
  824. <div >
  825. <div style="border: 1px solid #e2e9ff; width: auto; border-radius: 10px; display: flex; height: 60%; margin-top: 11px;">
  826. @if(\Auth::guard('teacher')->user()->is_available ==0)
  827. <p class="form-check-label ms-2" style="font-size: 11px; margin-top: 9px;">Not Available for Supervision</p>
  828. @endif
  829. <div class="form-check form-switch ms-3" id="" style="margin-top: 6px;">
  830. <input class="form-check-input teacher_is_available" type="checkbox" name="is_available" value="" @if(\Auth::guard('teacher')->user()->is_available ==0) checked @endif>
  831. @if(\Auth::guard('teacher')->user()->is_available ==1)
  832. <label class="form-check-label" for="" style="font-size: 11px; margin-top: -1px; margin-right: 9px;">Available for Supervision </label>
  833. @endif
  834. </div>
  835. </div>
  836. </div>
  837. <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
  838. <li class="nav-item dropdown dropdown-notification">
  839. <a href="javascript:void(0)" class="open_modal_page" data-url="{{route('modal-get',['name'=>'add_wishlist'])}}" data-title="Wishlist">
  840. <button class="btn btn2" style="padding: 6px 10px !important;">New Invite</button>
  841. </a>
  842. </li>
  843. </ul>
  844. @php
  845. $hashids = new \Hashids\Hashids('student_q_signup', 25);
  846. @endphp
  847. <div class="flag_country copy" style="display:flex; cursor:pointer;" data-clipboard-text="{{ url('q-apply/'.$hashids->encode(auth_user('teacher')->id)) }}">
  848. <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
  849. <li class="nav-item dropdown dropdown-notification">
  850. <a href="javascript:void(0)">
  851. <button class="btn btn2" style="padding: 6px 10px !important; background-color: #ffad00 !important; color: #191e38 !important;">Q-Apply</button>
  852. </a>
  853. </li>
  854. </ul>
  855. </div>
  856. <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
  857. <li class="nav-item dropdown dropdown-notification">
  858. <a href="">
  859. <i class="fa fa-bell change_pass_btn" style="padding: 8px 9px;"></i>
  860. </a>
  861. </li>
  862. </ul>
  863. <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
  864. <li class="nav-item dropdown dropdown-notification">
  865. <a href="">
  866. <h5 class="change_pass_btn" style="height: 33px; margin-top: 7px; padding: 4px 9px;">IZ</h5>
  867. </a>
  868. </li>
  869. </ul>
  870. <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
  871. <li class="nav-item dropdown dropdown-notification">
  872. <a href="{{ url('teacher-logout') }}"
  873. onclick="event.preventDefault();
  874. document.getElementById('logout-form').submit();">
  875. <i class="fa fa-sign-out change_pass_btn"></i>
  876. </a>
  877. <form id="logout-form" action="{{ url('teacher-logout') }}" method="POST" class="d-none">
  878. @csrf
  879. </form>
  880. </li>
  881. </ul>
  882. </div>
  883. </div>
  884. </nav>
  885. </div>
  886. </div>
  887. </div>
  888. </header>
  889. <section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef; height:100vh;">
  890. <div class="container-fluid">
  891. <div class="row">
  892. <div class="col-md-2" style="padding:0px">
  893. <nav class="sidebar-wrapper" id="sidebar" style="background-color: #1416398a!important; width: 16.6%; height: 100%; position: fixed; overflow-y: hidden; top: 65px;">
  894. <div class="sidebar-content" style="height: calc(100vh - 75px);">
  895. <div class="sidebar-menu" style="padding-bottom: 110px; height: 100vh; overflow: auto;">
  896. <ul class="nav nav-pills nav-justified flex-column mb-0" id="pills-tab" role="tablist">
  897. <li class="nav-item" style="margin-top: 35px;">
  898. <a class="nav-link active" id="dashboard" data-bs-toggle="pill" href="#dash" role="tab" aria-controls="dash" aria-selected="false">
  899. <div class="text-start py-1 px-2" style="display:flex;">
  900. <i class="fa fa-home ms-3" style="font-size: 11px; margin-top: 3px;"></i>
  901. <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Dashboard</h6>
  902. </div>
  903. </a><!--end nav link-->
  904. </li><!--end nav item-->
  905. <li class="nav-item">
  906. <a class="nav-link" id="application" data-bs-toggle="pill" href="#applicate" role="tab" aria-controls="dental" aria-selected="false">
  907. <div class="text-start py-1 px-2" style="display:flex;">
  908. <i class="fa fa-graduation-cap ms-3" style="font-size: 11px; margin-top: 3px;"></i>
  909. <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Application</h6>
  910. </div>
  911. </a><!--end nav link-->
  912. </li><!--end nav item-->
  913. <li class="nav-item">
  914. <a class="nav-link rounded" id="wishlist" data-bs-toggle="pill" href="#list" role="tab" aria-controls="list" aria-selected="false">
  915. <div class="text-start py-1 px-2" style="display:flex;">
  916. <i class="fa fa-shopping-bag ms-3" style="font-size: 11px; margin-top: 3px;"></i>
  917. <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Wishlist </h6>
  918. </div>
  919. </a><!--end nav link-->
  920. </li><!--end nav item-->
  921. <li class="nav-item">
  922. <a class="nav-link rounded" id="explores" data-bs-toggle="pill" href="#explore" role="tab" aria-controls="explore" aria-selected="false">
  923. <div class="text-start py-1 px-2" style="display:flex;">
  924. <i class="fa fa-university ms-3" style="font-size: 11px; margin-top: 3px;"></i>
  925. <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Explore</h6>
  926. </div>
  927. </a><!--end nav link-->
  928. </li><!--end nav item-->
  929. <li class="nav-item">
  930. <a class="nav-link rounded" id="myaccount" data-bs-toggle="pill" href="#account" role="tab" aria-controls="account" aria-selected="false">
  931. <div class="text-start py-1 px-2" style="display:flex;">
  932. <i class="fa fa-user ms-3" style="font-size: 11px; margin-top: 3px;"></i>
  933. <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">My Account</h6>
  934. </div>
  935. </a><!--end nav link-->
  936. </li><!--end nav item-->
  937. </ul><!--end nav pills-->
  938. </div>
  939. <div class="sidebar-footer" style="display: block;bottom: 65px !important;">
  940. <div class="sidebar-menu" style="padding: 0 !important;">
  941. <ul class="nav nav-pills nav-justified flex-column mb-0" id="">
  942. <li class="nav-item" style="margin-top: 35px;">
  943. <div class="nav-link" style="background-color: #141639c4; border-radius: 0px !important;">
  944. <div class="text-start py-1 px-2">
  945. <h6 class="mb-0" style="font-size: 12px !important; font-weight:400;">Your Account Reference Number</h6>
  946. <h6 class="mb-0" style="font-size: 13px !important; color: #ffbd59;">{{ auth_user('teacher')->ref_no }}</h6>
  947. </div>
  948. </div><!--end nav link-->
  949. </li><!--end nav item-->
  950. </ul><!--end nav pills-->
  951. </div>
  952. </div>
  953. </div>
  954. </nav>
  955. </div><!--end col-->
  956. <div class="col-md-10 mt-5" style="padding:1rem;">
  957. <div class="row">
  958. <div class="col-md-12 mt-4" style="padding-left: 21px; padding-right: 25px;">
  959. <div class="card profile_top_part_info">
  960. <div class="whole_part">
  961. <!-- <div class="left_part">
  962. <div class="profile-photo" style="margin-left: 25px;">
  963. <div class="profile_pic" style="border-radius: 0px;-webkit-border-radius:0px;">
  964. <img src="web/images/male.png" alt="">
  965. </div>
  966. </div>
  967. </div> -->
  968. <div class="right_part">
  969. <div class="right_part_right">
  970. <div class="right_part_right_whole">
  971. <div class="col-md-5 mt-1 method-box">
  972. <div class="ms-3 mt-2 mb-3">
  973. <div style="display:flex;">
  974. @if($proposal_details->student_details->nationality)
  975. <img class="img-responsive listFlag mt-2" style="border-radius: 2px; padding: 0px;height: 45px; width: 45px;" src="{{ asset('/assets/img/flags/4x3').'/'.strtolower(cn($proposal_details,'student_details.country_name.iso_3166_2','')).'.svg' }}" alt="Flag" data-toggle="tooltip" title="" data-placement="top">
  976. @endif
  977. <div class="alert" style="background-color:white; padding: 3px 7px; margin-bottom: 0px;">
  978. <span style="font-size: 19px; font-weight: 700;">{{cn($proposal_details,'student_details.first_name','')}} {{cn($proposal_details,'student_details.last_name','')}}</span> <br>
  979. <span style="font-size:12px;">
  980. <!-- <span style="color: #868e96;">Gender :</span> -->
  981. <a href="" class="rounded" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Gender" style="color: black !important;">{{\Str::ucfirst(cn($proposal_details,'student_details.gender',''))}}</a>
  982. </span>
  983. <span> • </span>
  984. <span style="font-size:12px;">
  985. <a href="" class="rounded" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Age" style="color: black !important;">{{age_calculator(cn($proposal_details,'student_details.dob',''))}}</a>
  986. <!-- <span style="color: #868e96;">Age :</span> -->
  987. {{-- <strong>23 years 3 month</strong> --}}
  988. </span>
  989. </div>
  990. </div>
  991. </div>
  992. </div>
  993. <div class="mt-3 p-3 method-box ms-3" style="width: 65%; border-right: 1px solid #eee; background-color: white;">
  994. <h6 class="method">
  995. Apply Ref: {{$proposal_details->student_apply_ref ?? "N/A"}}
  996. {{-- {{cn($proposal_details,'teacher_details.ref_no','')}} --}}
  997. </h6>
  998. <span>
  999. <strong style="font-size: 14px;">
  1000. {{cn($proposal_details,'proposal.title','')}}
  1001. </strong >
  1002. </span>
  1003. <div class="mt-1">
  1004. <span style="font-size:12px;">
  1005. <a href="" class="rounded" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Methology" style="color: black !important;">{{cn($proposal_details,'proposal.methology','')}}</i></a>
  1006. </span>
  1007. <span> • </span>
  1008. <span class="ms-2" style="font-size:12px;">
  1009. <a href="" class="rounded" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Funding Status" style="color: black !important;">{{cn($proposal_details,'proposal.status','')}}</i></a>
  1010. </span>
  1011. <span> • </span>
  1012. <span class="ms-2" style="font-size:12px;">
  1013. <a href="" class="rounded" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Preferred Start Date" style="color: black !important;">{{ date("M Y", strtotime($proposal_details->created_at))}}</i></a>
  1014. </span>
  1015. </div>
  1016. <div class="mt-1">
  1017. <span style="font-size:12px;">
  1018. <span>Applied On : </span>
  1019. <strong style="font-weight: 700; font-size: 12px; letter-spacing: 0.8px;">{{ date("d M Y", strtotime($proposal_details->created_at))}}</strong>
  1020. </span>
  1021. </div>
  1022. </div>
  1023. <div class="top_right_info_box ms-3 mt-1" style="width: 40%; padding: 7px; display: grid;">
  1024. <div class="card shadow rounded border-0" style="background-color: white;">
  1025. <div class="info-palate mt-0" style="margin:0px;">
  1026. <div class="left">
  1027. <div>
  1028. <div class="single_glance_row mt-1">
  1029. <span class="title" style="font-size:12px; font-weight: 600;">Proposal Quality :</span>
  1030. <span class="tbl2 mb-2 pro_top_rating" style="float:right;">
  1031. <input type="radio" class="rate_star_update" data-id="{{$proposal_details->id}}" id="star5" name="rate" value="5" @if($proposal_details->proposal_quality ==5) checked @endif/>
  1032. <label class="rate_star hand tooltips" for="star5" title="5 stars"></label>
  1033. <input type="radio" class="rate_star_update" data-id="{{$proposal_details->id}}" id="star4" name="rate" value="4" @if($proposal_details->proposal_quality ==4) checked @endif/>
  1034. <label class="rate_star hand tooltips" for="star4" title="4 stars"></label>
  1035. <input type="radio" class="rate_star_update" data-id="{{$proposal_details->id}}" id="star3" name="rate" value="3" @if($proposal_details->proposal_quality ==3) checked @endif/>
  1036. <label class="rate_star hand tooltips" for="star3" title="3 stars"></label>
  1037. <input type="radio" class="rate_star_update" data-id="{{$proposal_details->id}}" id="star2" name="rate" value="2" @if($proposal_details->proposal_quality ==2) checked @endif/>
  1038. <label class="rate_star hand tooltips" for="star2" title="2 stars"></label>
  1039. <input type="radio" class="rate_star_update" data-id="{{$proposal_details->id}}" id="star1" name="rate" value="1" @if($proposal_details->proposal_quality ==1) checked @endif/>
  1040. <label class="rate_star hand tooltips" for="star1" title="1 star"></label>
  1041. </span>
  1042. </div>
  1043. <div class="single_glance_row mt-1">
  1044. <span class="title" style="font-size:12px; font-weight: 600;">Concept :</span>
  1045. <div class="top_part_status" style="position: relative; width: fit-content; margin-left: 10px; float: right;">
  1046. @if($proposal_details->concept==1)
  1047. <span class="top_part_status_name" style="background: #bcfaca; color: #0a9652;">
  1048. Good
  1049. </span>
  1050. @elseif($proposal_details->concept==2)
  1051. <span class="top_part_status_name" style="background: #ffca84; color: #ee8414;">
  1052. Average
  1053. </span>
  1054. @else
  1055. <span class="top_part_status_name" style="background: #f8c8c8; color: #db390c;">
  1056. Poor
  1057. </span>
  1058. @endif
  1059. <div class="dropdown" style="top:-2px; position: absolute; right: 9px;">
  1060. <i class="fa fa-caret-down dropdown-toggle add_hover tooltips" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" data-original-title="Change Status" style="color: #8c9094;"></i>
  1061. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" x-placement="bottom-start" style="position: absolute; transform: translate3d(10px, 13px, 0px); top: 0px; left: 0px; will-change: transform; margin-left: -75px; z-index: 2; margin-top: 10px;">
  1062. <a class="dropdown-item concept_change" data-val="1" @if($proposal_details->concept==1) {{'activate'}} @endif" data-id="{{$proposal_details->id}}" name="concept">Good</a>
  1063. <a class="dropdown-item concept_change" data-val="2" @if($proposal_details->concept==2) {{'activate'}} @endif" data-id="{{$proposal_details->id}}" name="concept">Average</a>
  1064. <a class="dropdown-item concept_change" data-val="3" @if($proposal_details->concept==3) {{'activate'}} @endif" data-id="{{$proposal_details->id}}" name="concept">Poor</a>
  1065. </div>
  1066. </div>
  1067. </div>
  1068. </div>
  1069. <div class="single_glance_row mt-1" style="border-bottom: none;">
  1070. <span class="title" style="font-size:12px; font-weight: 600;">Status :</span>
  1071. <div class="top_part_status" style="position: relative; width: fit-content; margin-left: 10px; float: right;">
  1072. @if($proposal_details->proposal_status==1)
  1073. <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
  1074. New
  1075. </span>
  1076. @endif
  1077. @if($proposal_details->proposal_status==2)
  1078. <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
  1079. Reviewing
  1080. </span>
  1081. @endif
  1082. @if($proposal_details->proposal_status==3)
  1083. <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
  1084. Pause
  1085. </span>
  1086. @endif
  1087. @if($proposal_details->proposal_status==4)
  1088. <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
  1089. Hold
  1090. </span>
  1091. @endif
  1092. @if($proposal_details->proposal_status==5)
  1093. <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
  1094. Interested
  1095. </span>
  1096. @endif
  1097. @if($proposal_details->proposal_status==6)
  1098. <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
  1099. Rejected
  1100. </span>
  1101. @endif
  1102. @if($proposal_details->proposal_status==7)
  1103. <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
  1104. Terminate
  1105. </span>
  1106. @endif
  1107. <div class="dropdown" style="top: -2px; position: absolute; right: 9px;">
  1108. <i class="fa fa-caret-down dropdown-toggle add_hover tooltips" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" data-original-title="Change Status" style="color: #8c9094;"></i>
  1109. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" x-placement="bottom-start" style="position: absolute; transform: translate3d(10px, 13px, 0px); top: 0px; left: 0px; will-change: transform; margin-left: -75px; z-index: 2; margin-top: 10px;">
  1110. {{-- <a class="dropdown-item status_change hand" data-val="1" data-id="{{$proposal_details->id}}" name="proposal_status">New</a> --}}
  1111. <a class="dropdown-item status_change hand" data-val="2" data-id="{{$proposal_details->id}}" name="proposal_status">In Review</a>
  1112. <a class="dropdown-item status_change hand" data-val="3" data-id="{{$proposal_details->id}}" name="proposal_status">Pause</a> <!--Push means less than 2 seconds does one thing -->
  1113. <a class="dropdown-item status_change hand" data-val="4" data-id="{{$proposal_details->id}}" name="proposal_status">Hold</a> <!--holding it for longer does something-->
  1114. <a class="dropdown-item status_change hand" data-val="5" data-id="{{$proposal_details->id}}" name="proposal_status">Interested</a>
  1115. <a class="dropdown-item open_modal_page hand" data-url="{{route('modal-get',['name'=>'proposal_status_rejected_form','id'=>$proposal_details->id])}}" data-title="Rejected" data-val="6" data-id="{{$proposal_details->id}}">Rejected</a>
  1116. <a class="dropdown-item status_change hand" data-val="7" data-id="{{$proposal_details->id}}" name="proposal_status">Terminate</a>
  1117. </div>
  1118. </div>
  1119. </div>
  1120. </div>
  1121. </div>
  1122. </div>
  1123. </div>
  1124. </div>
  1125. </div>
  1126. </div>
  1127. </div>
  1128. </div>
  1129. </div>
  1130. </div>
  1131. </div>
  1132. <div class="col-md-3 mt-4" style="padding: 0px 0px 0px 23px;">
  1133. <div class="card shadow p-3 rounded border-0 mb-4" style="background-color: white;">
  1134. <div class="info-palate mt-0">
  1135. <div class="left">
  1136. <div class="mb-2">
  1137. <div class="Feedback" style="font-size: 17px; font-weight: 700;">Applicante Profile</div>
  1138. </div>
  1139. @if(count($education_history) > 0)
  1140. @foreach($education_history as $row)
  1141. <div class="summary_edu_part mt-1">
  1142. <div class="education_head">
  1143. <div class="left">
  1144. <span class="edu_title">{{cn($row,'academic_level_info.name','')}}</span>
  1145. </div>
  1146. <div class="right">
  1147. <span class="label_badge_radius" style="font-weight: 600; background: #1416398a; color: white;">{{$row->result}}</span>
  1148. </div>
  1149. </div>
  1150. <div class="education_body mt-2">
  1151. <ul>
  1152. <li>{{$row->subject}}</li>
  1153. <li>{{$row->institution}}</li>
  1154. <li>{{$row->passing_year}}</li>
  1155. </ul>
  1156. </div>
  1157. </div>
  1158. @endforeach
  1159. @endif
  1160. <div class="summary_ielts_part mt-2 ms-2">
  1161. <div class="education_head">
  1162. <div class="left">
  1163. <span class="edu_title">{{cn($proposal_details,'scores.test_name','')}}</span>
  1164. <div class="expiration">
  1165. <span class="tooltips" style="font-size: 11px; color: #868e96;" data-original-title="Expiration">
  1166. <i class="fa fa-calendar-check-o mr-1" style="color: #908f8f;"></i>
  1167. @if(!empty($proposal_details->scores->expiration_date)) {{ date('d M Y', strtotime(cn($proposal_details,'scores.expiration_date','')))}} @else @endif
  1168. </span>
  1169. </div>
  1170. <span class="label_badge_radius" style="position: absolute; right: 10px; font-weight: 600; background: #1416398a; color: white;">{{cn($proposal_details,'scores.overall_score','')}}</span>
  1171. </div>
  1172. </div>
  1173. <div class="education_body mt-1" style="border-bottom: 1px solid #e8eef1;padding: 8px 0px">
  1174. <div class="result" style="display: flex;">
  1175. <div class="result-part" style="font-size: 11px;">
  1176. <span class="single_point">Speaking:
  1177. <span class="point_number" style="font-weight: 700;">{{cn($proposal_details,'scores.speaking','')}} ,
  1178. </span>
  1179. </span>
  1180. </div>
  1181. <div class="result-part" style="font-size: 11px;">
  1182. <span class="single_point ms-2">Listening:
  1183. <span class="point_number" style="font-weight: 700;">{{cn($proposal_details,'scores.listening','')}} ,
  1184. </span>
  1185. </span>
  1186. </div>
  1187. <div class="result-part" style="font-size: 11px;">
  1188. <span class="single_point ms-2">Writing:
  1189. <span class="point_number" style="font-weight: 700;">{{cn($proposal_details,'scores.writing','')}} ,
  1190. </span>
  1191. </span>
  1192. </div>
  1193. <div class="result-part" style="font-size: 11px;">
  1194. <span class="single_point ms-2">Reading:
  1195. <span class="point_number" style="font-weight: 700;">{{cn($proposal_details,'scores.reading','')}}
  1196. </span>
  1197. </span>
  1198. </div>
  1199. </div>
  1200. </div>
  1201. </div>
  1202. <div class="single_glance_row mt-1">
  1203. <span class="title" style="font-size:11px; font-weight: 600;">Work Experience:</span>
  1204. @if($proposal_details->student_details->is_work_experience ==1)
  1205. <span class="label_badge_radius" style="background: #e7f3ea !important; color: #0ba52e; margin-left: 3px;">yes</span>
  1206. @else
  1207. <span class="label_badge_radius" style="background: #f1ac93 !important; color: #f80707; margin-left: 3px;">no</span>
  1208. @endif
  1209. <span style="font-size: 11px; color: #868e96;"></span>
  1210. </div>
  1211. <div class="single_glance_row mt-1">
  1212. <span class="title" style="font-size:11px; font-weight: 600;">Have you ever attended any conferences<br> to present your papers?</span>
  1213. @if($proposal_details->student_details->is_attended_conference ==1)
  1214. <span class="label_badge_radius" style="background: #e7f3ea !important; color: #0ba52e; margin-left: 3px;">yes</span>
  1215. @else
  1216. <span class="label_badge_radius" style="background: #f1ac93 !important; color: #f80707; margin-left: 3px;">no</span>
  1217. @endif
  1218. <span style="font-size: 11px; color: #868e96;"></span>
  1219. </div>
  1220. <div class="single_glance_row mt-1">
  1221. <span class="title" style="font-size:11px; font-weight: 600;">Do you have any Publication?</span>
  1222. @if($proposal_details->student_details->is_publication ==1)
  1223. <span class="label_badge_radius" style="background: #e7f3ea !important; color: #0ba52e; margin-left: 3px;">yes</span>
  1224. @else
  1225. <span class="label_badge_radius" style="background: #f1ac93 !important; color: #f80707; margin-left: 3px;">no</span>
  1226. @endif
  1227. <span style="font-size: 11px; color: #868e96;"></span>
  1228. </div>
  1229. </div>
  1230. </div>
  1231. </div>
  1232. </div><!--end col-->
  1233. <div class="col-md-9 mt-2" style="padding: 3px;">
  1234. <div class="card border-0 mb-3" style="border-radius:6px !important;">
  1235. <div class="container-fluid">
  1236. <div class="row">
  1237. @if($proposal_details->feedback_msg || $proposal_details->feedback_reason)
  1238. <div class="col-md-12" style="width: 99%;font-size: 12px !important; background-color:#fff0d6; border-radius: 6px; padding: 10px;color: rgb(237, 14, 14);">
  1239. <div class="single_glance_row mt-1 single_edit_item">
  1240. <div class="row" style="display: flex;">
  1241. <div class="col-md-10" style="width: 90%;">
  1242. <span class="title" style="font-size:11px; font-weight: 600; color: rgb(237, 14, 14) !important;"> <i class="fa fa-warning" style="font-size: 11px; margin-right: 5px; color: rgb(237, 14, 14) !important; top: 0px; position: relative;"></i>
  1243. Feedback : @if($proposal_details->feedback_msg) {{$proposal_details->feedback_msg}} @endif
  1244. @if($proposal_details->feedback_reason) {{$proposal_details->feedback_reason}} @endif
  1245. </span>
  1246. </div>
  1247. <div class="col-md-2" style="width: 10%;">
  1248. {{-- <span class="title" style="font-size:11px; font-weight: 600;">
  1249. <button type="button" class="btn btn2 edit_feedback mb-1" data-id="{{$proposal_details->id}}" style="padding: 2px 5px !important; font-size: 11px;"><i class="fa fa-pencil"></i></button>
  1250. </span>
  1251. <span class="title" style="font-size:11px; font-weight: 600;">
  1252. <button type="button" class="btn btn2 delete_feedback mb-1" data-id="{{$proposal_details->id}}" style="padding: 2px 5px !important; font-size: 11px;"><i class="fa fa-trash" style="margin-left:2px;"></i></button>
  1253. </span> --}}
  1254. </div>
  1255. </div>
  1256. </div>
  1257. </div>
  1258. @endif
  1259. </div>
  1260. </div>
  1261. </div>
  1262. <div class="card border-0 mt-0" style="border-radius:6px !important;">
  1263. <div class="container-fluid">
  1264. <div class="row">
  1265. <div class="col-md-12" style="width: 99%; background-color:white; border-radius: 6px; padding: 10px;">
  1266. <div class="row mt-3">
  1267. <div class="col-md-8" style="width: 62%;">
  1268. @if(file_exists( public_path().'/uploads/proposal/'.@$proposal_details->proposal->document_file ) && @$proposal_details->proposal->document_file != null)
  1269. <iframe src ="{{url(asset('/uploads/proposal').'/'.@$proposal_details->proposal->document_file) }}" type="application/pdf" width="100%" height="560px"></iframe>
  1270. @else
  1271. <iframe src ="{{url(asset('web/files/CRM.pdf'))}}" type="application/pdf" width="100%" height="670px"></iframe>
  1272. @endif
  1273. </div><!--end col-->
  1274. <div class="col-md-4" style="width: 35.5%;">
  1275. <div class="info-palate mt-0" style="margin-left: -4px;">
  1276. <div class="left">
  1277. <div id="doc_required_load"></div>
  1278. </div>
  1279. </div>
  1280. @if(count($doc_info) > 0)
  1281. <div class="col-md-12" style="float: right; margin-top:5px;">
  1282. <span class="btn open_modal_page submit_button" data-url="{{route('modal-get',['send_email_document_information', 'id'=>$proposal_details->id])}}" data-title="Send Email">Send Email
  1283. </span>
  1284. </div>
  1285. @endif
  1286. </div>
  1287. </div>
  1288. </div>
  1289. </div>
  1290. </div>
  1291. </div>
  1292. <!-- Hero End -->
  1293. <!-- Main Js -->
  1294. <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
  1295. <!-- tobii js -->
  1296. <script src="{{asset('web/js/tobii.min.js')}}"></script>
  1297. <!-- SLIDER -->
  1298. <script src="{{asset('web/js/tiny-slider.js')}}"></script>
  1299. <!-- Icons -->
  1300. <script src="{{asset('web/js/feather.min.js')}}"></script>
  1301. <!-- Main Js -->
  1302. <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
  1303. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
  1304. <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.6.15/sweetalert2.min.js"></script>
  1305. <script src="{{asset('web/js/plugins.init.js')}}"></script>
  1306. <script src="{{asset('web/js/app.js')}}"></script>
  1307. <script src="{{asset('web/js/datepicker.min.js')}}"></script>
  1308. <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
  1309. <script src="{{asset('web/js/plugins.init.js')}}"></script>
  1310. <script src="{{asset('web/js/app.js')}}"></script>
  1311. <script src="{{asset('web/css/sweetalert/sweetalert.min.js')}}"></script>
  1312. {{-- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> --}}
  1313. <script src="{{ asset('css/jquery.min.js') }}"></script>
  1314. <script src="{{ asset('css/jquery-form/dist/jquery.form.min.js') }}"></script>
  1315. <script src="{{ asset('css/noty/lib/noty.min.js') }}"></script>
  1316. <script src="{{ asset('css/flatpickr/dist/flatpickr.min.js') }}"></script>
  1317. <script src="{{ asset('css/wait-me/waitMe.min.js')}}"></script>
  1318. @include('web.layouts.modal')
  1319. <script>
  1320. function fetch_sub_content(selector, url, args=null){
  1321. var config={
  1322. spinner: true
  1323. }
  1324. if(typeof args=='object'){
  1325. config=Object.assign(config, args);
  1326. }
  1327. if(config.spinner){
  1328. $(selector).waitMe({
  1329. effect: 'facebook',
  1330. text: 'Please! Wait ...'
  1331. });
  1332. }
  1333. $(selector).load(url, null, function(){
  1334. $(selector).waitMe('hide');
  1335. if(typeof args=='function') args();
  1336. });
  1337. }
  1338. function wait_me(selector, config=null){
  1339. if(config){
  1340. selector.waitMe(config);
  1341. }else{
  1342. selector.waitMe({
  1343. effect: 'facebook',
  1344. //color: '#000',
  1345. text: 'Please! Wait ...'
  1346. });
  1347. }
  1348. }
  1349. function pop_up_msg(msg='No message specified', type='success', callback=null){
  1350. new Noty({
  1351. theme:'sunset',
  1352. text: msg,
  1353. type: type,
  1354. timeout:1500,
  1355. callbacks:{
  1356. afterClose: callback
  1357. }
  1358. }).show();
  1359. }
  1360. function err_msg(err){
  1361. var msg="Request failed to process, try again later.";
  1362. if(err.responseJSON && err.responseJSON.msg){
  1363. msg=err.responseJSON.msg;
  1364. }
  1365. return msg;
  1366. }
  1367. function ajax_form(form, cllback=null, config={spinner: true}){
  1368. $('.btn-submit').prop('disabled', true);
  1369. var redirect=$(form).data('redirect');
  1370. if(typeof config=='object'){
  1371. if(config.spinner) wait_me($(form));
  1372. }
  1373. $(form).ajaxSubmit({
  1374. success:function(res){
  1375. wait_me($(form), 'hide');
  1376. if(res.msg){
  1377. pop_up_msg(res.msg, 'success', function(){
  1378. $('.btn-submit').prop('disabled', false);
  1379. if(redirect) window.location.replace(redirect);
  1380. else if(typeof cllback=='function'){
  1381. cllback(form, res);
  1382. }
  1383. });
  1384. }
  1385. //$.notify(res.msg, 'success');
  1386. },
  1387. error:function(res){
  1388. wait_me($(form), 'hide');
  1389. var msg="Request failed to process, try again later.";
  1390. if(res.responseJSON && res.responseJSON.msg){
  1391. msg=res.responseJSON.msg;
  1392. }
  1393. pop_up_msg(msg, 'error');
  1394. $('.btn-submit').prop('disabled', false);
  1395. }
  1396. });
  1397. } //End of ajax form definition
  1398. $(function(){
  1399. var form_row_added=false;
  1400. $('.edit_feedback').on('click', function(){
  1401. if(form_row_added){
  1402. $('.open_feedback_msg_info_div').remove();
  1403. form_row_added=false;
  1404. }
  1405. var self=$(this);
  1406. var self_tr=self.closest('.single_edit_item');
  1407. var std_propsal_id=self.data('id');
  1408. form_row_added=true;
  1409. self_tr.after(
  1410. "<div class='open_feedback_msg_info_div'><div class='open_feedback_msg_edit_info_div_inner'></div></div>"
  1411. );
  1412. fetch_sub_content(
  1413. '.open_feedback_msg_edit_info_div_inner',
  1414. "{{ route('sub-content', ['name'=>'edit_feedback_msg_form']) }}?std_propsal_id="+std_propsal_id
  1415. );
  1416. });
  1417. $('.delete_feedback').on('click', function(){
  1418. var id = $(this).attr("data-id");
  1419. var form_data={
  1420. _token: "{{ csrf_token() }}",
  1421. delete_id: id,
  1422. }
  1423. swal({
  1424. title: "Are you sure?",
  1425. text: "You will not be able to recover this data!",
  1426. type: "warning",
  1427. showCancelButton: true,
  1428. confirmButtonClass: "btn-danger",
  1429. cancelButtonClass: "btn-info",
  1430. confirmButtonText: "Yes, delete!",
  1431. cancelButtonText: "No, cancel!",
  1432. }, function(isConfirm){
  1433. if(isConfirm){
  1434. $.post("{{ route('ajax-post', ['name'=>'delete_student_feedback_msg']) }}",form_data
  1435. ).done(function(res){
  1436. pop_up_msg(res.msg);
  1437. window.location.reload();
  1438. }).fail(function(err){
  1439. pop_up_msg(err_msg(err), 'error');
  1440. });
  1441. }
  1442. });
  1443. });
  1444. $('.rate_star_update').on('click', function(){
  1445. var self =$(this);
  1446. var id =self.data('id');
  1447. var value =self.attr('value');
  1448. var form_data={
  1449. _token: "{{ csrf_token() }}",
  1450. id: id,
  1451. value:value
  1452. }
  1453. $.post("{{ route('ajax-post', ['name'=>'proposal_quality_rate_star_update']) }}", form_data, function(res){
  1454. pop_up_msg(res.msg);
  1455. window.location.reload();
  1456. }).fail(function(err){
  1457. pop_up_msg(err_msg(err), 'error');
  1458. });
  1459. });
  1460. $('.concept_change').on('click', function(){
  1461. var self =$(this);
  1462. var id =self.data('id');
  1463. var value =self.data('val');
  1464. var form_data={
  1465. _token :"{{csrf_token()}}",
  1466. 'id':id,
  1467. 'value':value
  1468. }
  1469. swal({
  1470. title: "Are you sure you want to change status?",
  1471. text: "Please check before submitting!",
  1472. type: "warning",
  1473. showCancelButton: true,
  1474. confirmButtonClass: "btn-danger",
  1475. cancelButtonClass: "btn-info",
  1476. confirmButtonText: "Yes",
  1477. cancelButtonText: "No",
  1478. closeOnConfirm: true,
  1479. closeOnCancel: true
  1480. }, function(isConfirm){
  1481. if(isConfirm){
  1482. $.post("{{ route('ajax-post', ['name'=>'concept_status_update']) }}", form_data, function(res){
  1483. pop_up_msg(res.msg);
  1484. window.location.reload();
  1485. }).fail(function(err){
  1486. pop_up_msg(err_msg(err), 'error');
  1487. });
  1488. }
  1489. });
  1490. });
  1491. $('.status_change').on('click', function(){
  1492. var self =$(this);
  1493. var id =self.data('id');
  1494. var value =self.data('val');
  1495. var form_data={
  1496. _token :"{{csrf_token()}}",
  1497. 'id':id,
  1498. 'value':value
  1499. }
  1500. if(value==2 || value ==3 || value ==4 || value ==5 || value ==7){ // 2 =Reviewing; 3 =Push; 4 =Hold; 5 =Interested
  1501. swal({
  1502. title: "Are you sure you want to change status?",
  1503. text: "Please check before submitting!",
  1504. type: "warning",
  1505. showCancelButton: true,
  1506. confirmButtonClass: "btn-danger",
  1507. cancelButtonClass: "btn-info",
  1508. confirmButtonText: "Yes",
  1509. cancelButtonText: "No",
  1510. closeOnConfirm: true,
  1511. closeOnCancel: true
  1512. }, function(isConfirm){
  1513. if(isConfirm){
  1514. $.post("{{ route('ajax-post', ['name'=>'proposal_status_update']) }}", form_data, function(res){
  1515. pop_up_msg(res.msg);
  1516. window.location.reload();
  1517. }).fail(function(err){
  1518. pop_up_msg(err_msg(err), 'error');
  1519. });
  1520. }
  1521. });
  1522. }
  1523. });
  1524. // $('.feedback_btn').click(function(){
  1525. // var id =$(this).data('id');
  1526. // var message =$('#message').val();
  1527. // var proposal_status =$('#p_status').val();
  1528. // var form_data={
  1529. // _token: "{{ csrf_token() }}",
  1530. // id: id,
  1531. // message: message,
  1532. // proposal_status: proposal_status,
  1533. // }
  1534. // $.post("{{ route('ajax-post', ['name'=>'proposal_feedback_update']) }}", form_data, function(res){
  1535. // pop_up_msg(res.msg);
  1536. // window.location.reload();
  1537. // }).fail(function(err){
  1538. // pop_up_msg(err_msg(err), 'error');
  1539. // });
  1540. // });
  1541. fetch_sub_content(
  1542. '#doc_required_load',
  1543. "{{ route('sub-content', ['name'=>'document_required_load', 'id'=>$proposal_details->id]) }}"
  1544. );
  1545. });
  1546. </script>
  1547. </body>
  1548. </html>