Israat Zarin 1 year ago
parent
commit
a2ec602d39

BIN
public/web/images/background.jpg


+ 208 - 92
resources/views/Q.blade.php

@@ -2,7 +2,8 @@
     <html lang="en">
         <head>
             <meta charset="utf-8" />
-            <title>Supervisor's Login - Research Admission</title>
+            <div class="alert" style="margin-bottom: 0px; color: #3c3d5b; padding: 0px !important;">  
+            <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="" />
@@ -39,6 +40,9 @@
             <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=Oswald:wght@200&family=Quicksand:wght@400;500;600;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=Ubuntu:wght@700&display=swap" rel="stylesheet">
@@ -50,20 +54,140 @@
             <link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates&display=swap" rel="stylesheet">
             <link rel="stylesheet" href="{{ asset('css/pnotify/pnotify.min.css') }}">
             <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/wait-me/waitMe.min.css') }}" rel="stylesheet" type="text/css">
        </head>
        <style>
 
             body {
-                font-family: 'Oswald', sans-serif;
-                font-family: 'Quicksand', sans-serif;
+                font-family: 'Quicksand', sans-serif !important;
+            }
+            h1, h2, h3, h4, h5, h6 {
+                font-family: 'Quicksand', sans-serif !important;
+            }
+            .bg-half-170 {
+            padding:0px;
+            }
+            .form-control:focus {
+                box-shadow: 0 0 0 0.25rem #8492a61f !important;
+                border-color: #8492a61f !important;
+            }
+            .btn1{
+                background-color: #141639c4 !important;
+                color:white !important;
+                border-radius: 20px;
+                box-shadow:none !important;
+            }
+            .btn1:hover{
+                background: #fff !important;
+                color: #141639c4 !important;
+                border-radius: 20px;
+                border: 1px solid #141639c4;
+            }
+            .tns-nav button {
+                background: #141639c4 !important;
+            }
+            .tns-nav button.tns-nav-active{
+                background-color: #ffff !important;
             }
-            h1, h2, h3, h4, h6 {
-                font-family:Ubuntu !important;
+            .bg-left{
+                background-color:#141639c4;
+                border:none;
             }
-            .bg-gray-900 {
+            .box-head{
+                font-size:15px !important;
+                color:#ffff;
+            }
+            .box-sub{
+                font-size:14px;
+                color:#ffff;
+            }
+            .tmail{
+                color: #a7a7a7;
+                margin: 0px;
+            }
+            .form-control {
+                border: 1px solid #dee2e6;
+                font-size: 18px;
+                line-height: 45px;
+                background-color: #ffffff;
+                border-radius: 6px;
+            }
+            #topnav{
+                position: relative;
+            }
+            .text-muted{
+                color: #ffffff !important;
+            }
+            .bg-left{
+                background-color:  #b0b0b0;
+                border:none;
+                padding:7.53rem;
+            }
+            .bg-left .head-line{
+                font-size: 39px !important;
+                font-weight: bold;
+                line-height: 1.2;
+                color:#ffff;
+            }
+            .sub-line1{
+                font-size: 18px !important;
+                font-weight: 400;
+                font-family: poppins !important;
+                color:#ffff !important;
+            }
+            .sub-line2{
+                font-size: 17px !important;
+                font-weight: bold;
+                font-family: poppins !important;
+                color:#ffff !important;
+            }
+            .bg-white{
+                background-color: #72809f33 !important;
+                height: 160px;
+                border: 1px solid #ffff;
+            }
+            .box-head{
+                font-size:15px !important;
+                color:#ffff;
+            }
+            .box-sub{
+                font-size:14px;
+                color:#ffff;
+            }
+            .d-flex{
+                display: grid !important;
+            }
+            .master-link.secondary {
+                padding: 12px;
+                color: #fff;
+                background-color: rgba(235,232,227,.1);
+                clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.1em), calc(100% - 1.1em) 100%, 0 100%);
+            }
+            .master-link.secondary:hover {
+                color: #191e38 !important;
+                background-color: #ffffff;
+                clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.1em), calc(100% - 1.1em) 100%, 0 100%);
+            }
+            .bg-overlay{
+                background-color: rgb(75 81 89 / 70%);;
+                position: absolute;
+                top: 0;
+                right: 0;
+                left: 0;
+                bottom: 0;
+                width: 100%;
+                height: 100%;
+            }
+
+            /* new */
+            /* .bg-gray-900 {
                 --tw-bg-opacity: 1;
                 background-color: rgb(15 23 42/var(--tw-bg-opacity));
             }
+            .xl\:h-full {
+                height: 100%;
+            }
             .w-full {
                 width: 100%;
             }
@@ -82,12 +206,6 @@
             .xl\:relative {
                 position: relative;
             }
-            .h-full {
-                height: 100%;
-            }
-            .object-cover {
-                object-fit: cover;
-            }
             .opacity-25 {
                 opacity: .25;
             }
@@ -100,91 +218,84 @@
             }
             .xl\:w-32 {
                 width: 8rem;
-            } 
-            .relative{
-                position: relative;
-            }
-            .xl\:w-32 {
-                width: 8rem;
-            }
-            .xl\:h-full {
-                height: 100%;
-            }
-            .xl\:left-0 {
-                left: 0;
-            }
-            .xl\:inset-0, .xl\:inset-y-0 {
-                bottom: 0;
-                top: 0;
-            }
-            .xl\:inset-0 {
-                left: 0;
-                right: 0;
-            }
-            .from-gray-900 {
-                --tw-gradient-from: #0f172a;
-                --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(15,23,42,0));
-            }
-            /* .bg-gradient-to-b {
-                background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
             } */
