Israat Zarin 1 gadu atpakaļ
vecāks
revīzija
a2ec602d39

BIN
public/web/images/background.jpg


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

@@ -2,7 +2,8 @@
     <html lang="en">
     <html lang="en">
         <head>
         <head>
             <meta charset="utf-8" />
             <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="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="description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many" />
             <meta name="keywords" content="" />
             <meta name="keywords" content="" />
@@ -39,6 +40,9 @@
             <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
             <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 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.googleapis.com">
             <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
             <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 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 href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates&display=swap" rel="stylesheet">
             <link rel="stylesheet" href="{{ asset('css/pnotify/pnotify.min.css') }}">
             <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/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>
        </head>
        <style>
        <style>
 
 
             body {
             body {
-                font-family: 'Oswald', sans-serif;
+                font-family: 'Quicksand', sans-serif !important;
-                font-family: 'Quicksand', sans-serif;
+            }
+            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 {
+            .bg-left{
-                font-family:Ubuntu !important;
+                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;
                 --tw-bg-opacity: 1;
                 background-color: rgb(15 23 42/var(--tw-bg-opacity));
                 background-color: rgb(15 23 42/var(--tw-bg-opacity));
             }
             }
+            .xl\:h-full {
+                height: 100%;
+            }
             .w-full {
             .w-full {
                 width: 100%;
                 width: 100%;
             }
             }
@@ -82,12 +206,6 @@
             .xl\:relative {
             .xl\:relative {
                 position: relative;
                 position: relative;
             }
             }
-            .h-full {
-                height: 100%;
-            }
-            .object-cover {
-                object-fit: cover;
-            }
             .opacity-25 {
             .opacity-25 {
                 opacity: .25;
                 opacity: .25;
             }
             }
@@ -100,91 +218,84 @@
             }
             }
             .xl\:w-32 {
             .xl\:w-32 {
                 width: 8rem;
                 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>
        </style>
-            <div class="relative bg-gray-900">
+        <section class="cover-user">
-                <div class="h-80 w-full bottom-0 xl:inset-0 xl:h-full">
+            <div class="container-fluid px-0">
-                    <div class="h-full w-full xl:grid xl:grid-cols-2">
+                <div class="row g-0 position-relative">
-                        <div class="h-full xl:relative xl:col-start-2"> 
+                    <div class="col-lg-7 padding-less ">
-                            <img src="web/images/background-Qapply.jpg" alt="" class="h-full w-full object-cover opacity-25 xl:absolute xl:inset-0">
+                        <div class="bg-left" style="height: 100%; width: 100%; background: url('web/images/background.jpg') center center; background-repeat: no-repeat !important;">
-                            <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 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>                  
+                    <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>
-                <!-- <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>
-                    <div class="relative pt-12 pb-64 sm:pt-24 sm:pb-64 xl:col-start-1 xl:pb-24">
+        </section>
-                        <h2 class="text-base font-semibold text-indigo-300"></h2>
+
+        <!-- <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> -->
+                </div>
-                
+            </div>
-            </div><!--end container fluid-->
+        </div>  -->
+
         <!-- javascript -->
         <!-- javascript -->
         <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
         <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
         <!-- tobii js -->
         <!-- tobii js -->
@@ -196,7 +307,12 @@
         <!-- Main Js -->
         <!-- Main Js -->
         <script src="{{asset('web/js/plugins.init.js')}}"></script>
         <script src="{{asset('web/js/plugins.init.js')}}"></script>
         <script src="{{asset('web/js/app.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/pnotify/pnotify.js') }}"></script>
         <script src="{{ asset('css/noty/lib/noty.min.js') }}"></script>
         <script src="{{ asset('css/noty/lib/noty.min.js') }}"></script>
+        <script src="{{ asset('css/wait-me/waitMe.min.js') }}"></script>
+    
         </body>
         </body>
   </html>
   </html>
+

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

@@ -1,6 +1,6 @@
 @if(count($students) >0)
 @if(count($students) >0)
     <div class="col-md-12 bg-white" style="padding:10px; height:500px;">
     <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">
         <div class="table-responsive">
             <table class="table table-bordered list_table">
             <table class="table table-bordered list_table">
                 <thead>
                 <thead>
@@ -18,10 +18,10 @@
                 @foreach($students as $key=>$row)
                 @foreach($students as $key=>$row)
                     <tr>
                     <tr>
                         <td style="font-size: 11px;">{{$key+1}}</td>
                         <td style="font-size: 11px;">{{$key+1}}</td>
-                        <td>
+                        <td style="width: 20%;">
                             <div style="display:flex;">
                             <div style="display:flex;">
                                 @if($row->student_details->nationality)
                                 @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
                                 @endif
                                 <div class="alert" style="background-color:white; padding: 3px 7px; margin-bottom: 0px;">
                                 <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;">
                                     <div style="font-size: 12px; font-weight: 600; color: black; text-transform: capitalize;">
@@ -36,7 +36,7 @@
                                 </div>
                                 </div>
                             </div>
                             </div>
                         </td>
                         </td>
-                        <td style="font-size: 11.5px;">
+                        <td style="font-size: 11.5px; width: 17%;">
                             <div style="display:flex;"> 
                             <div style="display:flex;"> 
                                 <div class="alert" style="background-color:white; padding: 3px 7px; margin-bottom: 0px;">
                                 <div class="alert" style="background-color:white; padding: 3px 7px; margin-bottom: 0px;">
                                     <div style="font-size: 11.5px; font-weight: 600; display:block;">
                                     <div style="font-size: 11.5px; font-weight: 600; display:block;">
@@ -99,7 +99,7 @@
                                 </div>
                                 </div>
                             </div>
                             </div>
                         </td>
                         </td>
-                        <td style="font-size: 11px;">
+                        <td style="font-size: 11px; width: 30%;">
                             @php
                             @php
                                 $hashids = new \Hashids\Hashids('application', 25);
                                 $hashids = new \Hashids\Hashids('application', 25);
                             @endphp
                             @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 {
 .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;
     background-color: #141639c4 !important;
     color: white!important;
     color: white!important;
-    border-radius:0px !important;
+    border-radius: 0px !important;
+    border-color: #141639c4 !important;
 }
 }
 .nav-pills .nav-link{
 .nav-pills .nav-link{
     color: white !important;
     color: white !important;
@@ -140,10 +141,6 @@ h1, h2, h3, h4, h5, h6 {
     padding: 4px 6px;
     padding: 4px 6px;
     border: 1px solid #ceccda;
     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{
 .form-check-input.form-check-input:checked{
     background-color: #2f55d4 !important;
     background-color: #2f55d4 !important;
     border-radius: 7px !important;
     border-radius: 7px !important;
@@ -523,22 +520,24 @@ element.style {
     font-size: 11px !important;
     font-size: 11px !important;
 }
 }
 /* new css */
 /* new css */
-.shadow {
+.sidebar-wrapper .sidebar-menu ul li:hover>a {
-    box-shadow: none !important;
+    background-color: #141639c4 !important;
+    color: white;
+    border-radius: 0px !important;
 }
 }
-.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
+.site-header {
-    background-color: #dedbf1;
+    position: fixed;
-    font-size: 9px;
+    top: 0;
-    color: #2e1153  !important;
+    left: 0;
-    padding: 2px 15px !important;
+    width: 100%;
-    border-radius: 12px !important;
+    height: auto;
+    max-height: 80px;
+    background: #fff;
+    padding: 0px 15px 0 0;
+    z-index: 80;
 }
 }
-.nav-pills .nav-link.active{
+.shadow {
-    background-color: #dedbf1;
+    box-shadow: none !important;
-    font-size: 9px;
-    color: #ffffff !important;
-    padding: 2px 15px !important;
-    border-radius: 12px !important;
 }
 }
 .profile_top_part_info {
 .profile_top_part_info {
     background: white;
     background: white;
@@ -576,7 +575,6 @@ element.style {
 }
 }
 .profile_top_part_info .whole_part .right_part .right_part_right {
 .profile_top_part_info .whole_part .right_part .right_part_right {
     width: 100%;
     width: 100%;
-    margin-top: 10px;
 }
 }
 .right_part_right_whole {
 .right_part_right_whole {
     display: flex;
     display: flex;
@@ -764,7 +762,7 @@ element.style {
     font-weight: 600;
     font-weight: 600;
     display: block;
     display: block;
 }
 }
-.method{
+.method {
     background-color: #ffad00;
     background-color: #ffad00;
     margin-top: -23px;
     margin-top: -23px;
     font-size: 12px !important;
     font-size: 12px !important;
@@ -772,14 +770,12 @@ element.style {
     padding-left: 9px;
     padding-left: 9px;
     border-radius: 5px;
     border-radius: 5px;
     font-weight: 600 !important;
     font-weight: 600 !important;
-    margin-left: 17px;
+    width: 23%;
-    width: 18%;
-    margin-bottom: 0px;
 }
 }
 .method-box{
 .method-box{
     width: 30%;
     width: 30%;
-    border: 1px solid #eee;
+    border-right: 1px solid #eee;
-    border-radius: 5px;
+    border-radius: 0px;
 }
 }
 .pro_top_rating {
 .pro_top_rating {
     border: none;
     border: none;
@@ -816,77 +812,163 @@ element.style {
   }
   }
 </style>
 </style>
 <body>
 <body>
-        <header id="" class="defaultscroll sticky">
+<header id="" class="site-header">
-            <div class="container-fluid">
+    <div class="container-fluid">
-                <div class="row">
+        <div class="row">
-                    <div class="col-lg-12">
+            <div class="col-lg-12">
-                        <nav class="mt-2 header-navbar navbar-expand-lg navbar-fixed align-items-center navbar-brand-center">
+                <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="navbar-container d-flex content">
-                                    <div class="col-md-11" style="width: 90%;">
+                            <div class="col-md-6" >
-                                        <div class="d-flex align-items-center">
+                                <div class="d-flex align-items-center">
-                                            <ul class="nav navbar-nav mr-auto header_left">
+                                    <ul class="nav navbar-nav mr-auto header_left">
-                                                <li class="nav-item d-flex">
+                                        <li class="nav-item d-flex">
-                                                    <div class="col md-6 mt-1 mb-1" style="margin-left: 10px;">
+                                            <div class="col md-6 mt-1 mb-1" style="margin-left: 10px;">
-                                                        <a class="logo" href="index.html">
+                                                <a class="logo" href="index.html">
-                                                            <h3 style="font-family:Ubuntu !important; color: #3c4858 !important; font-size: 30px !important;">Research Admission</h3>
+                                                    <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>
                                                 </a>
                                                 </a>
-                                            </li>
+                                            </div>
-                                        </ul>
+                                        </li>
-                                        <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
+                                    </ul>
-                                            <li class="nav-item dropdown dropdown-notification">
+                                </div>
-                                                <a href="{{ url('teacher-logout') }}"
+                            </div>
-                                                    onclick="event.preventDefault();
+                            <div class="col-md-6" style="display: flex; justify-content: end; width: 49.6%;">
-                                                                    document.getElementById('logout-form').submit();">
+                                <div >
-                                                    <i class="fa fa-sign-out change_pass_btn"></i>
+                                    <div style="border: 1px solid #e2e9ff; width: auto; border-radius: 10px; display: flex; height: 60%; margin-top: 11px;">
-                                                </a>
+                                        @if(\Auth::guard('teacher')->user()->is_available ==0)
-                                                <form id="logout-form" action="{{ url('teacher-logout') }}" method="POST" class="d-none">
+                                            <p class="form-check-label ms-2" style="font-size: 11px; margin-top: 9px;">Not Available for Supervision</p>
-                                                    @csrf
+                                        @endif
-                                                </form>
+                                        <div class="form-check form-switch ms-3" id="" style="margin-top: 6px;">
-                                            </li>
+                                            <input class="form-check-input teacher_is_available" type="checkbox" name="is_available" value="" @if(\Auth::guard('teacher')->user()->is_available ==0) checked @endif>
-                                        </ul>
+                                            @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>
                                 </div>
                                 </div>
-                            </nav>
+                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
-                        </div> 
+                                    <li class="nav-item dropdown dropdown-notification">
-                    </div>   
+                                        <a href="javascript:void(0)" class="open_modal_page" data-url="{{route('modal-get',['name'=>'add_wishlist'])}}" data-title="Wishlist">
-                </div>                    
+                                        <button class="btn btn2" style="padding: 6px 10px !important;">New Invite</button>
-        </header>
+                                        </a>
-        <!-- Hero Start -->
+                                    </li>
-       <section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef;">
+                                </ul>
-            <div class="container-fluid">
+                                @php
-               <div class="row">
+                                    $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="col-md-12 mt-4" style="padding-left: 21px; padding-right: 25px;">
                         <div class="card profile_top_part_info">
                         <div class="card profile_top_part_info">
                             <div class="whole_part">
                             <div class="whole_part">
@@ -921,11 +1003,11 @@ element.style {
                                                     </span>
                                                     </span>
                                                 </div>
                                                 </div>
                                             </div>
                                             </div>
-                                            <div class="mt-1 p-3 method-box ms-3" style="width: 65%; border: 1px solid #eee; background-color: white;"> 
+                                            <div class="mt-3 p-3 method-box ms-3" style="width: 65%; border-right: 1px solid #eee; background-color: white;"> 
-                                                <h6 class="method mb-3"> 
+                                                <h6 class="method"> 
-                                                     Apply Ref: {{$proposal_details->student_apply_ref ?? "N/A"}}
+                                                        Apply Ref: {{$proposal_details->student_apply_ref ?? "N/A"}}
-                                                     
+                                                        
-                                                     {{-- {{cn($proposal_details,'teacher_details.ref_no','')}} --}}
+                                                        {{-- {{cn($proposal_details,'teacher_details.ref_no','')}} --}}
                                                 </h6>
                                                 </h6>
                                                 <span>
                                                 <span>
                                                     <strong style="font-size: 14px;">
                                                     <strong style="font-size: 14px;">
@@ -953,7 +1035,7 @@ element.style {
                                                 </div>
                                                 </div>
                                                 
                                                 
                                             </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="card shadow rounded border-0" style="background-color: white;">
                                                     <div class="info-palate mt-0" style="margin:0px;">
                                                     <div class="info-palate mt-0" style="margin:0px;">
                                                         <div class="left">
                                                         <div class="left">
@@ -1019,7 +1101,7 @@ element.style {
                                                                         @endif
                                                                         @endif
                                                                         @if($proposal_details->proposal_status==4)
                                                                         @if($proposal_details->proposal_status==4)
                                                                         <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
                                                                         <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
-                                                                           Hold
+                                                                            Hold
                                                                         </span>
                                                                         </span>
                                                                         @endif
                                                                         @endif
                                                                         @if($proposal_details->proposal_status==5)
                                                                         @if($proposal_details->proposal_status==5)
@@ -1027,7 +1109,7 @@ element.style {
                                                                             Interested
                                                                             Interested
                                                                         </span>
                                                                         </span>
                                                                         @endif
                                                                         @endif
-                                                                         
+                                                                            
                                                                         @if($proposal_details->proposal_status==6)
                                                                         @if($proposal_details->proposal_status==6)
                                                                         <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
                                                                         <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
                                                                             Rejected
                                                                             Rejected
@@ -1106,7 +1188,7 @@ element.style {
                                                         <span class="point_number" style="font-weight: 700;">{{cn($proposal_details,'scores.speaking','')}} ,
                                                         <span class="point_number" style="font-weight: 700;">{{cn($proposal_details,'scores.speaking','')}} ,
                                                         </span>
                                                         </span>
                                                     </span>
                                                     </span>
-                                                 </div>
+                                                    </div>
                                                 <div class="result-part" style="font-size: 11px;">
                                                 <div class="result-part" style="font-size: 11px;">
                                                     <span class="single_point ms-2">Listening: 
                                                     <span class="single_point ms-2">Listening: 
                                                         <span class="point_number" style="font-weight: 700;">{{cn($proposal_details,'scores.listening','')}} ,
                                                         <span class="point_number" style="font-weight: 700;">{{cn($proposal_details,'scores.listening','')}} ,
@@ -1161,7 +1243,6 @@ element.style {
                             
                             
                         </div>
                         </div>
                     </div><!--end col-->
                     </div><!--end col-->
-
                     <div class="col-md-9 mt-4" style="padding: 3px;">
                     <div class="col-md-9 mt-4" style="padding: 3px;">
                         <div class="card border-0" style="border-radius:6px !important;">
                         <div class="card border-0" style="border-radius:6px !important;">
                             <div class="container-fluid">
                             <div class="container-fluid">
@@ -1201,7 +1282,7 @@ element.style {
                                                     </span>
                                                     </span>
                                                 </div>
                                                 </div>
                                             </div>
                                             </div>
-                                           
+                                            
                                         </div> 
                                         </div> 
                                     </div>  
                                     </div>  
                                     @endif
                                     @endif
@@ -1222,14 +1303,14 @@ element.style {
                                                                                                                         
                                                                                                                         
                                                 
                                                 
                                             </div><!--end col-->
                                             </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="info-palate mt-0" style="margin-left: -4px;">
                                                     <div class="left">
                                                     <div class="left">
                                                         <div id="doc_required_load"></div> 
                                                         <div id="doc_required_load"></div> 
                                                                                                                         
                                                                                                                         
                                                         </div>     
                                                         </div>     
                                                     </div>
                                                     </div>
-                                                     @if(count($doc_info) > 0)
+                                                        @if(count($doc_info) > 0)
                                                     <div class="col-md-12" style="float: right; margin-top:5px;">  
                                                     <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 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> 
                                                         </span> 
@@ -1270,7 +1351,7 @@ element.style {
                                                                 <div class="tab-content bg-white rounded-bottom shadow" id="pills-tabContent">
                                                                 <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="card border-0 tab-pane fade show active" id="propose" role="tabpanel" aria-labelledby="proposal">
                                                                         <div class="row align-items-center">
                                                                         <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)
                                                                                 @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>
                                                                                     <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> -->
                         </div> -->
-                   </div>
+                    </div>
-                </div><!--end row-->
+                    </div>
-            </div><!--end container-->
+                </div>
-        </section><!--end section-->
+        </div><!--end row-->
+    </div><!--end container-->
+</section><!--end section-->
         <!-- Hero End -->
         <!-- Hero End -->
       <!-- Main Js -->
       <!-- Main Js -->
       <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
       <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>