revinr
/
student-admission


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756
							<!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')}}">
    </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;
}
</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; background-color: #1416398a!important;">
                    <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="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: 5px;"></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-user ms-3" style="font-size: 11px; margin-top: 5px;"></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-home ms-3" style="font-size: 11px; margin-top: 5px;"></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-home ms-3" style="font-size: 11px; margin-top: 5px;"></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="" role="tablist">
                                        <li class="nav-item" style="margin-top: 35px;">
                                            <a class="nav-link" id="" href="#">
                                                <div class="text-start py-1 px-2">
                                                    <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important; font-weight:400;">Supervisor's ARN</h6>
                                                    <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">{{ auth_user()->ref_no }}</h6>
                                                </div>
                                            </a><!--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 pt-5" style="padding:1rem;">
                <div class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade show active 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>
                        <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;">
                                                    <span class="label_badge_work">3 years</span>
                                                </div>
                                                <div style="font-size: 11px; font-weight: 600; display:block;">
                                                    <span>Sep 2019 - continue</span>
                                                </div>
                                            </td>
                                            <td style="font-size: 11px;">
                                                <div class="inner_right">
                                                    <a href="{{ url('title') }}"><strong style="font-size:11px; color:#6e6b7b;">Title</strong></a></br>
                                                    <span>Bangla</span>
                                                    <span>.</span>
                                                    <span>Self-funded</span>
                                                    <span>.</span>
                                                    <span>Qualitative</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-->
                    </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">
                            <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">
                            <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="head" role="tabpanel" aria-labelledby="headcare"  style="height:100%;">
                        <div class="col-md-12">
                            <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><!--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>
</body>
</html>