-            .xl\:gap-x-8 {
-                -moz-column-gap: 2rem;
-                column-gap: 2rem;
-            }
-            .xl\:grid-flow-col-dense {
-                grid-auto-flow: column dense;
-            }
-            .lg\:max-w-7xl {
-                max-width: 80rem;
-            }
-            .xl\:pb-24 {
-                padding-bottom: 6rem;
-            }
-            .xl\:col-start-1 {
-                grid-column-start: 1;
-            }
-            .xl\:grid-cols-2 {
-                grid-template-columns: repeat(2,minmax(0,1fr));
-            }
-            .xl\:pb-24 {
-                padding-bottom: 6rem;
-            }
-            .xl\:col-start-1 {
-                grid-column-start: 1;
-            }
-            .lg\:px-8 {
-                padding-left: 2rem;
-                padding-right: 2rem;
-            }
-            .lg\:max-w-7xl {
-                max-width: 80rem;
-            }
-            .xl\:col-start-1 {
-                grid-column-start: 1;
-            }
-            .text-indigo-300 {
-                --tw-text-opacity: 1;
-                color: rgb(165 180 252/var(--tw-text-opacity));
-            }
        </style>
-            <div class="relative bg-gray-900">
-                <div class="h-80 w-full bottom-0 xl:inset-0 xl:h-full">
-                    <div class="h-full w-full xl:grid xl:grid-cols-2">
-                        <div class="h-full xl:relative xl:col-start-2"> 
-                            <img src="web/images/background-Qapply.jpg" alt="" class="h-full w-full object-cover opacity-25 xl:absolute xl:inset-0">
-                            <div class="absolute inset-x-0 top-0 h-32 bg-gradient-to-b from-gray-900 xl:inset-y-0 xl:left-0 xl:h-full xl:w-32 xl:bg-gradient-to-r">   
+        <section class="cover-user">
+            <div class="container-fluid px-0">
+                <div class="row g-0 position-relative">
+                    <div class="col-lg-7 padding-less ">
+                        <div class="bg-left" style="height: 100%; width: 100%; background: url('web/images/background.jpg') center center; background-repeat: no-repeat !important;">
+                            <div class="bg-overlay"></div>
+                            <div class="alert" style="margin-top: 10rem;">
+                                <h4 class="text-muted mt-5 mb-3">You're going to submit your doctoral application proposal to -</h4>
+                                <div class="alert p-4" style="margin-bottom: 0px; color: white; background-color: rgb(3 25 53 / 70%); border-radius: 20px;">
+                                    <strong class="mb-3" style="font-size:19px; font-weight: 700;">first_name</strong></br>
+                                    <span style="font-size:14px; font-weight:400;">designation </span><br>
+                                    
+                                    <span style="font-size:14px; font-weight:400;">
+                                        department
+                                    </span>  
+                                    <span> . </span>
+                                    <span style="font-size:14px; font-weight:400;">
+                                        university_name
+                                    </span> 
+                                </div>
+                                <p class="mt-3 mb-0" style="color:white;">Copyright © <script>document.write(new Date().getFullYear())</script>
+                                    Research Admission</p>
+                            </div>     
                         </div>
