revinr
/
student-admission


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024
							<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Research Admission</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many" />
        <meta name="keywords" content="" />

         <!-- facebook tags -->
         <meta property="og:url" content="http://www.facebook.com/researchadmission"/>
         <meta property="og:type" content="website"/>
         <meta property="og:title" content="Research Admission"/>
         <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
          <!-- Linkedin tags -->
         <meta property="og:url" content="https://www.linkedin.com/company/researchadmission"/>
         <meta property="og:type" content="website"/>
         <meta property="og:title" content="Research Admission"/>
         <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>

        <!-- favicon -->
        <link rel="shortcut icon" href="{{asset('web/images/logo.png') }}">
        <!-- Bootstrap -->
        <link href="{{ asset('web/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
        <!-- tobii css -->
        <link href="{{asset('web/css/tobii.min.css')}}" rel="stylesheet" type="text/css" />
        <!-- Icons -->
        <link href="{{asset('web/css/materialdesignicons.min.css')}}" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="{{ asset('web/stylesheets/font-awesome.min.css') }}" />
        <link rel="stylesheet" href="https://unicons.iconscout.com/release/v3.0.6/css/line.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.6.15/sweetalert2.min.css">

        <!-- Slider -->
        <link rel="stylesheet" href="{{asset('web/css/tiny-slider.css')}}"/>
        <!-- Main Css -->
        <link href="{{asset('web/css/style.css')}}" rel="stylesheet" type="text/css" id="theme-opt" />
        <link href="{{asset('web/css/colors/default.css')}}" rel="stylesheet" id="color-opt">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap" rel="stylesheet">

        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="{{asset('web/css/datepicker.min.css')}}">
        <link rel="stylesheet" href="{{asset('web/css/sweetalert/sweetalert.css')}}">
        {{-- Ajax Form Submit --}}
        <link href="{{ asset('css/noty/lib/noty.css') }}" rel="stylesheet" type="text/css">
        <link href="{{ asset('css/noty/lib/themes/sunset.css') }}" rel="stylesheet" type="text/css">
        <link href="{{ asset('css/flatpickr/dist/flatpickr.min.css') }}" rel="stylesheet" type="text/css">
        <link href="{{ asset('css/wait-me/waitMe.min.css')}}"  rel="stylesheet" type="text/css"> 
    </head>
    <style>

