home

resources/views/home.blade.php

@@ -1,7 +1,7 @@
 @extends('web.layouts.master')
 @section('content') 
         <section class="bg-half-170 d-table w-100" style="background-color: #efefef;">
-            <div class="container mt-5 pt-3 mb-4">
+            <div class="container mt-5 pt-4 mb-4">
                 <div class="col-md-12">
                     <div class="card p-2 rounded border-0" style="background-color: #16183f1c; color: #141639c4;">
                         <div class="col-md-12">
@@ -30,8 +30,8 @@
                                     <div class="row" style="display:flex;">
                                         <div class="mb-1">
                                             <div class="form-icon position-relative" style="display:flex;">
-                                                <input type="text" class="form-control" id="teacher_ref_no" placeholder="Please type your Supervisor's ARN here" name="teacher_ref_no" required="" style="font-size:13px; border-radius: 6px 17px 17px 6px;">
-                                                <sapn class="search_button hand"  style="margin-left: -5.7rem; border: 2px solid #ccc; width: 13%; border-radius: 18px 18px 18px 18px; background-color: #141639c4 !important; color: white; font-weight: 700;"><span style="display:block;margin-left:18px; margin-top:8px; cursor: pointer;">Search</span></span>
+                                                <input type="text" class="form-control search-box" id="teacher_ref_no" placeholder="Please type your Supervisor's ARN here" name="teacher_ref_no" required="">
+                                                <sapn class="search_button hand search-btn"><span style="display:block;margin-left:18px; margin-top:8px; cursor: pointer;">Search</span></span>
                                             </div>
                                             <div id="load_data"></div> 
                                         </div> 

resources/views/ref_search_load.blade.php

@@ -11,7 +11,54 @@
                 <span class="text-muted" style="font-weight: 500;">{{$row->university_name}}</span>
             </div>
             <div class="col-md-2 mt-3">
-                <span class="btn btn3 apply_student" data-id="{{ $row->id }}" style="margin-left: 1.1rem;">Apply</span>  
+                <span class="btn btn3 apply_student" data-id="{{ $row->id }}" style="margin-left: 1.1rem;" onclick="document.getElementById('id01').style.display='block'">Apply</span>  
+                <div id="id01" class="apply-modal mt-2">
+                    <div class="apply-modal-content apply-animate-top apply-card-4">
+                        <header class="container apply-teal mb-3"> 
+                            <span onclick="document.getElementById('id01').style.display='none'" 
+                            class="w3-button w3-display-topright">&times;</span>
+                            <h5 class="mt-3 p-3" style="font-weight: bold;">Submit your Proposal</h5>
+                        </header>
+                        <div class="container">
+                            <div class="middle p-3" style="background-color:white;">
+                                <p class="mt-3 mb-3" style="font-size:14px;">Please select which proposal you want to send</p>
+                                <div class="alert mt-1 mb-3 propose">
+                                    <div>
+                                        <div class="custom-control custom-radio custom-control-inline">
+                                            <div class="form-check mb-0">
+                                                <input class="form-check-input" checked type="radio" name="flexRadioDefault" id="flexRadioDefault1">
+                                                <label class="form-check-label" for="flexRadioDefault1">Proposal 1</label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div> 
+                                <div class="alert mt-1 mb-3 propose">
+                                    <div>
+                                        <div class="custom-control custom-radio custom-control-inline">
+                                            <div class="form-check mb-0">
+                                                <input class="form-check-input" checked type="radio" name="flexRadioDefault" id="flexRadioDefault1">
+                                                <label class="form-check-label" for="flexRadioDefault1">Proposal 2</label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="alert mt-1 mb-3 propose">
+                                    <div>
+                                        <div class="custom-control custom-radio custom-control-inline">
+                                            <div class="form-check mb-0">
+                                                <input class="form-check-input" checked type="radio" name="flexRadioDefault" id="flexRadioDefault1">
+                                                <label class="form-check-label" for="flexRadioDefault1">Proposal 2</label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-12 text-end">
+                                <button type="submit" class="btn btn1 mt-3 mb-3" style="padding: 3px 18px;">Submit</button>
+                            </div> 
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
@@ -39,16 +86,18 @@
                 _token: "{{ csrf_token() }}",
                 id: id
             }
-            swal({
-                title: "Are you sure?",
-                text: "Do you want to send email!",
-                type: "warning",
-                showCancelButton: true,
-                confirmButtonClass: "btn-success",
-                cancelButtonClass: "btn-danger",
-                confirmButtonText: "Yes",
-                cancelButtonText: "No"
-            },function(isConfirm){
+            swal(
+            //     {
+            //     title: "Are you sure?",
+            //     text: "Do you want to send email!",
+            //     type: "warning",
+            //     showCancelButton: true,
+            //     confirmButtonClass: "btn-success",
+            //     cancelButtonClass: "btn-danger",
+            //     confirmButtonText: "Yes",
+            //     cancelButtonText: "No"
+            // },
+            function(isConfirm){
                 if(isConfirm){
                     $.post("{{ route('ajax-post', ['name'=>'send_apply_student_teacher_email']) }}", form_data, function(res){
 

resources/views/web/layouts/header.blade.php

@@ -33,7 +33,7 @@
     <div class="container-fluid" style="padding: 0px;">
         <div id="navigation" style="border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color: #141639c4;">
             <!-- Navigation Menu-->   
-            <ul class="navigation-menu" style="margin-top: 15px; margin-bottom: -14px; margin-left: 13.2rem;">
+            <ul class="navigation-menu" style="margin-top: 15px; margin-bottom: -14px; margin-left: 14rem;">
                 <li><a href="{{ url('/home') }}" class="sub-menu-item active" style="margin-top: -2rem; margin-left: -1.4rem;">Home</a></li>
                 <li class="has-submenu parent-parent-menu-item">
                     <a href="{{ url('application') }}" class="sub-menu-item" style="margin-top: -2rem;">Application</a>

resources/views/web/layouts/top.blade.php

@@ -69,7 +69,7 @@ p{
     font-family: 'Quicksand', sans-serif !important; 
 }
 .bg-half-170 {
-    padding:68px 0px 5px;
+    padding:73px 0px 5px;
 }
 #topnav {
     background-color: #ffff;
@@ -528,22 +528,6 @@ tbody, td, tfoot, th, thead, tr {
     height:595px !important;
     background-color:#dedbf1 !important;
 }
- /* .nav-link:hover{
-   
-    width: 231px !important;
-    border-radius: 0px !important;
-    background-color: #2e1153 !important;
-    color: white !important;
-    transition: none !important;
-}
-.nav-pills .nav-link.active{
-    width: 231px !important;
-    border-radius: 0px !important;
-    background-color: #2e1153 !important;
-    color: white !important;
-}  */
-
-
 element.style {
     border-bottom: 0.5px dashed #e3e8ec;
     padding-bottom: 10px;
@@ -645,7 +629,7 @@ element.style {
 }
 .apply-modal-content {
     margin: auto;
-    background-color: #fff;
+    background-color: #eee;
     padding: 0;
     outline: 0;
     width: 50%;
@@ -661,6 +645,13 @@ element.style {
     color: #fff!important;
     background-color: #141639c4!important;
     height: 57px;
+    padding:0px;
+}
+.propose{
+    font-size: 12px !important; 
+    color: black; 
+    border-radius: 6px; 
+    padding: 8px 15px;
 }
 </style>
 @stack('css')