-                        </div>                       
-                    </div>                  
+                    </div>
+                    <div class="col-lg-5 cover-my-30 ">
+                        <div class="cover-user-img d-flex align-items-center p-5">
+                            <div class="row">
+                                <div class="col-12">
+                                    <div class="card login-page border-0" style="z-index: 1;">
+                                    <h5>To initiate the process for your Doctoral application, kindly complete the following form. Once completed, you will receive an email invitation containing instructions to create an account and submit your Research Proposal to me. - here is the text</h5>
+                                        <div class="col-lg-12 mt-4 wait">
+                                            <div class="mb-4">
+                                                <label class="form-label" style="font-size: 19px; font-weight: 700; color: #3c3d5b;">Your name</label>
+                                                <div class="form-icon position-relative">
+                                                    <input type="text" class="form-control" id="name" placeholder="Write your full name here" name="name" required="">
+                                                </div>
+                                            </div>
+                                            <div class="mb-3">
+                                                <label class="form-label" style="font-size: 19px; font-weight: 700; color: #3c3d5b;">e-mail address</label>
+                                                <div class="form-icon position-relative">
+                                                    <input type="email" class="form-control" id="email" placeholder="Write your e-mail address here" name="email" required="">
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="col-md-12">
+                                            <div class="mt-2 mb-4 text-end">
+                                                <button type="submit" class="btn btn1 q_form_submit" style="font-size: 21px;">
+                                                    {{ __('Submit') }}
+                                                </button>
+                                            </div>
+                                        </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                 </div>
-                <!-- <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:max-w-7xl lg:px-8 xl:grid xl:grid-cols-2 xl:grid-flow-col-dense xl:gap-x-8">
-                    <div class="relative pt-12 pb-64 sm:pt-24 sm:pb-64 xl:col-start-1 xl:pb-24">
-                        <h2 class="text-base font-semibold text-indigo-300"></h2>
+            </div>
+        </section>
+
+        <!-- <div class="relative bg-gray-900">
+            <div class="h-80 w-full absolute bottom-0 xl:inset-0 xl:h-full">
+                <div class="h-full w-full xl:grid xl:grid-cols-2">
+                    <div class="h-full xl:relative xl:col-start-2">
+                        <img src="web/images/background-Qapply.jpg" alt="" class="">
+                         <div class="absolute inset-x-0 top-0 h-32 bg-gradient-to-b from-gray-900 xl:inset-y-0 xl:left-0 xl:h-full xl:w-32 xl:bg-gradient-to-r">
+
+                        </div>
                     </div>
-                </div> -->
-                
-            </div><!--end container fluid-->
+                </div>
+            </div>
+        </div>  -->
+
         <!-- javascript -->
         <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
         <!-- tobii js -->
@@ -196,7 +307,12 @@
         <!-- Main Js -->
         <script src="{{asset('web/js/plugins.init.js')}}"></script>
         <script src="{{asset('web/js/app.js')}}"></script>
+        <script src="{{ asset('css/jquery.min.js') }}"></script>
+        <script src="{{ asset('css/jquery-form/dist/jquery.form.min.js') }}"></script>
         <script src="{{ asset('css/pnotify/pnotify.js') }}"></script>
         <script src="{{ asset('css/noty/lib/noty.min.js') }}"></script>
+        <script src="{{ asset('css/wait-me/waitMe.min.js') }}"></script>
+    
         </body>
   </html>
+

+ 5 - 5
resources/views/teacher/load_application.blade.php

@@ -1,6 +1,6 @@
 @if(count($students) >0)
     <div class="col-md-12 bg-white" style="padding:10px; height:500px;">
-        <h4 class="text-info"></h4>
+        <!-- <h4 class="text-info"></h4> -->
         <div class="table-responsive">
             <table class="table table-bordered list_table">
                 <thead>
@@ -18,10 +18,10 @@
                 @foreach($students as $key=>$row)
                     <tr>
                         <td style="font-size: 11px;">{{$key+1}}</td>