body {
    font-family: 'Oswald', sans-serif;
    font-family: 'Quicksand', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-family: 'Quicksand', sans-serif;
}
.bg-half-170 {
    padding:0px;
}
.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 {
    background-color: #141639c4 !important;
    color: white!important;
    border-radius:0px !important;
}
.nav-pills .nav-link{
    color: white !important;
}
.nav-pills {
    margin-bottom: 0px;
    background:none;
}
.logo {
    font-weight: 700;
    font-size: 24px;
    margin-right: 0px;
    padding: 0 0 6px;
    letter-spacing: 1px;
    line-height: 68px;
}
a {
    text-decoration: none !important;
}
.table {
    width: 100%;
    color: #6e6b7b;
}
.list_table thead tr th {
    font-size: 12px;
    font-weight: 700;
    background-color: #16183f69;
    text-transform: capitalize;
    color: #ffff;
}
.list_table thead tr th {
    padding: 11px 6px 10px!important;
}
.list_table .institute_info {
    display: flex !important;
}
.list_table .institute_info .left {
    width: 37px;
    align-self: center;
}
.list_table .institute_info .left .fa {
    background: #f1f0fb;
    padding: 10px;
    border-radius: 100%;
    font-size: 14px;
    color: #2e1153;
}
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: dashed;
    border-width: 0;
}
.change_pass_btn {
    margin-top: 0;
    color: #ffff;
    border: 1px solid #9f9fa169;
    border-radius: 50%;
    padding: 8px 8px;
    margin-right: 0;
    background: #16183f69;
    font-size: 15px!important;
}
.icon_bar {
    width: fit-content;
    overflow: auto;
    border-radius: 0.25rem;
    padding: 2px 4px;
    margin: 0 auto;
    border: 0.5px solid #d8e2e7;
}
.icon_bar a {
    text-align: center;
    padding: 0;
    color: #818084;
    font-size: 16px;
    margin: 0 3px;
    border-bottom: none;
    top: 0;
}
.label_badge_radius {
    color: #2e1153;
    border-radius: 20px;
    padding: 1px 10px;
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: .2px;
    font-weight: 600;
    background-image: linear-gradient(to right, rgb(46 17 83 / 19%), rgb(245, 244, 253));
}
.label_badge_no {
    color: red;
    border-radius: 20px;
    padding: 1px 10px;
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: .2px;
    font-weight: 600;
    background-color:#ffecee;
}
.label_badge_gpa {
    color: #00b4d8;
    border-radius: 20px;
    padding: 1px 10px;
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: .2px;
    font-weight: 600;
    background-color:#e2edff;
}
.label_badge_work {
    color: #10bd77;
    border-radius: 20px;
    padding: 1px 10px;
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: .2px;
    font-weight: 600;
    background-color:#dffff2;;
}
.ms-5 {
    margin-left: 2.4rem!important;
}
.btncl{
    padding: 2px 6px;
    color: #ffffff !important;
    background-color: #ffc107 !important;
    border-radius: 30px;
}
.btncl:hover {
    background-color: #ffffff !important;
    border-color: #ffc107 !important;
    color: #ffc107 !important;
}
.btn2{
    background-color: #141639c4 !important;
    color:white !important;
    border-radius: 20px;
    box-shadow:none !important;
    padding:3px 13px !important;
    font-size:13px;
}
.btn2:hover{
    background: #fff !important;
    color:  #141639c4 !important;
    border-radius: 20px;
    border-color: #2e1153!important;
}
.top_part_status_name {
    border-radius: 20px;
    padding: 1px 22px 1px 10px;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .2px;
    top: 0;
    position: relative;
    width: fit-content;
    display: flex;
}
.top_part_status .dropdown .dropdown-menu.show .dropdown-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.top_part_status .dropdown .dropdown-menu.show .dropdown-item:hover {
    background: #2e1153;
    color: #fff !important;
}
.dropdown-menu {
    display: none;
    float: left;
    min-width:5rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    font-size: 11px;
    background-color: #dedbf1;
}
.dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    padding: 4px 12px;
}
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 80px;
    background: #fff;
    padding: 0px 15px 0 0;
    z-index: 80;
}
.sidebar-wrapper .sidebar-menu ul li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding:7px 15px 7px 20px;
}
.sidebar-wrapper .sidebar-menu ul li:hover>a{
    background-color: #141639c4 !important;
    color:white;
    border-radius: 0px !important
}
.sidebar-footer {
    position: sticky;
}
.single_glance_row {
    font-size: 12px !important;
    margin: 0 !important;
    border: none;
    border-bottom: 1px solid #e8eef1;
    border-radius: 0;
    padding: 8px 10px;
}
</style>
<body>
<header id="" class="site-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <nav class="mt-2 header-navbar navbar-expand-lg navbar-fixed align-items-center navbar-brand-center">
                        <div class="navbar-container d-flex content">
                            <div class="col-md-11">
                                <div class="d-flex align-items-center">
                                    <ul class="nav navbar-nav mr-auto header_left">
                                        <li class="nav-item d-flex">
                                            <div class="col md-6 mt-1 mb-1" style="margin-left: 10px;">
                                                <a class="logo" href="index.html">
                                                    <h3 style="font-family:Ubuntu !important; color: #3c4858 !important; font-size: 30px !important;">Research Admission</h3>
                                                </a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-1" style="display:flex;">
                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
                                    <li class="nav-item dropdown dropdown-notification">
                                        <a href="">
                                            <i class="fa fa-bell change_pass_btn"></i>
                                        </a>
                                    </li>
                                </ul>
                                <!-- <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
                                    <li class="nav-item dropdown dropdown-notification">
                                        <a href="">
                                            <i class="fa fa-cog change_pass_btn"></i>
                                        </a>
                                    </li>
                                </ul> -->
                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
                                    <li class="nav-item dropdown dropdown-notification">
                                        <a href="">

                                        </a>
                                    </li>
                                </ul>
                                <ul class="nav navbar-nav align-items-center ml-auto header_right">
                                    <li class="nav-item dropdown dropdown-notification">
                                        <a href="">
                                            <h5 class="change_pass_btn" style="height: 33px; margin-top: 7px; padding: 5px 8px;">IZ</h5>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
                                    <li class="nav-item dropdown dropdown-notification">
                                        <a href="{{ url('teacher-logout') }}"
                                            onclick="event.preventDefault();
                                                            document.getElementById('logout-form').submit();">
                                             <i class="fa fa-sign-out change_pass_btn"></i>
                                        </a>
                                        <form id="logout-form" action="{{ url('teacher-logout') }}" method="POST" class="d-none">
                                            @csrf
                                        </form>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
