Merge branch 'master' of https://revinr.site/mostafij-revinr/student-admission

wq

resources/views/admin/admin_profile.blade.php

@@ -166,7 +166,7 @@ tbody, td, tfoot, th, thead, tr {
     line-height: 1.3;
     letter-spacing: .2px;
     font-weight: 600;
-    background-image: linear-gradient(to right, rgb(46 17 83 / 19%), rgb(245, 244, 253));
+    /* background-image: linear-gradient(to right, rgb(46 17 83 / 19%), rgb(245, 244, 253)); */
 }
 .label_badge_no {
     color: red;
@@ -506,66 +506,131 @@ tbody, td, tfoot, th, thead, tr {
                         <h6>Application</h6>
                     </div><!--end teb pane-->
 
-                    <div class="tab-pane fade p-2 bg-white rounded" id="stnd" role="tabpanel" aria-labelledby="students">
+                    <div class="tab-pane fade p-2 rounded" id="stnd" role="tabpanel" aria-labelledby="students">
                         <div class="col-md-12">
-                            <div class="table-responsive">
-                                <table class="table table-bordered list_table">
-                                    <thead>
-                                        <tr>
-                                            <th>Sl</th>
-                                            <th>Name</th>
-                                            <th>Email</th>
-                                            <th>Signed Up</th>
-                                            <th>Application</th>
-                                            <th class="text-center" style="width: 12%;">Account Type</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        @if(count($register_student_list) > 0)
-                                            @foreach($register_student_list as $key=>$row)
-                                                <tr>
-                                                    <td style="font-size: 11px;">{{++$key}}</td>
-                                                    <td style="font-size: 11px;">
-                                                        <div class="scrolled_content_part">
-                                                            <div class="single_ad_pref_item">
-                                                                <div class="left" style="width:50%;"> 
-                                                                    <div class="uni_details" style="display:flex;">
-                                                                        <div class="inner_left mt-1" style="border: 1px solid black; border-radius: 20px; padding: 9px 4px 5px 8px; height: 37px; width: 37px;">
-                                                                            <i class="fa fa fa-university ms-1"></i>
-                                                                        </div>
-                                                                        <div class="inner_right ms-2">
-                                                                            <strong style="font-size:13px;">{{$row->first_name}} {{$row->last_name }}</strong></br>
-                                                                            <strong style="font-size:10px !important; font-weight:100 !important;">@if($row->dob){{date('d M Y',strtotime($row->dob))}} @endif</strong></br>
-                                                                            <strong style="font-size:10px; font-weight:100 !important;">
-                                                                                @if($row->gender=='male')
-                                                                                    Male
-                                                                                @else
-                                                                                   Female
-                                                                                @endif
-                                                                            </strong>
-                                                                        </div>
-                                                                    </div>
-                                                                </div>                                  
+                            <div class="row">
+                                <div class="col-md-12 mb-4" style="padding: 0px; margin-top: -2.4rem; ">
+                                    <ul class="nav nav-pills flex-column flex-sm-row d-md-inline-flex nav-justified mb-0 rounded-top position-relative overflow-hidden" id="pills-tab" role="tablist">
+                                        <li class="nav-item m-1 ms-2 tech">
+                                            <a class="nav-link  active rounded" id="student-register" data-bs-toggle="pill" href="#registers" role="tab" aria-controls="registers" aria-selected="false" style="width:114px;">
+                                                Registered
+                                            </a>
+                                        </li>   
+                                        <li class="nav-item m-1 ms-2 tech">
+                                            <a class="nav-link rounded" id="referral" data-bs-toggle="pill" href="#refer" role="tab" aria-controls="refer" aria-selected="false" style="width:114px;">
+                                                Referral 
+                                            </a>
+                                        </li>                                            
+                                    </ul>
+                                </div> 
+                                <div class="col-md-12">
+                                    <div class="row align-items-center">
+                                        <div class="card rounded border-0 p-3" style="background-color:white;">   
+                                            <div class="row">
+                                                <div class="tab-content" id="pills-tabContent">
+                                                    <div class="card border-0 tab-pane fade show active" id="registers" role="tabpanel" aria-labelledby="student-register">
+                                                        <div class="row align-items-center">
+                                                            <div class="col-md-12"> 
+                                                                <div class="table-responsive">
+                                                                    <table class="table table-bordered list_table" style="margin: 0px;">
+                                                                        <thead>
+                                                                            <tr>
+                                                                                <th>Sl</th>
+                                                                                <th>Name</th>
+                                                                                <th>Email</th>
+                                                                                <th>Signed Up</th>
+                                                                                <th>Application</th>
+                                                                                <th class="text-center" style="width: 12%;">Account Type</th>
+                                                                            </tr>
+                                                                        </thead>
+                                                                        <tbody>
+                                                                            @if(count($register_student_list) > 0)
+                                                                                @foreach($register_student_list as $key=>$row)
+                                                                                    <tr>
+                                                                                        <td style="font-size: 11px;">{{++$key}}</td>
+                                                                                        <td style="font-size: 11px;">
+                                                                                            <div class="scrolled_content_part">
+                                                                                                <div class="single_ad_pref_item">
+                                                                                                    <div class="left" style="width:50%;"> 
+                                                                                                        <div class="uni_details" style="display:flex;">
+                                                                                                            <div class="inner_left mt-1" style="border: 1px solid black; border-radius: 20px; padding: 9px 4px 5px 8px; height: 37px; width: 37px;">
+                                                                                                                <i class="fa fa fa-university ms-1"></i>
+                                                                                                            </div>
+                                                                                                            <div class="inner_right ms-2">
+                                                                                                                <strong style="font-size:13px;">{{$row->first_name}} {{$row->last_name }}</strong></br>
+                                                                                                                <strong style="font-size:10px !important; font-weight:100 !important;">@if($row->dob){{date('d M Y',strtotime($row->dob))}} @endif</strong></br>
+                                                                                                                <strong style="font-size:10px; font-weight:100 !important;">
+                                                                                                                    @if($row->gender=='male')
+                                                                                                                        Male
+                                                                                                                    @else
+                                                                                                                    Female
+                                                                                                                    @endif
+                                                                                                                </strong>
+                                                                                                            </div>
+                                                                                                        </div>
+                                                                                                    </div>                                  
+                                                                                                </div>
+                                                                                            </div>
+                                                                                        </td>
+                                                                                        <td style="font-size: 11px;">{{$row->email}}</td>
+                                                                                        <td style="font-size: 11px;">{{date('d M Y', strtotime($row->created_at))}}</td>
+                                                                                        <td style="font-size: 11px;">test</td>
+                                                                                        <td style="font-size: 11px; text-align:center;">
+                                                                                            <span class="label_badge_radius" style="background-color: #d8fdd8; color: green;">Free</span>
+                                                                                        </td>
+                                                                                    </tr>
+                                                                                @endforeach
+                                                                            @else
+                                                                            <tr>
+                                                                                <td colspan="6" class="text-center">
+                                                                                    <span class="text-danger">No data found!</span>
+                                                                                </td>
+                                                                            </tr>
+                                                                            @endif
+                                                                        </tbody>
+                                                                    </table>
+                                                                </div>
                                                             </div>
                                                         </div>
-                                                    </td>
-                                                    <td style="font-size: 11px;">{{$row->email}}</td>
-                                                    <td style="font-size: 11px;">{{date('d M Y', strtotime($row->created_at))}}</td>
-                                                    <td style="font-size: 11px;">test</td>
-                                                    <td style="font-size: 11px; text-align:center;">
-                                                        <span class="label_badge_radius" style="background-color: #d8fdd8; color: green;">Free</span>
-                                                    </td>
-                                                </tr>
-                                            @endforeach
-                                        @else
-                                        <tr>
-                                            <td colspan="6" class="text-center">
-                                                <span class="text-danger">No data found!</span>
-                                            </td>
-                                        </tr>
-                                        @endif
-                                    </tbody>
-                                </table>
+                                                    </div>                                                    
+                                                    <div class="card border-0 tab-pane fade show" id="refer" role="tabpanel" aria-labelledby="referral">
+                                                        <div class="row align-items-center">
+                                                            <div class="col-md-12"> 
+                                                                <div class="table-responsive">
+                                                                    <table class="table table-bordered list_table" style="margin: 0px;">
+                                                                        <thead>
+                                                                            <tr>
+                                                                                <th>Sl</th>
+                                                                                <th>Name</th>
+                                                                                <th>Email</th>
+                                                                                <th>Reffered</th>
+                                                                                <th>Reffered by</th>
+                                                                                <th class="text-center">Signed up</th>
+                                                                            </tr>
+                                                                        </thead>
+                                                                            <tbody>
+                                                                                <tr>
+                                                                                    <td style="font-size: 11px;">1</td>
+                                                                                    <td style="font-size: 11px;">Mr X</td>
+                                                                                    <td style="font-size: 11px;">x@mail.com</td>
+                                                                                    <td style="font-size: 11px;">20 Mar</td>
+                                                                                    <td style="font-size: 11px;">Mr z</td>
+                                                                                    <td style="font-size: 11px; text-align:center;">
+                                                                                        <span class="label_badge_radius" style="background-color: #d8fdd8; color: green;">Yes</span><br>
+                                                                                        <span>23 Mar</span>
+                                                                                    </td>
+                                                                                </tr>
+                                                                        </tbody>
+                                                                    </table>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
                             </div>
                         </div><!--end col-->
                     </div><!--end teb pane-->

resources/views/application.blade.php

@@ -1,6 +1,6 @@
 @extends('web.layouts.master')
 @section('content') 
-        <section class="bg-half-170 d-table w-100" style="background-color: #efefef; height:100vh; padding:154px 0px 5px;">
+        <section class="bg-half-170 d-table w-100" style="background-color: #efefef; height:100vh; padding:121px 0px 5px;">
             <div class="container">
                 <div class="row align-items-center p-3">
                     <div class="col-md-12 mt-2">
@@ -8,7 +8,7 @@
                             <div class="col-md-10" style="width:83%;">
                                 <div class="content_header ml-0">
                                     <div class="right">
-                                        <span class="main_title" style="font-weight:700;">My Application</span>
+                                        <h6 style="font-weight:bold !important; margin: 0px; color: #141639c4;">MY APPLICATION</h6>
                                     </div>
                                 </div>
                             </div>
@@ -20,14 +20,14 @@
                     <div class="col-md-12">
                         <div class="scrolled_content_part">
                             @foreach($student_proposal as $key=>$row)
-                            <div class="single_ad_pref_item">  
-                                <div class="p-3" style="border-top: 1px solid #eee; border-bottom-style: dashed; border-width: 0.5px 0px 0.5px; border-bottom-color: #eee; border-left: 1px solid #eee;  border-right: 1px solid #eee; display:flex;">
+                            <div class="single_ad_pref_item mb-4">  
+                                <div class="p-2" style="display:flex;">
                                     <div class="left" style="width:50%;"> 
                                         <div class="uni_details" style="display:flex;">
                                             <div class="inner_left mt-1" style="border: 1px solid black; border-radius: 20px; padding: 6px; height: 37px; width: 37px;">
                                                 <i class="fa fa fa-university ms-1"></i>
                                             </div>
-                                            <div class="alert" style="background-color:white; padding: 3px 7px;"> 
+                                            <div class="alert" style="background-color:white; padding: 3px 7px; margin-bottom: 0px;"> 
                                                 <strong style="font-size:13px;">{{ cn($row,'teacher_details.first_name','')}} {{ cn($row,'teacher_details.last_name','')}}</strong></br>
                                                     <span style="font-size:10px; font-weight:400;"> {{cn($row,'teacher_details.designation','')}} </span>
                                                     <span>.</span>
@@ -43,15 +43,17 @@
                                     </div>
                                     <div class="text-end" style="width:50%;">
                                         <span style="font-size:11px;">Apply Reference</span><br>
-                                        <span class="label_badge_radius" style="font-size:11px !important; font-weight:800;">{{$row->student_apply_ref ?? ''}}</span>
+                                        <span class="label_badge_radius" style="background-color: #141639c4; color: white; border-radius: 4px; font-size:11px !important; font-weight:800;">{{$row->student_apply_ref ?? ''}}</span>
                                     </div>
                                 </div>  
-                                <div class="p-3" style="display:flex; border-width: 0px 0px 0.5px; border-top-style: dashed; border-top-color: #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom-style: dashed; border-bottom-color: #eee;">
+                                <div class="p-2" style="display:flex; border-top: 1px solid #eee;">
                                     <div class="left" style="width:50%;"> 
                                         <div class="uni_details" style="display:flex;">
                                             <div class="inner_right ms-5">
-                                                <strong style="font-size:13px;">({{cn($row,'proposal.proposal_ref','')}}) - {{cn($row,'proposal.title','')}}</strong></br>
-                                                    <div style="margin-top: -8px;">
+                                                <strong style="font-size:13px; font-weight: 400;">{{cn($row,'proposal.title','')}}</strong></br>
+                                                    <div style="margin-top: -2px;">
+                                                        <span style="font-size:10px;">{{cn($row,'proposal.proposal_ref','')}}</span>
+                                                        <span>.</span>
                                                         <span style="font-size:10px;">{{cn($row,'proposal.methology','')}}</span>
                                                         <span>.</span>
                                                         <span style="font-size:10px;">{{cn($row,'proposal.department','')}}</span> 
@@ -62,18 +64,18 @@
                                         </div>
                                     </div>
                                 </div>                                  
-                                <div class="p-3" style="display:flex; border-width: 0px 0px 0.5px; border-top-style: dashed; border-top-color: #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom-style: dashed; border-bottom-color: #eee;">
+                                <div class="p-2" style="display:flex; border-top: 1px solid #eee;">
                                     <div class="left" style="width:50%;">
                                         <div class="uni_details" style="display:flex;">
                                             <div class="inner_right ms-5">
-                                                <span style="font-size:11px;">Start Date : {{ date('M Y', strtotime($row->created_at))}}</span><br>
+                                                <span style="font-size:11px;">Preferred Start Date : <br><strong>{{ date('M Y', strtotime($row->created_at))}}</strong></span><br>
                                             </div>
                                         </div>
                                     </div>
                                     <div class="text-end" style="width:50%;">
                                         <span style="font-size:11px;">Application Status </span><br>
-                                        <span class="label_badge_radius" style="background-color: #d8fdd8; color: green;">Applied</span>
-                                        <h6 style="font-size:11px !important; font-weight:800;"></h6>
+                                        <span class="label_badge_radius" style="background-color: #d8fdd8; color: green; border-radius: 5px; font-weight: bold;">Applied</span>
+                                        
                                     </div>
                                 </div> 
                             </div> 

resources/views/explore.blade.php

@@ -1,29 +1,10 @@
 @extends('web.layouts.master')
 @section('content') 
-        <section class="bg-half-170 d-table w-100">
+        <section class="bg-half-170 d-table w-100" style="padding : 175px 0px 0px; height: 93vh;">
             <div class="container">
                 <div class="row align-items-center">
-                    <div class="col-md-6">
-                        <div class="title-heading mt-4">
-                            <h1 class="display-4 fw-bold mb-3">Explore</h1>
-                            <p class="para-desc text-muted">Launch your campaign and benefit from our expertise on designing and managing conversion centered bootstrap v5 html page.</p>
-                        </div>
-
-                        <div class="subcribe-form mt-4 pt-2">
-                            <form>
-                                <input type="email" id="email" name="email" class="border bg-white rounded-pill" required placeholder="Email Address">
-                                <button type="submit" class="btn btn-pills btn-primary">Get Started</button>
-                            </form><!--end form-->
-                        </div>
-                        
-                        <div class="form-check mt-3">
-                            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
-                            <label class="form-check-label" for="flexCheckDefault">I Accept <a href="#" class="text-primary">Terms And Condition</a></label>
-                        </div>
-                    </div><!--end col-->
-
-                    <div class="col-md-6">
-                        <img src="images/illustrator/Creativity-bro.svg" alt="">
+                    <div class="col-md-12 pt-5 mt-5">
+                        <h1 style="font-weight: bold; text-align: center;">Coming Soon...</h1>
                     </div><!--end col-->
                 </div><!--end row-->
             </div><!--end container-->

resources/views/teacher_profile.blade.php

@@ -312,7 +312,7 @@ tbody, td, tfoot, th, thead, tr {
             <div class="col-lg-12">
                 <nav class="mt-2 header-navbar navbar-expand-lg navbar-fixed align-items-center navbar-brand-center">
                         <div class="navbar-container d-flex content">
-                            <div class="col-md-11">
+                            <div class="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">
@@ -333,13 +333,13 @@ tbody, td, tfoot, th, thead, tr {
                                         </a>
                                     </li>
                                 </ul>
-                                <!-- <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
+                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
                                     <li class="nav-item dropdown dropdown-notification">
                                         <a href="">
-                                            <i class="fa fa-cog change_pass_btn"></i>
+                                            <i class="fa fa-shopping-bag change_pass_btn"></i>
                                         </a>
                                     </li>
-                                </ul> -->
+                                </ul> 
                                 <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
                                     <li class="nav-item dropdown dropdown-notification">
                                         <a href="">
@@ -400,7 +400,7 @@ tbody, td, tfoot, th, thead, tr {
                                     </li><!--end nav item-->
 
                                     <li class="nav-item">
-                                        <a class="nav-link rounded" id="cardeography" data-bs-toggle="pill" href="#cardeo" role="tab" aria-controls="cardeo" aria-selected="false">
+                                        <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: 10px; font-size: 13px !important;">Wishlist </h6>
@@ -409,10 +409,10 @@ tbody, td, tfoot, th, thead, tr {
                                     </li><!--end nav item-->
 
                                     <li class="nav-item">
-                                        <a class="nav-link rounded" id="eyecare" data-bs-toggle="pill" href="#eye" role="tab" aria-controls="eye" aria-selected="false">
+                                        <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>
+                                                <h6 class="mb-0" style="margin-left: 10px; font-size: 13px !important;">Explore</h6>
                                             </div>
                                         </a><!--end nav link-->
                                     </li><!--end nav item-->
@@ -420,7 +420,7 @@ tbody, td, tfoot, th, thead, tr {
                                         <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>
+                                                <h6 class="mb-0" style="margin-left: 10px; font-size: 13px !important;">My Account</h6>
                                             </div>
                                         </a><!--end nav link-->
                                     </li><!--end nav item-->
@@ -583,20 +583,10 @@ tbody, td, tfoot, th, thead, tr {
                                                 </div>
                                             </td>
                                             <td style="font-size: 11px; text-align:center;">
-                                                <div class="top_part_status" style="position: relative; width: fit-content; margin-left: 10px;">
-                                                    <span class="top_part_status_name" style="background: #dcdcdc; color: #8c9094;">
-                                                        New
+                                                <div class="top_part_status">
+                                                    <span class="label_badge_radius" style="background: #d8fdd8; color: green;">
+                                                        Accept
                                                     </span>
-                                                    <div class="dropdown" style="top: 0.4px; position: absolute; right: 9px;">
-                                                        <i class="fa fa-caret-down dropdown-toggle add_hover tooltips" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" data-original-title="Change Status" style="color: #8c9094;"></i>
-                                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" x-placement="bottom-start" style="position: absolute; transform: translate3d(10px, 13px, 0px); top: 0px; left: 0px; will-change: transform; margin-left: -75px; z-index: 2; margin-top: 10px;">
-                                                            <a class="dropdown-item document_review_status_change" data-sval="1" name="sublead_status" href="#">In Review</a>
-                                                            <a class="dropdown-item document_review_status_change  activate" data-sval="2" name="sublead_status" href="#">Hold</a>
-                                                            <a class="dropdown-item document_review_status_change" data-sval="3" name="sublead_status" href="#">Pause</a>
-                                                            <a class="dropdown-item document_review_status_change" data-sval="3" name="sublead_status" href="#">Rejected</a>
-                                                            <a class="dropdown-item document_review_status_change" data-sval="3" name="sublead_status" href="#">Interested</a>
-                                                        </div>
-                                                    </div>
                                                 </div>
                                             </td>
                                         </tr>
@@ -608,53 +598,22 @@ tbody, td, tfoot, th, thead, tr {
                         @endif
                     </div><!--end teb pane-->
 
-                    <div class="tab-pane fade bg-white p-2 rounded shadow" id="cardeo" role="tabpanel" aria-labelledby="cardeography"  style="height:100%;">
+                    <div class="tab-pane fade bg-white p-2 rounded shadow" id="list" role="tabpanel" aria-labelledby="wisthlist"  style="height:100%;">
                         <div class="col-md-12">
-                            <h6>Wishlist</h6>
                             <div class="table-responsive">
-                                <table class="table table-bordered list_table">
+                                <table class="table table-bordered list_table" style="margin: 0px;">
                                     <thead>
                                         <tr>
-                                            <th>Institution</th>
-                                            <th>Subject</th>
-                                            <th>Result</th>
-                                            <th>Method</th>
-                                            <th>PYear</th>
-                                            <th>Country</th>
+                                            <th>Sl</th>
+                                            <th>Name</th>
+                                            <th>Email</th>
+                                            <th>Invited on</th>
+                                            <th>Applied</th>
                                         </tr>
                                     </thead>
                                     <tbody>
                                         <tr>
-                                            <td>
-                                                <div class="institute_info">
-                                                    <div class="left">
-                                                        <i class="fa fa-university" style="padding: 7px;"></i>
-                                                    </div>
-                                                    <div class="right">
-                                                        <span class="main_title" style="font-size: 11px;">BSC</span>
-                                                    </div>
-                                                </div>
-                                            </td>
-                                            <td style="font-size: 11px;">test</td>
-                                            <td style="font-size: 11px;">test</td>
-                                            <td style="font-size: 11px;">test</td>
-                                            <td style="font-size: 11px;">test</td>
-                                            <td style="font-size: 11px;">test</td>
-                                        </tr>
-                                    </tbody>
-                                    <tbody>
-                                        <tr>
-                                            <td>
-                                                <div class="institute_info">
-                                                    <div class="left">
-                                                        <i class="fa fa-university" style="padding: 7px;"></i>
-                                                    </div>
-                                                    <div class="right">
-                                                        <span class="main_title" style="font-size: 11px;">MSC</span>
-                                                    </div>
-                                                </div>
-                                            </td>
-                                            <td style="font-size: 11px;">test</td>
+                                            <td style="font-size: 11px;">1</td>
                                             <td style="font-size: 11px;">test</td>
                                             <td style="font-size: 11px;">test</td>
                                             <td style="font-size: 11px;">test</td>
@@ -666,7 +625,7 @@ tbody, td, tfoot, th, thead, tr {
                         </div><!--end col-->
                     </div><!--end teb pane-->
 
-                    <div class="tab-pane fade bg-white p-2 rounded shadow" id="eye" role="tabpanel" aria-labelledby="eyecare"  style="height:100%;">
+                    <div class="tab-pane fade bg-white p-2 rounded shadow" id="explore" role="tabpanel" aria-labelledby="explores"  style="height:100%;">
                         <div class="col-md-12">
                             <h6>Explore</h6>
                             <div class="table-responsive">
@@ -960,7 +919,8 @@ tbody, td, tfoot, th, thead, tr {
                                     <div class="col-md-2 bg-white rounded p-2 ms-4" style="width:25%;">
                                         <div class="row">
                                             <div class="col-md-12">
-                                                <h6 style="padding: 13px 10px 0px; margin-bottom: 0px;">Research Interest</h6>
+                                                <h6 style="padding: 13px 8px 0px; margin-bottom: 0px;">Research Interest</h6>
+                                                <p class="ms-2" style="font-size: 11px;">Make yourself visible to candidates</p>
                                                 <div class="col-md-12 mt-2">
                                                     <div class="mb-2">
                                                         <div class="form-icon position-relative p-2" style="display: flex;">
@@ -971,17 +931,17 @@ tbody, td, tfoot, th, thead, tr {
                                                     <div class="single_glance_row mt-4">
                                                         <div style="display: flex;">
                                                             <div class="left" style="width: 90%;">
-                                                                <span class="title" style="font-size:11px;">Business 1</span>
+                                                                <span class="title" style="font-size:11px;" id="interest" contenteditable="true" style="padding: 5px;">Business 1</span>
                                                             </div>
-                                                            <div class="right" style="width: 10%;">
+                                                            <!-- <div class="right" style="width: 10%;">
                                                                 <span class="title" style="font-size:11px;">
                                                                     <a role="button" data-bs-toggle="collapse" data-bs-parent="#collapse" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
-                                                                        <button type="button" class="btn btn2" data-toggle="collapse" data-target="#demo17" style="padding: 2px 5px !important; font-size: 11px;"><i class="fa fa-pencil"></i></button>
+                                                                        <button type="button" class="btn btn2" style="padding: 2px 5px !important; font-size: 11px;"><i class="fa fa-pencil"></i></button>
                                                                     </a>
                                                                 </span>
-                                                            </div>
+                                                            </div> -->
                                                         </div>
-                                                        <div class="col-md-12">
+                                                        <!-- <div class="col-md-12">
                                                             <div id="demo17" class="collapse mt-2">
                                                                 <div class="panel-body" style="padding:10px; background-color: #4b4c6824; border: 1px solid #e9e5e5; border-radius: 5px;">
                                                                     <form method="POST" action="">
@@ -1003,7 +963,7 @@ tbody, td, tfoot, th, thead, tr {
                                                                     </form>
                                                                 </div>
                                                             </div> 
-                                                        </div> 
+                                                        </div>  -->
                                                     </div>                                    
                                                 </div> 
                                             </div>
@@ -1179,6 +1139,8 @@ tbody, td, tfoot, th, thead, tr {
                 }); 
             });
         });
+        let answer = document.getElementById("interest").contentEditable;
+        document.getElementById("demo").innerHTML = answer;
       </script>
 
 

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

@@ -309,7 +309,7 @@ p{
     font-size: 12px;
 }
 .single_ad_pref_item .label_badge_radius {
-    background-image: linear-gradient(90deg,rgba(46,17,83,.19),#f5f4fd);
+    /* background-image: linear-gradient(90deg,rgba(46,17,83,.19),#f5f4fd); */
     color: #2e1153;
     border-radius: 20px;
     padding: 1px 10px;