-                        <td>
+                        <td style="width: 20%;">
                             <div style="display:flex;">
                                 @if($row->student_details->nationality)
-                                    <img class="img-responsive listFlag" style="border-radius: 2px; padding: 0px;height: 35px; width: 35px;" src="{{ asset('/assets/img/flags/4x3').'/'.strtolower(cn($row,'student_details.country_name.iso_3166_2','')).'.svg' }}" alt="Flag" data-toggle="tooltip" title="" data-placement="top">
+                                    <img class="img-responsive listFlag mt-2" style="border-radius: 2px; padding: 0px;height: 35px; width: 35px;" src="{{ asset('/assets/img/flags/4x3').'/'.strtolower(cn($row,'student_details.country_name.iso_3166_2','')).'.svg' }}" alt="Flag" data-toggle="tooltip" title="" data-placement="top">
                                 @endif
                                 <div class="alert" style="background-color:white; padding: 3px 7px; margin-bottom: 0px;">
                                     <div style="font-size: 12px; font-weight: 600; color: black; text-transform: capitalize;">
@@ -36,7 +36,7 @@
                                 </div>
                             </div>
                         </td>
-                        <td style="font-size: 11.5px;">
+                        <td style="font-size: 11.5px; width: 17%;">
                             <div style="display:flex;"> 
                                 <div class="alert" style="background-color:white; padding: 3px 7px; margin-bottom: 0px;">
                                     <div style="font-size: 11.5px; font-weight: 600; display:block;">
@@ -99,7 +99,7 @@
                                 </div>
                             </div>
                         </td>
-                        <td style="font-size: 11px;">
+                        <td style="font-size: 11px; width: 30%;">
                             @php
                                 $hashids = new \Hashids\Hashids('application', 25);
                             @endphp

+ 195 - 112
resources/views/teacher/student_proposal_details.blade.php