</header>
<section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef; height:100vh;">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-2" style="padding:0px">
                    <nav class="sidebar-wrapper" id="sidebar" style="background-color: #1416398a!important; width: 16.6%; height: 100%; position: fixed; overflow-y: hidden; top: 65px;">
                        <div class="sidebar-content" style="height: calc(100vh - 75px);">
                            <div class="sidebar-menu" style="padding-bottom: 110px; height: 100vh; overflow: auto;">
                                <ul class="nav nav-pills nav-justified flex-column mb-0" id="pills-tab" role="tablist">
                                    <li class="nav-item" style="margin-top: 35px;">
                                        <a class="nav-link active" id="dashboard" data-bs-toggle="pill" href="#dash" role="tab" aria-controls="dash" aria-selected="false">
                                            <div class="text-start py-1 px-2" style="display:flex;">
                                            <i class="fa fa-home ms-3" style="font-size: 11px; margin-top: 3px;"></i>
                                                <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Dashboard</h6>
                                            </div>
                                        </a><!--end nav link-->
                                    </li><!--end nav item-->
                                    
                                    <li class="nav-item">
                                        <a class="nav-link" id="dentalcare" data-bs-toggle="pill" href="#dental" role="tab" aria-controls="dental" aria-selected="false">
                                            <div class="text-start py-1 px-2" style="display:flex;">
                                            <i class="fa fa-graduation-cap ms-3" style="font-size: 11px; margin-top: 3px;"></i>
                                                <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Application</h6>
                                            </div>
                                        </a><!--end nav link-->
                                    </li><!--end nav item-->

                                    <li class="nav-item">
                                        <a class="nav-link rounded" id="cardeography" data-bs-toggle="pill" href="#cardeo" role="tab" aria-controls="cardeo" aria-selected="false">
                                            <div class="text-start py-1 px-2" style="display:flex;">
                                            <i class="fa fa-shopping-bag  ms-3" style="font-size: 11px; margin-top: 3px;"></i>
                                                <h6 class="mb-0" style="margin-left: 10px; font-size: 13px !important;">Wishlist </h6>
                                            </div>
                                        </a><!--end nav link-->
                                    </li><!--end nav item-->

                                    <li class="nav-item">
                                        <a class="nav-link rounded" id="eyecare" data-bs-toggle="pill" href="#eye" role="tab" aria-controls="eye" aria-selected="false">
                                            <div class="text-start py-1 px-2" style="display:flex;">
                                            <i class="fa fa-university ms-3" style="font-size: 11px; margin-top: 3px;"></i>
                                                <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Explore</h6>
                                            </div>
                                        </a><!--end nav link-->
                                    </li><!--end nav item-->
                                    <li class="nav-item">
                                        <a class="nav-link rounded" id="headcare" data-bs-toggle="pill" href="#head" role="tab" aria-controls="head" aria-selected="false">
                                            <div class="text-start py-1 px-2" style="display:flex;">
                                            <i class="fa fa-user ms-3" style="font-size: 11px; margin-top: 3px;"></i>
                                                <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">My Account</h6>
                                            </div>
                                        </a><!--end nav link-->
                                    </li><!--end nav item-->
                                </ul><!--end nav pills-->
                            </div>
                            <div class="sidebar-footer" style="display: block;bottom: 65px !important;">
                                <div class="sidebar-menu" style="padding: 0 !important;">
                                    <ul class="nav nav-pills nav-justified flex-column mb-0" id="">
                                        <li class="nav-item" style="margin-top: 35px;">
                                            <div class="nav-link" style="background-color: #141639c4; border-radius: 0px !important;">
                                                <div class="text-start py-1 px-2">
                                                    <h6 class="mb-0" style="font-size: 12px !important; font-weight:400;">Your Account Reference Number</h6>
                                                    <h6 class="mb-0" style="font-size: 13px !important;">{{ auth_user()->ref_no }}</h6>
                                                </div>
                                            </div><!--end nav link-->
                                        </li><!--end nav item-->
                                    </ul><!--end nav pills-->
                                </div>
                            </div>
                        </div>
                    </nav>
                </div><!--end col-->

            <div class="col-md-10 col-12 mt-5" style="padding:1rem; padding-top: 2.5rem!important;">
                <div class="tab-content" id="pills-tabContent"> 
                    <div class="tab-pane fade show p-2 rounded active" id="dash" role="tabpanel" aria-labelledby="dashboard">
                        <div class="card p-2 rounded border-0" style="background-color: #16183f1c; color: #141639c4;">
                            <div class="col-md-12">
                                <div class="row p-2">
                                    <h6 style="font-weight:bold !important;">There are three available methods for doctoral applicants to submit their proposals :</h6>                            
                                    <p style="font-size: 13px;"><strong>Method 1:</strong> You can give your ARN to the student and request them to submit their proposal using your reference.</p>                            
                                    <p style="font-size: 13px;"><strong>Method 2:</strong> You can log in to your account, include the student's name and email address in Q Apply, and send them an invitation. This way, their application will be automatically tagged with your reference.</p>                            
                                    <p style="font-size: 13px; margin-bottom: 0px;"><strong>Method 3:</strong> You can share the Q Apply link with the student and ask them to fill out the form using their name and email. An invitation email will be sent to them, and then they can proceed with method 2.</p>                            
                                </div>                                                       
                            </div>
                        </div>
                    </div><!--end teb pane-->

                    <div class="tab-pane fade show p-2 rounded" id="dental" role="tabpanel" aria-labelledby="dentalcare">
                        <form method="POST" action="" style="padding: 10px; background-color: #16183f69; border-radius: 5px 5px 0px 0px;">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="mb-1">
                                            <label class="form-label" for="apply_ref" style="color: white; font-size:12px;">Apply Ref/Student Name or Email</label>
                                        <div class="form-icon position-relative">
                                            <input type="text" for="apply_ref" name="apply_ref" class="form-control ps-2" required="">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                        <div class="mb-1">
                                            <label class="form-label" for="" style="color: white; font-size:12px;">Approve Status</label>
                                        <div class="form-icon position-relative">
                                            <select name="approve" id="approve" class="form-control frm" required="">
                                                <option disabled="" selected="" value="">Default</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="mb-1">
                                            <label class="form-label" style="color: white; font-size:12px;">App Date Range</label>
                                        <div class="form-icon position-relative">
                                            <select name="app_date" id="app_date" class="form-control frm" required="">
                                                <option disabled="" selected="" value="">Date Range</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="mb-1">
                                            <label class="form-label" for="start date" style="color: white; font-size:12px;">Start Date</label>
                                        <div class="form-icon position-relative">
                                            <input name="startdate" type="text" class="form-control start" placeholder="start Date" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="col-md-12" style="background-color:white; border-radius: 0px 0px 5px 5px;">
                            <div class="mb-4" style="padding:15px;">
                                <div class="text-end">
                                    <button class="btn btncl"><i class="fa fa-refresh"></i></button>
                                    <button class="btn btn2">Save</button>
                                </div>
                            </div>
                        </div>
                        @if(count($students) >0)
                        <div class="col-md-12 bg-white" style="padding:10px; height:500px;">
                            <h4 class="text-info"></h4>
                            <div class="table-responsive">
                                <table class="table table-bordered list_table">
                                    <thead>
                                        <tr>
                                            <th>Sl</th>
                                            <th>Student Information</th>
                                            <th>Education</th>
                                            <th class="text-center">English Test</th>
                                            <th class="text-center">work History</th>
                                            <th>Proposal  Summary</th>
                                            <th class="text-center">Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($students as $key=>$row)
                                        <tr>
                                            <td style="font-size: 11px;">{{$key+1}}</td>
                                            <td>
                                                <div style="font-size: 11px; font-weight: 900; display:block;">
                                                    <span>{{cn($row,'student_details.first_name','')}} {{cn($row,'student_details.last_name','')}}</span>
                                                </div>
                                                <div style="font-size: 11px; font-weight: 600; display:block;">
                                                    <a href="" class="">{{cn($row,'teacher_details.ref_no','')}}<span style="color:#626262 !important;">(Apply Ref.)</span></a>
                                                </div>
                                                <div style="font-size: 11px; font-weight: 600; display:block;">
                                                    <span>{{ date("d M, Y", strtotime(cn($row,'student_details.dob','')))}}</span>
                                                </div>
                                            </td>
                                            <td style="font-size: 11px;">
                                                <div style="font-size: 11px; font-weight: 600; display:block;">
                                                    <span>{{cn($row,'institutes.institution','')}}</span>
                                                </div>
                                                <div style="font-size: 11px; font-weight: 600; display:block;">
                                                    <span>{{date('M Y',strtotime(cn($row,'institutes.start_date','')))}} - {{date('M Y',strtotime(cn($row,'institutes.end_date','')))}}</span>
                                                </div>
                                                <div class="mt-1" style="font-size: 11px; display:block;">
                                                    <span class="label_badge_gpa">{{cn($row,'institutes.result','')}} (GPA)</span>
                                                </div>
                                            </td>
                                            <td style="font-size: 11px; font-weight: 600; text-align:center;">{{cn($row,'scores.test_name','')}}
                                                <div style="font-size: 11px;">
                                                    <span>{{cn($row,'scores.overall_score','')}}</span>
                                                </div>
                                            </td>
                                            <td style="font-size: 11px; text-align:center;">
                                                <div style="font-size: 11px; display:block;">
                                                    {{-- @php
                                                        $to = \Carbon\Carbon::parse($row->work_experience->end_date); 
                                                        $from = \Carbon\Carbon::parse($row->work_experience->start_date); 
                                                        $years = $to->diffInYears($from);
                                                    @endphp --}}
                                                    {{-- <span class="label_badge_work">@if($years) {{$years}} years @endif</span> --}}
                                                </div>
                                                <div style="font-size: 11px; font-weight: 600; display:block;">
                                                    {{-- @if(empty($row->work_experience->end_date))
                                                    <span>{{date('M Y', strtotime($row->work_experience->start_date))}} - continue</span>
                                                    @endif --}}
                                                </div>
                                            </td>
                                            <td style="font-size: 11px;">
                                                <div class="inner_right">
                                                    <a href="{{ url('title') }}"><strong style="font-size:11px; color:#6e6b7b;">{{cn($row,'proposal.title','')}}</strong></a></br>
                                                    <span>{{cn($row,'proposal.methology','')}}</span>
                                                    <span>.</span>
                                                    <span>{{cn($row,'proposal.department','')}}</span>
                                                    <span>.</span>
                                                    <span>{{cn($row,'proposal.status','')}}</span>
                                                </div>
                                            </td>
                                            <td style="font-size: 11px; text-align:center;">
                                                <div class="top_part_status" style="position: relative; width: fit-content; margin-left: 10px;">
                                                    <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
                                                        New
                                                    </span>
                                                    <div class="dropdown" style="top: 0.4px; position: absolute; right: 9px;">
                                                        <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>
                                                        <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;">
                                                            <a class="dropdown-item document_review_status_change" data-sval="1" name="sublead_status" href="#">In Review</a>
                                                            <a class="dropdown-item document_review_status_change  activate" data-sval="2" name="sublead_status" href="#">Hold</a>
                                                            <a class="dropdown-item document_review_status_change" data-sval="3" name="sublead_status" href="#">Pause</a>
                                                            <a class="dropdown-item document_review_status_change" data-sval="3" name="sublead_status" href="#">Rejected</a>
                                                            <a class="dropdown-item document_review_status_change" data-sval="3" name="sublead_status" href="#">Interested</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div><!--end col-->
                        @endif
                    </div><!--end teb pane-->

                    <div class="tab-pane fade bg-white p-2 rounded shadow" id="cardeo" role="tabpanel" aria-labelledby="cardeography"  style="height:100%;">
                        <div class="col-md-12">
                            <h6>Wishlist</h6>
                            <div class="table-responsive">
                                <table class="table table-bordered list_table">
                                    <thead>
                                        <tr>
                                            <th>Institution</th>
                                            <th>Subject</th>
                                            <th>Result</th>
                                            <th>Method</th>
                                            <th>PYear</th>
                                            <th>Country</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="institute_info">
                                                    <div class="left">
                                                        <i class="fa fa-university" style="padding: 7px;"></i>
                                                    </div>
                                                    <div class="right">
                                                        <span class="main_title" style="font-size: 11px;">BSC</span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                        </tr>
                                    </tbody>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="institute_info">
                                                    <div class="left">
                                                        <i class="fa fa-university" style="padding: 7px;"></i>
                                                    </div>
                                                    <div class="right">
                                                        <span class="main_title" style="font-size: 11px;">MSC</span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div><!--end col-->
                    </div><!--end teb pane-->

                    <div class="tab-pane fade bg-white p-2 rounded shadow" id="eye" role="tabpanel" aria-labelledby="eyecare"  style="height:100%;">
                        <div class="col-md-12">
                            <h6>Explore</h6>
                            <div class="table-responsive">
                                <table class="table table-bordered list_table">
                                    <thead>
                                        <tr>
                                            <th>Institution</th>
                                            <th>Subject</th>
                                            <th>Result</th>
                                            <th>Method</th>
                                            <th>PYear</th>
                                            <th>Country</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="institute_info">
                                                    <div class="left">
                                                        <i class="fa fa-university" style="padding: 7px;"></i>
                                                    </div>
                                                    <div class="right">
                                                        <span class="main_title" style="font-size: 11px;">BSC</span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                        </tr>
                                    </tbody>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="institute_info">
                                                    <div class="left">
                                                        <i class="fa fa-university" style="padding: 7px;"></i>
                                                    </div>
                                                    <div class="right">
                                                        <span class="main_title" style="font-size: 11px;">MSC</span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                            <td style="font-size: 11px;">test</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div><!--end col-->

                        <!-- Account -->
                    </div><!--end teb pane-->
                    <div class="tab-pane fade p-2" id="head" role="tabpanel" aria-labelledby="headcare"  style="height:100%;">
                        <div class="row">
                            <div class="col-md-8 bg-white rounded p-2 ms-2">
                                    <h6 style="padding: 8px 4px 0px;">Application Summary</h6>
                                <div class="col-md-12">   
                                    <div class="table-responsive">
                                        <table class="table table-bordered list_table">
                                            <thead>
                                                <tr>
                                                    <th>Status</th>
                                                    <th>Jan</th>
                                                    <th>Feb</th>
                                                    <th>Mar</th>
                                                    <th>Apr</th>
                                                    <th>May</th>
                                                    <th>Jun</th>
                                                    <th>Jul</th>
                                                    <th>Aug</th>
                                                    <th>Sept</th>
                                                    <th>Oct</th>
                                                    <th>Nov</th>
                                                    <th>Dec</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td style="font-size: 12px;">App receive</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size: 12px;">Hold</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size: 12px;">Rejected</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size: 12px;">Pause</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-size: 12px;">Interested</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                    <td style="font-size: 11px;">-</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div><!--end col-->
                            <div class="col-md-3 bg-white rounded p-2 ms-4">
                                <div class="row">
                                    <div class="col-md-10">
                                            <h6 style="padding: 13px 10px 0px;">Subscription</h6>
                                        <div class="left mb-2">
                                            <div>
                                                <div class="single_glance_row mt-5">
                                                    <span class="title" style="font-size:11px; font-weight: 600;">Joined :</span>
                                                    <span class="tbl2 mb-2 ms-2">
                                                        16 Mar 2023
                                                    </span>
                                                </div>
                                                <div class="single_glance_row mt-1">
                                                    <span class="title" style="font-size:11px; font-weight: 600;">Referred :</span>
                                                    <span class="ms-2" style="font-size: 11px; color: #868e96;">10</span>
                                                </div>
                                                <div class="single_glance_row mt-1" style="display: flex;">
                                                    <span class="title" style="font-size:11px; font-weight: 600;">Account Type :</span>
                                                    <span class="label_badge_radius mb-1 ms-2" style="background: #d8fdd8; color: green;">
                                                        Premium
                                                    </span>
                                                </div>                                       
                                            </div>
                                        </div> 
                                    </div>
                                 </div>
                            </div><!--end col-->
                        </div>
                            <div class="col-md-12 mt-3">
                                <div class="row">
                                    <div class="col-md-4 bg-white rounded p-2 ms-2" style="width: 32.4%;">
                                        <div class="row">
                                            <div class="col-md-12">
                                                    <h6 style="padding: 13px 10px 0px;  margin-bottom: 0px;">Profile</h6>
                                                <div class="left mb-2 mt-2">
                                                    <div>
                                                        <div class="single_glance_row mt-5">
                                                            <span class="title" style="font-size:11px; font-weight: 600;">Name :</span>
                                                            <span class="tbl2 mb-2">
                                                                {{$user->first_name}} {{$user->last_name}}
                                                            </span>
                                                        </div>
                                                        <div class="single_glance_row mt-1">
                                                            <span class="title" style="font-size:11px; font-weight: 600;">Email :</span>
                                                            <span style="font-size: 11px; color: #868e96;">{{$user->email}}</span>
                                                        </div>
                                                        <div class="single_glance_row mt-1" style="display: flex;">
                                                                <span class="title" style="font-size:11px; font-weight: 600;">University Name :</span>
                                                                <span style="font-size: 11px; color: #868e96;">{{$user->university_name }}</span>
                                                        </div>
                                                        <div class="single_glance_row mt-1" style="display: flex;">
                                                                <span class="title" style="font-size:11px; font-weight: 600;">Department :</span>
                                                                <span style="font-size: 11px; color: #868e96;">{{$user->department }}</span>
                                                        </div>                                        
                                                    </div>
                                                </div> 
                                            </div>
                                        </div>
                                    </div><!--end col-->
                                    <div class="col-md-4 bg-white rounded p-2 ms-4" style="width: 32.4%;">
                                        <div class="row">
                                           
                                            <div class="col-md-12">
                                                 <h6 style="padding: 13px 10px 0px;">Change password</h6>
                                                <div class="form-icon position-relative p-2 mt-2">
                                                    <input type="hidden" name="user_id" value="{{$user->id}}" id="user_id">
                                                    <input type="password" class="form-control" placeholder="Old password" name="old_password" id="old_password" required="">
                                                </div>
                                                <div class="form-icon position-relative p-2">
                                                    <input type="password" class="form-control" placeholder="New password" name="new_password" id="new_password" required="">
                                                </div>
                                                <div class="form-icon position-relative p-2">
                                                    <input type="password" class="form-control" placeholder="Re-type new password" name="new_password_confirmation" id="new_password_confirmation" required="">
                                                    <div class="col-md-12"  style="text-align: center;">
                                                        <button class="btn btn2 mt-3 change_password">Changed</button>
                                                    </div>
                                                </div>
                                            </div> 
                                        </div>
                                    </div><!--end col-->
                                    <div class="col-md-2 bg-white rounded p-2 ms-4" style="width:25%;">
                                        <div class="row">
                                            <div class="col-md-12">
                                                    <h6 style="padding: 13px 10px 0px; margin-bottom: 0px;">Research Interest</h6>
                                                <div class="col-md-12 mt-2">
                                                    <div class="mb-2">
                                                        <div class="form-icon position-relative p-2" style="display: flex;">
                                                            <input type="text" class="form-control" placeholder="" name="" required="">
                                                            <button class="btn btn2" style="margin-left: -3.4rem; border-radius: 0px 6px 6px 0px">Add</button>
                                                        </div>
                                                    </div>
                                                    <div class="left mb-2">
                                                    <div>
                                                        <div class="single_glance_row mt-5">
                                                            <span class="title" style="font-size:11px; font-weight: 600;">Business 1</span>
                                                        </div>
                                                        <div class="single_glance_row mt-1">
                                                            <span class="title" style="font-size:11px; font-weight: 600;">Business 2</span>
                                                        </div>                                    
                                                    </div>
                                                </div> 
                                                </div>
                                            </div>
                                        </div>
                                    </div><!--end col-->
                                </div>
                        </div>
                    </div><!--end teb pane-->
                </div><!--end tab content-->
            </div><!--end col-->
        </div><!--end row-->
    </div><!--end container-->
