student_proposal_details.blade.php 79 KB

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