@@ -70,7 +70,8 @@ h1, h2, h3, h4, h5, h6 {
 .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;
+    border-radius: 0px !important;
+    border-color: #141639c4 !important;
 }
 .nav-pills .nav-link{
     color: white !important;
@@ -140,10 +141,6 @@ h1, h2, h3, h4, h5, h6 {
     padding: 4px 6px;
     border: 1px solid #ceccda;
 }
-.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:  #2e1153  !important; 
-    color:  white!important;
-}
 .form-check-input.form-check-input:checked{
     background-color: #2f55d4 !important;
     border-radius: 7px !important;
@@ -523,22 +520,24 @@ element.style {
     font-size: 11px !important;
 }
 /* new css */
-.shadow {
-    box-shadow: none !important;
+.sidebar-wrapper .sidebar-menu ul li:hover>a {
+    background-color: #141639c4 !important;
+    color: white;
+    border-radius: 0px !important;
 }
-.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
-    background-color: #dedbf1;
-    font-size: 9px;
-    color: #2e1153  !important;
-    padding: 2px 15px !important;
-    border-radius: 12px !important;
+.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;
 }
-.nav-pills .nav-link.active{
-    background-color: #dedbf1;
-    font-size: 9px;
-    color: #ffffff !important;
-    padding: 2px 15px !important;
-    border-radius: 12px !important;
+.shadow {
+    box-shadow: none !important;
 }
 .profile_top_part_info {
     background: white;
@@ -576,7 +575,6 @@ element.style {
 }
 .profile_top_part_info .whole_part .right_part .right_part_right {
     width: 100%;
-    margin-top: 10px;
 }
 .right_part_right_whole {
     display: flex;
@@ -764,7 +762,7 @@ element.style {
     font-weight: 600;
     display: block;
 }
-.method{
+.method {
     background-color: #ffad00;
     margin-top: -23px;
     font-size: 12px !important;
@@ -772,14 +770,12 @@ element.style {
     padding-left: 9px;
     border-radius: 5px;
     font-weight: 600 !important;
-    margin-left: 17px;
-    width: 18%;
-    margin-bottom: 0px;
+    width: 23%;
 }
 .method-box{
     width: 30%;
-    border: 1px solid #eee;
-    border-radius: 5px;
+    border-right: 1px solid #eee;
+    border-radius: 0px;
 }
 .pro_top_rating {
     border: none;
@@ -816,77 +812,163 @@ element.style {
   }
 </style>
 <body>
-        <header id="" class="defaultscroll sticky">
-            <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" style="width: 90%;">
-                                        <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-shopping-bag 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>
+<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-6" >
+                                <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>
-                                            </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>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="col-md-6" style="display: flex; justify-content: end; width: 49.6%;">
+                                <div >
+                                    <div style="border: 1px solid #e2e9ff; width: auto; border-radius: 10px; display: flex; height: 60%; margin-top: 11px;">
+                                        @if(\Auth::guard('teacher')->user()->is_available ==0)
+                                            <p class="form-check-label ms-2" style="font-size: 11px; margin-top: 9px;">Not Available for Supervision</p>
+                                        @endif
+                                        <div class="form-check form-switch ms-3" id="" style="margin-top: 6px;">
+                                            <input class="form-check-input teacher_is_available" type="checkbox" name="is_available" value="" @if(\Auth::guard('teacher')->user()->is_available ==0) checked @endif>
+                                            @if(\Auth::guard('teacher')->user()->is_available ==1)
+                                            <label class="form-check-label" for="" style="font-size: 11px; margin-top: -1px; margin-right: 9px;">Available for Supervision </label>
+                                            @endif
+                                        </div>
                                     </div>
                                 </div>
-                            </nav>
-                        </div> 
-                    </div>   
-                </div>                    
-        </header>
-        <!-- Hero Start -->
-       <section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef;">
-            <div class="container-fluid">
-               <div class="row">
+                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
+                                    <li class="nav-item dropdown dropdown-notification">
+                                        <a href="javascript:void(0)" class="open_modal_page" data-url="{{route('modal-get',['name'=>'add_wishlist'])}}" data-title="Wishlist">
+                                        <button class="btn btn2" style="padding: 6px 10px !important;">New Invite</button>
+                                        </a>
+                                    </li>
+                                </ul>
+                                @php
+                                    $hashids = new \Hashids\Hashids('student_q_signup', 25);
+                                @endphp
+                                <div class="flag_country copy" style="display:flex; cursor:pointer;" data-clipboard-text="{{ url('q-apply/'.$hashids->encode(auth_user('teacher')->id)) }}">
+                                    <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
+                                        <li class="nav-item dropdown dropdown-notification">
+                                            <a href="javascript:void(0)">
+                                                <button class="btn btn2" style="padding: 6px 10px !important; background-color: #ffad00 !important; color: #191e38 !important;">Q-Apply</button>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <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" style="padding: 8px 9px;"></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="">
+                                            <h5 class="change_pass_btn" style="height: 33px; margin-top: 7px; padding: 4px 9px;">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="application" data-bs-toggle="pill" href="#applicate" 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="wishlist" data-bs-toggle="pill" href="#list" role="tab" aria-controls="list" 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: 6px; 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="explores" data-bs-toggle="pill" href="#explore" role="tab" aria-controls="explore" 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="myaccount" data-bs-toggle="pill" href="#account" role="tab" aria-controls="account" 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; color: #ffbd59;">{{ auth_user('teacher')->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 mt-5" style="padding:1rem;">
+                <div class="row">
                     <div class="col-md-12 mt-4" style="padding-left: 21px; padding-right: 25px;">
                         <div class="card profile_top_part_info">
                             <div class="whole_part">
@@ -921,11 +1003,11 @@ element.style {
                                                     </span>
                                                 </div>
                                             </div>
-                                            <div class="mt-1 p-3 method-box ms-3" style="width: 65%; border: 1px solid #eee; background-color: white;"> 
-                                                <h6 class="method mb-3"> 
-                                                     Apply Ref: {{$proposal_details->student_apply_ref ?? "N/A"}}
-                                                     
-                                                     {{-- {{cn($proposal_details,'teacher_details.ref_no','')}} --}}
+                                            <div class="mt-3 p-3 method-box ms-3" style="width: 65%; border-right: 1px solid #eee; background-color: white;"> 
+                                                <h6 class="method"> 
+                                                        Apply Ref: {{$proposal_details->student_apply_ref ?? "N/A"}}
+                                                        
+                                                        {{-- {{cn($proposal_details,'teacher_details.ref_no','')}} --}}
                                                 </h6>
                                                 <span>
                                                     <strong style="font-size: 14px;">
@@ -953,7 +1035,7 @@ element.style {
                                                 </div>
                                                 
                                             </div>
-                                            <div class="top_right_info_box ms-3 mt-1" style="width: 40%; border: 1px solid #e9f0f3; border-radius: 0.25rem; padding: 7px; display: grid;">  
+                                            <div class="top_right_info_box ms-3 mt-1" style="width: 40%; padding: 7px; display: grid;">  
                                                 <div class="card shadow rounded border-0" style="background-color: white;">
                                                     <div class="info-palate mt-0" style="margin:0px;">
                                                         <div class="left">
@@ -1019,7 +1101,7 @@ element.style {
                                                                         @endif
                                                                         @if($proposal_details->proposal_status==4)
                                                                         <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
-                                                                           Hold
+                                                                            Hold
                                                                         </span>
                                                                         @endif
                                                                         @if($proposal_details->proposal_status==5)
@@ -1027,7 +1109,7 @@ element.style {
                                                                             Interested
                                                                         </span>
                                                                         @endif
-                                                                         
+                                                                            
                                                                         @if($proposal_details->proposal_status==6)
                                                                         <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
                                                                             Rejected
@@ -1106,7 +1188,7 @@ element.style {
                                                         <span class="point_number" style="font-weight: 700;">{{cn($proposal_details,'scores.speaking','')}} ,
                                                         </span>
                                                     </span>
-                                                 </div>
+                                                    </div>
                                                 <div class="result-part" style="font-size: 11px;">
                                                     <span class="single_point ms-2">Listening: 
                                                         <span class="point_number" style="font-weight: 700;">{{cn($proposal_details,'scores.listening','')}} ,
@@ -1161,7 +1243,6 @@ element.style {
                             
                         </div>
                     </div><!--end col-->
-
                     <div class="col-md-9 mt-4" style="padding: 3px;">
                         <div class="card border-0" style="border-radius:6px !important;">
                             <div class="container-fluid">
@@ -1201,7 +1282,7 @@ element.style {
                                                     </span>
                                                 </div>
                                             </div>
-                                           
+                                            
                                         </div> 
                                     </div>  
                                     @endif
@@ -1222,14 +1303,14 @@ element.style {
                                                                                                                         
                                                 
                                             </div><!--end col-->
-                                            <div class="col-md-4 ms-4" style="width: 35.5%;">
+                                            <div class="col-md-4" style="width: 35.5%;">
                                                 <div class="info-palate mt-0" style="margin-left: -4px;">
                                                     <div class="left">
                                                         <div id="doc_required_load"></div> 
                                                                                                                         
                                                         </div>     
                                                     </div>
-                                                     @if(count($doc_info) > 0)
+                                                        @if(count($doc_info) > 0)
                                                     <div class="col-md-12" style="float: right; margin-top:5px;">  
                                                         <span class="btn open_modal_page submit_button" data-url="{{route('modal-get',['send_email_document_information', 'id'=>$proposal_details->id])}}" data-title="Send Email">Send Email
                                                         </span> 
@@ -1270,7 +1351,7 @@ element.style {
                                                                 <div class="tab-content bg-white rounded-bottom shadow" id="pills-tabContent">
                                                                     <div class="card border-0 tab-pane fade show active" id="propose" role="tabpanel" aria-labelledby="proposal">
                                                                         <div class="row align-items-center">
-                                                                             <div class="col-md-12">
+                                                                                <div class="col-md-12">
                                                                                 
                                                                                 @if(file_exists( public_path().'/uploads/proposal/'.@$proposal_details->proposal->document_file ) && @$proposal_details->proposal->document_file != null)
                                                                                     <iframe src ="{{url(asset('/uploads/proposal').'/'.@$proposal_details->proposal->document_file) }}" type="application/pdf"  width="100%" height="560px"></iframe>
@@ -1306,10 +1387,12 @@ element.style {
                                 </div>
                             </div>
                         </div> -->
-                   </div>
-                </div><!--end row-->
-            </div><!--end container-->
-        </section><!--end section-->
+                    </div>
+                    </div>
+                </div>
+        </div><!--end row-->
+    </div><!--end container-->
+</section><!--end section-->
         <!-- Hero End -->
       <!-- Main Js -->
       <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>