</section><!--end section-->


      <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
      <!-- tobii js -->
      <script src="{{asset('web/js/tobii.min.js')}}"></script>
      <!-- SLIDER -->
      <script src="{{asset('web/js/tiny-slider.js')}}"></script>
      <!-- Icons -->
      <script src="{{asset('web/js/feather.min.js')}}"></script>
      <!-- Main Js -->
      <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.6.15/sweetalert2.min.js"></script>
      <script src="{{asset('web/js/plugins.init.js')}}"></script>
      <script src="{{asset('web/js/app.js')}}"></script>
      <script src="{{asset('web/js/datepicker.min.js')}}"></script>
      <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
      <script src="{{asset('web/js/plugins.init.js')}}"></script>
      <script src="{{asset('web/js/app.js')}}"></script>
      <script src="{{asset('web/css/sweetalert/sweetalert.min.js')}}"></script>
      {{-- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> --}}

        {{-- Ajax Form Submit --}}
    
        <script src="{{ asset('css/jquery.min.js') }}"></script>
        <script src="{{ asset('css/jquery-form/dist/jquery.form.min.js') }}"></script>
        <script src="{{ asset('css/noty/lib/noty.min.js') }}"></script>
        <script src="{{ asset('css/flatpickr/dist/flatpickr.min.js') }}"></script>
        <script src="{{ asset('css/wait-me/waitMe.min.js')}}"></script> 

      <script>
         function pop_up_msg(msg='No message specified', type='success', callback=null){ 
            new Noty({
            theme:'sunset',
            text: msg,
            type: type,
            timeout:1500,
            callbacks:{
                afterClose: callback
            }
            }).show(); 
        }

        function err_msg(err){

            var msg="Request failed to process, try again later.";

            if(err.responseJSON && err.responseJSON.msg){
            msg=err.responseJSON.msg;
            }

            return msg;

        }


        $(function(){
            $('.change_password').on('click', function(){
                var id =$('#user_id').val();
                var old_password =$('#old_password').val(); 
                var new_password =$('#new_password').val();
                var new_password_confirmation =$('#new_password_confirmation').val();

                var form_data={
                    _token: "{{ csrf_token() }}",
                    id: id,
                    old_password: old_password,
                    new_password: new_password,
                    new_password_confirmation: new_password_confirmation,
                }

                $.post("{{ route('ajax-post', ['name'=>'teacher_change_password']) }}", form_data, function(res){ 
                    pop_up_msg(res.msg);

                }).fail(function(err){

                    pop_up_msg(err_msg(err), 'error');

                }); 
            });
        });
      </script>


</body>
</html>