diff --git a/html/exhi/application/views/general/v_general_home.php b/html/exhi/application/views/general/v_general_home.php
index 3330ea03e2e597f1d5e23985996dc112c7c2422c..5ba8ae240c128b9793464e8d6e2f61912bd1add4 100644
--- a/html/exhi/application/views/general/v_general_home.php
+++ b/html/exhi/application/views/general/v_general_home.php
@@ -237,6 +237,12 @@
         <div class="container-fluid g-3">
             <button class="button button-mid" data-toggle="modal" data-target="#advanceSearcheModal">ค้นหาขั้นสูง</button><br><br><br><br>
         </div>
+        <div class="search-container">
+            <form method="POST" action="<?php echo site_url() . '/General/get_search' ?>">
+                <input type="text" placeholder="ชื่อโปรเจกต์.." name="pname">
+                <!-- <button type="submit"><i class="fa fa-search"></i></button> -->
+            </form>
+        </div>
         <div class="year">
             <label for="year">ปี: </label>
             <select name="year" id="year" onchange="get_num_project()">
@@ -451,7 +457,7 @@
         get_project_year();
         get_trend();
         $("#muti").select2().select2()
-        var year = document.getElementById("year").value;
+        let year = document.getElementById("year").value;
         $('#project_2').attr('href', '<?php echo site_url() . "/General/show_project_2" ?>?y=' + year);
         $('#project_3').attr('href', '<?php echo site_url() . "/General/show_project_3" ?>?y=' + year);
         $('#project_4').attr('href', '<?php echo site_url() . "/General/show_project_4" ?>?y=' + year);
@@ -475,7 +481,7 @@
     }
 
     function get_num_project() {
-        var year = document.getElementById("year").value;
+        let year = document.getElementById("year").value;
         $('#project_2').attr('href', '<?php echo site_url() . "/General/show_project_2" ?>?y=' + year);
         $('#project_3').attr('href', '<?php echo site_url() . "/General/show_project_3" ?>?y=' + year);
         $('#project_4').attr('href', '<?php echo site_url() . "/General/show_project_4" ?>?y=' + year);
diff --git a/html/exhi/application/views/general/v_general_select.php b/html/exhi/application/views/general/v_general_select.php
index 2a1ad2cdfbd287e1cd1db67ca22663217681c681..35dfe7b36c51121781b240d27f84ba5210487ad7 100644
--- a/html/exhi/application/views/general/v_general_select.php
+++ b/html/exhi/application/views/general/v_general_select.php
@@ -1,171 +1,179 @@
-<link href="<?php echo base_url().'assets/plugins/page.css'?>" rel="stylesheet" />
+<link href="<?php echo base_url() . 'assets/plugins/page.css' ?>" rel="stylesheet" />
 
 
 <style>
-/* .page-header.page-header-small {
+	/* .page-header.page-header-small {
     min-height: 60vh;
     max-height: 440px;
 } */
-body {
-    background: #f4f4f4;
-    background-color: white;
-
-}
-
-
-
-
-body {
-    /* margin: 3rem; */
-    font: 500 100%;
-    font-size: 16px;
-    line-height: 1.5;
-    color: rgb(0, 0, 0);
-}
-
-@media (max-width: 1024px) {
-    body {
-        margin: 0;
-        background: #f4f4f4;
-    }
-}
-
-@media (max-width: 411px) {
-    h5 {
-        margin-top: 30px
-    }
-}
-
-.img {
-    background-image: url(small.jpg);
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
-
-.description {
-    font: 500 100%;
-    font-size: 16px;
-}
-
-.card {
-    border-radius: 4px;
-    background: #fff;
-    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
-    transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
-
-    /* padding: 14px 80px 18px 36px; */
-    /* cursor: pointer; */
-}
-
-/* .card:hover { */
-    /* transform: scale(1.02);
+	body {
+		background: #f4f4f4;
+		background-color: white;
+
+	}
+
+
+
+
+	body {
+		/* margin: 3rem; */
+		font: 500 100%;
+		font-size: 16px;
+		line-height: 1.5;
+		color: rgb(0, 0, 0);
+	}
+
+	@media (max-width: 1024px) {
+		body {
+			margin: 0;
+			background: #f4f4f4;
+		}
+	}
+
+	@media (max-width: 411px) {
+		h5 {
+			margin-top: 30px
+		}
+	}
+
+	.img {
+		background-image: url(small.jpg);
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+	}
+
+	.description {
+		font: 500 100%;
+		font-size: 16px;
+	}
+
+	.card {
+		border-radius: 4px;
+		background: #fff;
+		box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
+		transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
+
+		/* padding: 14px 80px 18px 36px; */
+		/* cursor: pointer; */
+	}
+
+	/* .card:hover { */
+	/* transform: scale(1.02);
     box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06); */
-/* } */
-
-.section {
-    padding: 40px 0;
-}
-
-.title {
-    padding-top: 0px;
-}
-
-table,
-th,
-td {
-    /* border: 1px solid black; */
-    border-collapse: collapse;
-    /* padding: 0px; margin: 0px;
+	/* } */
+
+	.section {
+		padding: 40px 0;
+	}
+
+	.title {
+		padding-top: 0px;
+	}
+
+	table,
+	th,
+	td {
+		/* border: 1px solid black; */
+		border-collapse: collapse;
+		/* padding: 0px; margin: 0px;
   border-spacing: 0px; */
-}
-
-.test_text {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    /* number of lines to show */
-    line-clamp: 2;
-    -webkit-box-orient: vertical;
-
-}
-
-span{
-    font-size: 14px;
-    color: #41474c;
-}
-
-
-.footer-bar{
-    background-color: white;
-    padding: 10px 0px;
-}
-
-.icon{
-    color:#41474c;
-}
-.my-image{
-	width:200px;
-  	height:200px;
-  	object-fit:cover;
-  	border-radius:50%;
-}
-.tag-lg {
-    font-size: .8em;
-    border-radius: 4px;
-}
-
-.tag-custom {
-    background: #ffffff;
-    color: #000;
-    border-style: solid;
-    border-width: 0.7px;
-}
-.tag{
-	display: inline-block;
-    border-radius: 3px;
-    padding: .0em .3em .0em;
-    border-radius: 2px;
-    font-weight: 400;
-    margin: .25em .1em
-}
-.image-detail {
-	object-fit: cover;
-	width: auto;
-	height: auto;
-	padding: 20px;
-	display: block;
-    margin-left: auto;
-    margin-right: auto;
-}
-.text-primary-custom {
-	color: #007bff !important
-}
-.form-control:focus {
-    border: 1px solid #767170;
-    box-shadow: none;
-    outline: 0!important;
-    color: #2c2c2c;
-}
-.bg-light {
-	background-color: while !important;
-}
-.center {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
+	}
+
+	.test_text {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		/* number of lines to show */
+		line-clamp: 2;
+		-webkit-box-orient: vertical;
+
+	}
+
+	span {
+		font-size: 14px;
+		color: #41474c;
+	}
+
+
+	.footer-bar {
+		background-color: white;
+		padding: 10px 0px;
+	}
+
+	.icon {
+		color: #41474c;
+	}
+
+	.my-image {
+		width: 200px;
+		height: 200px;
+		object-fit: cover;
+		border-radius: 50%;
+	}
+
+	.tag-lg {
+		font-size: .8em;
+		border-radius: 4px;
+	}
+
+	.tag-custom {
+		background: #ffffff;
+		color: #000;
+		border-style: solid;
+		border-width: 0.7px;
+	}
+
+	.tag {
+		display: inline-block;
+		border-radius: 3px;
+		padding: .0em .3em .0em;
+		border-radius: 2px;
+		font-weight: 400;
+		margin: .25em .1em
+	}
+
+	.image-detail {
+		object-fit: cover;
+		width: auto;
+		height: auto;
+		padding: 20px;
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+	}
+
+	.text-primary-custom {
+		color: #007bff !important
+	}
+
+	.form-control:focus {
+		border: 1px solid #767170;
+		box-shadow: none;
+		outline: 0 !important;
+		color: #2c2c2c;
+	}
+
+	.bg-light {
+		background-color: while !important;
+	}
+
+	.center {
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+	}
 </style>
 <div class="wrapper">
-    <div class="container">
-        <div class="section section-about-us" style="padding: 0px">
-            <div class="content" style="padding: 20px">
-                <div class="container-fluid">
+	<div class="container">
+		<div class="section section-about-us" style="padding: 0px">
+			<div class="content" style="padding: 20px">
+				<div class="container-fluid">
 					<div class="row">
 						<div class="col-4">
 							<div class="text-center">
-								<img class="my-image" src='<?php echo base_url().$project->image_logo ?>'>
+								<img class="my-image" src='<?php echo base_url() . $project->image_logo ?>'>
 							</div>
 						</div>
 						<div class="col-8">
@@ -175,15 +183,15 @@ span{
 							<div class="row">
 								<p style="white-space: pre-line; font-size: 20px; margin-left: 5px;">บริษัท : <?php echo $project->name ?></p>
 							</div>
-							<?php if($project->cluster_id != 0){ ?>
+							<?php if ($project->cluster_id != 0) { ?>
 								<div class="row">
 									<p style="white-space: pre-line; font-size: 20px; margin-left: 5px;">มกุล : <?php echo $project->select ?></p>
 								</div>
-							<?php }else if($project->team_id != 0){ ?>
+							<?php } else if ($project->team_id != 0) { ?>
 								<div class="row">
 									<p style="white-space: pre-line; font-size: 20px; margin-left: 5px;">ทีม : <?php echo $project->select ?></p>
 								</div>
-							<?php }else { ?>
+							<?php } else { ?>
 								<div class="row">
 									<p style="white-space: pre-line; font-size: 20px; margin-left: 5px;">อาจารย์ที่ปรึกษา : <?php echo $project->select ?></p>
 								</div>
@@ -193,7 +201,7 @@ span{
 								<p style="white-space: pre-line; font-size: 20px; margin-left: 5px;">ปี : <?php echo $project->date ?></p>
 							</div>
 							<div class="row">
-								<p style="white-space: pre-line; font-size: 20px; margin-left: 5px;">Tag : <?php foreach($project_tag as $tag){ ?> <span class="tag tag-custom tag-lg"><?php echo $tag->name ?></span> <?php } ?>
+								<p style="white-space: pre-line; font-size: 20px; margin-left: 5px;">Tag : <?php foreach ($project_tag as $tag) { ?> <span class="tag tag-custom tag-lg"><?php echo $tag->name ?></span> <?php } ?>
 								</p>
 							</div>
 						</div>
@@ -201,217 +209,240 @@ span{
 					<hr>
 					<div class="text-center">
 						<h4 class="title" style="margin-top: 0px;"><?php echo $project->name_th ?></h4>
-						<p style="margin-top: 0px;"><?php echo '('.$project->name_en.')' ?></p>
+						<p style="margin-top: 0px;"><?php echo '(' . $project->name_en . ')' ?></p>
 					</div>
-					<?php foreach($detail as $d){ ?>
-						<?php if($d->template == 1){ ?>
-						<div class="card-body " style='padding: 20px; margin-left: 5px;'>
-							<div class="row">
-								<div class="col-6">
-									<div style="font-family: Sarabun; font-size: 18px; text-align:justify;"><?php echo $d->description ?></div>
-								</div>
-								<div class="col-6">
-									<div class="row">
-										<div class="col-12">
-											<a href="<?php echo base_url().$d->image1 ?>" data-toggle="lightbox" data-gallery="example-gallery">
-												<img class="image-detail center" src="<?php echo base_url().$d->image1 ?>" alt="">
-											</a>
+					<?php foreach ($detail as $d) { ?>
+						<?php if ($d->template == 1) { ?>
+							<div class="card-body " style='padding: 20px; margin-left: 5px;'>
+								<div class="row">
+									<div class="col-6">
+										<div style="font-family: Sarabun; font-size: 18px; text-align:justify;"><?php echo $d->description ?></div>
+									</div>
+									<div class="col-6">
+										<div class="row">
+											<div class="col-12">
+												<a href="<?php echo base_url() . $d->image1 ?>" data-toggle="lightbox" data-gallery="example-gallery">
+													<img class="image-detail center" src="<?php echo base_url() . $d->image1 ?>" alt="">
+												</a>
+											</div>
+										</div>
+										<div class="col-6">
+											<div class="row">
+												<div class="col-12">
+													<a href="<?php echo base_url() . $d->image1 ?>" data-toggle="lightbox" data-gallery="example-gallery">
+														<img class="image-detail center" src="<?php echo base_url() . $d->image1 ?>" alt="">
+													</a>
+												</div>
+											</div>
+											<div class="row">
+												<div class="col-12">
+													<a href="<?php echo base_url() . $d->image2 ?>" data-toggle="lightbox" data-gallery="example-gallery">
+														<img class="image-detail center" src="<?php echo base_url() . $d->image2 ?>" alt="">
+													</a>
+												</div>
+											</div>
 										</div>
 									</div>
+								</div>
+							<?php } ?>
+							<?php if ($d->template == 2) { ?>
+								<div class="card-body " style='padding: 20px; margin-left: 5px;'>
 									<div class="row">
-										<div class="col-12">
-										<a href="<?php echo base_url().$d->image2 ?>" data-toggle="lightbox" data-gallery="example-gallery">
-											<img class="image-detail center" src="<?php echo base_url().$d->image2 ?>" alt="">
-										</a>
+										<div class="col-6">
+											<div class="row">
+												<div class="col-12">
+													<a href="<?php echo base_url() . $d->image1 ?>" data-toggle="lightbox" data-gallery="example-gallery">
+														<img class="image-detail center" src="<?php echo base_url() . $d->image1 ?>" alt="">
+													</a>
+												</div>
+											</div>
+											<div class="row">
+												<div class="col-12">
+													<a href="<?php echo base_url() . $d->image2 ?>" data-toggle="lightbox" data-gallery="example-gallery">
+														<img class="image-detail center" src="<?php echo base_url() . $d->image2 ?>" alt="">
+													</a>
+												</div>
+											</div>
 										</div>
 									</div>
+									<div class="col-6">
+										<span style="font-family: Sarabun; font-size: 18px; text-align:justify;"><?php echo $d->description ?></span>
+									</div>
 								</div>
-							</div>
-						</div>
-						<?php } ?>
-						<?php if($d->template == 2){ ?>
-						<div class="card-body " style='padding: 20px; margin-left: 5px;'>
-							<div class="row">
-								<div class="col-6">
+							<?php } ?>
+							<?php if ($d->template == 3) { ?>
+								<div class="card-body " style='padding: 20px; margin-left: 5px;'>
 									<div class="row">
-										<div class="col-12">
-											<a href="<?php echo base_url().$d->image1 ?>" data-toggle="lightbox" data-gallery="example-gallery">
-												<img class="image-detail center" src="<?php echo base_url().$d->image1 ?>" alt="">
+										<div class="col-6">
+											<a href="<?php echo base_url() . $d->image1 ?>" data-toggle="lightbox" data-gallery="example-gallery">
+												<img class="image-detail" src="<?php echo base_url() . $d->image1 ?>" alt="">
 											</a>
 										</div>
-									</div>
-									<div class="row">
-										<div class="col-12">
-										<a href="<?php echo base_url().$d->image2 ?>" data-toggle="lightbox" data-gallery="example-gallery">
-											<img class="image-detail center" src="<?php echo base_url().$d->image2 ?>" alt="">
-										</a>
+										<div class="col-6">
+											<a href="<?php echo base_url() . $d->image2 ?>" data-toggle="lightbox" data-gallery="example-gallery">
+												<img class="image-detail" src="<?php echo base_url() . $d->image2 ?>" alt="">
+											</a>
 										</div>
 									</div>
 								</div>
-								<div class="col-6">
+								<div class="col-12">
 									<span style="font-family: Sarabun; font-size: 18px; text-align:justify;"><?php echo $d->description ?></span>
 								</div>
 							</div>
-						</div>
 						<?php } ?>
-						<?php if($d->template == 3){ ?>
-						<div class="card-body " style='padding: 20px; margin-left: 5px;'>
-							<div class="row">
-								<div class="col-6">
-									<a href="<?php echo base_url().$d->image1 ?>" data-toggle="lightbox" data-gallery="example-gallery">
-										<img class="image-detail" src="<?php echo base_url().$d->image1 ?>" alt="">
-									</a>
+						<?php if ($d->template == 4) { ?>
+							<div class="card-body" style='padding: 20px; margin-left: 5px; text-align: justify;'>
+								<div class="row">
+									<div class="col-12">
+										<span style="font-family: Sarabun; font-size: 18px; text-align:justify;"><?php echo $d->description ?></span>
+									</div>
 								</div>
-								<div class="col-6">
-									<a href="<?php echo base_url().$d->image2 ?>" data-toggle="lightbox" data-gallery="example-gallery">
-										<img class="image-detail" src="<?php echo base_url().$d->image2 ?>" alt="">
-									</a>
+							<?php } ?>
+							<?php if ($d->template == 4) { ?>
+								<div class="card-body" style='padding: 20px; margin-left: 5px; text-align: justify;'>
+									<div class="row">
+										<div class="col-12">
+											<span style="font-family: Sarabun; font-size: 18px;"><?php echo $d->description ?></span>
+										</div>
+										<div class="col-6">
+											<a href="<?php echo base_url() . $d->image1 ?>" data-toggle="lightbox" data-gallery="example-gallery">
+												<img class="image-detail" src="<?php echo base_url() . $d->image1 ?>" alt="">
+											</a>
+										</div>
+										<div class="col-6">
+											<a href="<?php echo base_url() . $d->image2 ?>" data-toggle="lightbox" data-gallery="example-gallery">
+												<img class="image-detail" src="<?php echo base_url() . $d->image2 ?>" alt="">
+											</a>
+										</div>
+									</div>
 								</div>
-							</div>
-							<div class="col-12">
-							<span style="font-family: Sarabun; font-size: 18px; text-align:justify;"><?php echo $d->description ?></span>
-							</div>
-						</div>
+							<?php } ?>
 						<?php } ?>
-						<?php if($d->template == 4){ ?>
-						<div class="card-body" style='padding: 20px; margin-left: 5px; text-align: justify;'>
-							<div class="row">
-								<div class="col-12">
-									<span style="font-family: Sarabun; font-size: 18px; text-align:justify;"><?php echo $d->description ?></span>
-								</div>
-								<div class="col-6">
-									<a href="<?php echo base_url().$d->image1 ?>" data-toggle="lightbox" data-gallery="example-gallery">
-										<img class="image-detail" src="<?php echo base_url().$d->image1 ?>" alt="">
-									</a>
-								</div>
-								<div class="col-6">
-									<a href="<?php echo base_url().$d->image2 ?>" data-toggle="lightbox" data-gallery="example-gallery">
-										<img class="image-detail" src="<?php echo base_url().$d->image2 ?>" alt="">
-									</a>
-								</div>
-							</div>
+						<hr>
+						<div class="text-center">
+							<h4 class="title" style="margin-top: 0px;">สมาชิก</h4>
 						</div>
-						<?php } ?>
-					<?php } ?>
-					<hr>
-					<div class="text-center">
-						<h4 class="title" style="margin-top: 0px;">สมาชิก</h4>
-					</div>
-					<div class="row">
-					<?php foreach($member as $m){ ?>
-						<div class="col-md-4 article-loop" id="">
-							<div class="card">
-								<div class="text-center">
-									<img class="my-image" src='<?php echo base_url().$m->image ?>'>
-								</div>	
-								<div class="card-body">
-									<h5><?php echo $m->prefix.$m->first_name.' '.$m->last_name ?></h5>
-									<span><h5><i class="fa fa-envelope icon"></i>  :  <?php echo $m->email ?></h5</span><br>
+						<div class="row">
+							<?php foreach ($member as $m) { ?>
+								<div class="col-md-4 article-loop" id="">
+									<div class="card">
+										<div class="text-center">
+											<img class="my-image" src='<?php echo base_url() . $m->image ?>'>
+										</div>
+										<div class="card-body">
+											<h5><?php echo $m->prefix . $m->first_name . ' ' . $m->last_name ?></h5>
+											<span>
+												<h5><i class="fa fa-envelope icon"></i> : <?php echo $m->email ?></h5< /span><br>
+										</div>
+									</div>
 								</div>
+							<?php } ?>
+						</div>
+						<hr>
+						<div class="text-center">
+							<h4 class="title" style="margin-top: 0px;">ความคิดเห็น</h4>
+						</div>
+						<div class="bg-light-custom p-2">
+							<div class="form-group">
+								<input type="text" id="sender" value="" placeholder="ชื่อ-นามสกุล" class="form-control">
 							</div>
+							<textarea class="form-control ml-1 shadow-none textarea" placeholder="เขียนความคิดเห็น..." id="detail"></textarea>
 						</div>
-					<?php } ?>
-					</div>
-					<hr>
-					<div class="text-center">
-						<h4 class="title" style="margin-top: 0px;">ความคิดเห็น</h4>
-					</div>
-					<div class="bg-light-custom p-2">
-					<div class="form-group">
-						<input type="text" id="sender" value="" placeholder="ชื่อ-นามสกุล" class="form-control">
-					</div>
-					<textarea class="form-control ml-1 shadow-none textarea" placeholder="เขียนความคิดเห็น..." id="detail"></textarea></div>
-                    <div class="g-recaptcha" data-sitekey="6Lec8uckAAAAABGZ4_CaawpSb9hXgbDlwnhXaJco"></div>	
-					<div class="mt-2 text-right"><button class="btn btn-info btn-sm shadow-none" type="button" onclick="insert_comment()">เพิ่มความคิดเห็น</button></div>
-                	</div>
-					<div class="data-container"></div>
-					<div id="demo"></div>
+						<textarea class="form-control ml-1 shadow-none textarea" placeholder="เขียนความคิดเห็น..." id="detail"></textarea>
+							</div>
+							<div class="g-recaptcha" data-sitekey="6Lec8uckAAAAABGZ4_CaawpSb9hXgbDlwnhXaJco"></div>
+							<div class="mt-2 text-right"><button class="btn btn-info btn-sm shadow-none" type="button" onclick="insert_comment()">เพิ่มความคิดเห็น</button></div>
 				</div>
-            </div>
-        </div>
-    </div>
-</div> 
-<footer class="footer footer-default" >
-<div class="container" >
-	<div class="row">
-		<div class="col-md-5" >
-			<b style="font-size:16px;">คณะวิทยาการสารสนเทศ</b> <br>
-			<span>169 ถนนลงหาดบางแสน ตำบลแสนสุข</span><br>
-			<span>อำเภอเมือง จังหวัดชลบุรี 20131</span>
-		</div>
-		<div class="col-md-7 ml-auto" style="margin-top: 20px;">
-			<i class="fa fa-phone icon"></i>  <span>+66 (0)38-103061,+66 (0)38-10309</span>  <br>
-			<i class="fa fa-envelope icon"></i> <span>Email : pr@informatics.buu.ac.th </span> 
+				<div class="data-container"></div>
+				<div id="demo"></div>
+			</div>
+			<div class="data-container"></div>
+			<div id="demo"></div>
 		</div>
-    </div>
+	</div>
 </div>
 </div>
+</div>
+<footer class="footer footer-default">
+	<div class="container">
+		<div class="row">
+			<div class="col-md-5">
+				<b style="font-size:16px;">คณะวิทยาการสารสนเทศ</b> <br>
+				<span>169 ถนนลงหาดบางแสน ตำบลแสนสุข</span><br>
+				<span>อำเภอเมือง จังหวัดชลบุรี 20131</span>
+			</div>
+			<div class="col-md-7 ml-auto" style="margin-top: 20px;">
+				<i class="fa fa-phone icon"></i> <span>+66 (0)38-103061,+66 (0)38-10309</span> <br>
+				<i class="fa fa-envelope icon"></i> <span>Email : pr@informatics.buu.ac.th </span>
+			</div>
+		</div>
+	</div>
+	</div>
 </footer>
 <footer class="footer-bar">
-    <div class=" container ">
-        <div class="row justify-content-md-center">
-            <div class="col-md-12">
-                <div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 12px; font-family: Barlow_Regular0, Tahoma; color: rgb(157, 157, 157);" open="" sans="" color:="" rgb="" 157="" data-mce-style="font-size: 16px; font-family: Barlow_Regular0, Tahoma; color: #9d9d9d;">Copyright © 2018-2022 Faculty of Informatics, Burapha University. All rights reserved.</span></div>
-            </div>
-        </div>
-    </div>
+	<div class=" container ">
+		<div class="row justify-content-md-center">
+			<div class="col-md-12">
+				<div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 12px; font-family: Barlow_Regular0, Tahoma; color: rgb(157, 157, 157);" open="" sans="" color:="" rgb="" 157="" data-mce-style="font-size: 16px; font-family: Barlow_Regular0, Tahoma; color: #9d9d9d;">Copyright © 2018-2022 Faculty of Informatics, Burapha University. All rights reserved.</span></div>
+			</div>
+		</div>
+	</div>
 </footer>
-<script src="<?php echo base_url()?>assets/plugins/page.js"></script>
+<script src="<?php echo base_url() ?>assets/plugins/page.js"></script>
 <script src="https://www.google.com/recaptcha/api.js" async defer></script>
 <script>
-	
 	$(document).ready(function() {
 		get_comment()
 	});
 	$(document).on('click', '[data-toggle="lightbox"]', function(event) {
 		event.preventDefault();
 		$(this).ekkoLightbox();
-    });
+	});
 
-	function get_comment(){
+	function get_comment() {
 		$.ajax({
-        type: 'post',
-        url: "<?php echo site_url() . '/General/get_comment'; ?>",
-        data: {
-			'id': '<?php echo $project->project_id ?>'
-        },
-        dataType: 'json',
-        success: function(data) {
-            create_table(data.comment);
-		}
-    })
+			type: 'post',
+			url: "<?php echo site_url() . '/General/get_comment'; ?>",
+			data: {
+				'id': '<?php echo $project->project_id ?>'
+			},
+			dataType: 'json',
+			success: function(data) {
+				create_table(data.comment);
+			}
+		})
 	}
 
-	function create_table(datas){
-		var container = $('#demo');
+	function create_table(datas) {
+		let container = $('#demo');
 		$('#demo').pagination({
 			dataSource: datas,
 			pageSize: 5,
 			callback: function(data, pagination) {
-					dataHtml = ''
-					dataHtml += '<div class="headings d-flex justify-content-between align-items-center mb-3">'
-                    dataHtml += '<h6>ความคิดเห็นทั้งหมด ('+datas.length+')</h6>'
-                    dataHtml += '</div>'
-					$.each(data, function (index, item) {
-						console.log(item)
-						dataHtml += '<div class="card p-3 mt-2">';
-						dataHtml += '<div class="d-flex justify-content-between align-items-center">';
-						dataHtml += '<div class="user d-flex flex-row align-items-center">';
-						dataHtml += '<span><div class="font-weight-bold text-primary-custom">'+item.sender+'</div><br> <div>'+item.detail+'</div></span>';
-						dataHtml += '</div>';
-						dataHtml += ' <small>'+convertDate(item.date)+'</small>';
-						dataHtml += '</div>';
-						dataHtml += '</div>';
-
-					});
+				dataHtml = ''
+				dataHtml += '<div class="headings d-flex justify-content-between align-items-center mb-3">'
+				dataHtml += '<h6>ความคิดเห็นทั้งหมด (' + datas.length + ')</h6>'
+				dataHtml += '</div>'
+				$.each(data, function(index, item) {
+					console.log(item)
+					dataHtml += '<div class="card p-3 mt-2">';
+					dataHtml += '<div class="d-flex justify-content-between align-items-center">';
+					dataHtml += '<div class="user d-flex flex-row align-items-center">';
+					dataHtml += '<span><div class="font-weight-bold text-primary-custom">' + item.sender + '</div><br> <div>' + item.detail + '</div></span>';
+					dataHtml += '</div>';
+					dataHtml += ' <small>' + convertDate(item.date) + '</small>';
+					dataHtml += '</div>';
+					dataHtml += '</div>';
+
+				});
 				container.prev().html(dataHtml);
 			}
 		})
 	}
 
-	function convertDate(dateString){
-		var p = dateString.split(/\D/g)
-		return [p[2],p[1],p[0] ].join("/")
+	function convertDate(dateString) {
+		let p = dateString.split(/\D/g)
+		return [p[2], p[1], p[0]].join("/")
 	}
 
 	const Toast = Swal.mixin({
@@ -423,26 +454,26 @@ span{
 		didOpen: (toast) => {
 			toast.addEventListener('mouseenter', Swal.stopTimer)
 			toast.addEventListener('mouseleave', Swal.resumeTimer)
-    	}
+		}
 	})
 
-	function insert_comment(){
+	function insert_comment() {
 		let sender = $('#sender').val()
 		let detail = $('#detail').val()
 		let check1 = ckeckrude(sender);
 		let check2 = ckeckrude(detail);
 
-		if(sender == '' || detail == ''){
+		if (sender == '' || detail == '') {
 			Toast.fire({
 				icon: 'error',
 				title: 'กรุณากรอกข้อมูลให้ครบถ้วน',
 			})
-		}else if(check1 == true || check2 == true){
+		} else if (check1 == true || check2 == true) {
 			Toast.fire({
 				icon: 'error',
 				title: 'กรุณากรอกข้อมูลที่สุภาพ',
 			})
-		}else{
+		} else {
 			Swal.fire({
 				title: ' คุณยืนยันที่จะเพิ่มความคิดเห็นหรือไม่',
 				text: "",
@@ -451,53 +482,50 @@ span{
 				confirmButtonColor: '#3177ce',
 				cancelButtonColor: ' white ',
 				confirmButtonText: 'ใช่',
-				cancelButtonText:  '<Font color=black> ไม่ <Font>',
+				cancelButtonText: '<Font color=black> ไม่ <Font>',
 				reverseButtons: true
-		}).then((result) => {
-			if (result.value) {
-				$.ajax({
-					type: 'post',
-					url: "<?php echo site_url().'/General/insert_comment'; ?>",
-					data: {
-						'sender': sender,
-						'detail': detail,
-						'id': '<?php echo $project->project_id ?>',
-						'captcha': grecaptcha.getResponse()
-					},
-					dataType: 'json',
-					success: function(data) {
-						if (data['message'] == true) {
-							Toast.fire({
-								icon: 'success',
-								title: 'เพิ่มข้อมูลสำเร็จ',
-							}).then((result) => {
-								get_comment()
-								$('#sender').val('')
-								$('#detail').val('')
-								grecaptcha.reset();
-							})
-						}else{
-							Toast.fire({
-								icon: 'error',
-								title: "เพิ่มข้อมูลไม่สำเร็จ",
-							})
+			}).then((result) => {
+					if (result.value) {
+						$.ajax({
+								type: 'post',
+								url: "<?php echo site_url() . '/General/insert_comment'; ?>",
+								data: {
+									'sender': sender,
+									'detail': detail,
+									'id': '<?php echo $project->project_id ?>',
+									'captcha': grecaptcha.getResponse()
+								},
+								dataType: 'json',
+								success: function(data) {
+									if (data['message'] == true) {
+										Toast.fire({
+											icon: 'success',
+											title: 'เพิ่มข้อมูลสำเร็จ',
+										}).then((result) => {
+											get_comment()
+											$('#sender').val('')
+											$('#detail').val('')
+											grecaptcha.reset();
+										})
+									} else {
+										Toast.fire({
+											icon: 'error',
+											title: "เพิ่มข้อมูลไม่สำเร็จ",
+										})
+									}
+								});
 						}
-					}
-				});
+					}) $(".swal2-cancel").css("border", "1px solid #A79E9E");
 			}
-		})
-		$(".swal2-cancel").css("border", "1px solid #A79E9E");
 		}
-	}
 
-	function ckeckrude( data ){
-		var wordrude = new Array ( "ashole","a s h o l e","a.s.h.o.l.e","bitch","b i t c h","b.i.t.c.h","shit","s h i t","s.h.i.t","fuck","dick","f u c k","d i c k","f.u.c.k","d.i.c.k","มึง","มึ ง","ม ึ ง","ม ึง","มงึ","มึ.ง","มึ_ง","มึ-ง","มึ+ง","กู","ควย","ค ว ย","ค.ว.ย","คอ วอ ยอ","คอ-วอ-ยอ","ปี้","เหี้ย","ไอ้เหี้ย","เฮี้ย","ชาติหมา","ชาดหมา","ช า ด ห ม า","ช.า.ด.ห.ม.า","ช า ติ ห ม า","ช.า.ติ.ห.ม.า","สัดหมา","สัด","เย็ด","หี","สันดาน","แม่ง","ระยำ","ส้น ตีน","แตด" );
-		for ( n = 0 ; n < wordrude.length ; n++ )
-		{
-			if (data.includes(wordrude[n])) {
-				return true
-			}
+		function ckeckrude(data) {
+			let wordrude = new Array("ashole", "a s h o l e", "a.s.h.o.l.e", "bitch", "b i t c h", "b.i.t.c.h", "shit", "s h i t", "s.h.i.t", "fuck", "dick", "f u c k", "d i c k", "f.u.c.k", "d.i.c.k", "มึง", "มึ ง", "ม ึ ง", "ม ึง", "มงึ", "มึ.ง", "มึ_ง", "มึ-ง", "มึ+ง", "กู", "ควย", "ค ว ย", "ค.ว.ย", "คอ วอ ยอ", "คอ-วอ-ยอ", "ปี้", "เหี้ย", "ไอ้เหี้ย", "เฮี้ย", "ชาติหมา", "ชาดหมา", "ช า ด ห ม า", "ช.า.ด.ห.ม.า", "ช า ติ ห ม า", "ช.า.ติ.ห.ม.า", "สัดหมา", "สัด", "เย็ด", "หี", "สันดาน", "แม่ง", "ระยำ", "ส้น ตีน", "แตด");
+			for (n = 0; n < wordrude.length; n++) {
+				if (data.includes(wordrude[n])) {
+					return true
+				}
+			};
+			return false
 		};
-		return false
-	};
-</script>
+</script>
\ No newline at end of file
diff --git a/html/exhi/application/views/general/v_project_2.php b/html/exhi/application/views/general/v_project_2.php
index 22908dd516e6ac7c812e49f258c25e6ab944b066..c10e58040a79dc760743f37e84b0cc88ef6a1322 100644
--- a/html/exhi/application/views/general/v_project_2.php
+++ b/html/exhi/application/views/general/v_project_2.php
@@ -79,7 +79,7 @@
     }
 
     function get_project_2() {
-        var year = document.getElementById("year").value;
+        let year = document.getElementById("year").value;
         console.log(year);
         $.ajax({
             type: 'get',
diff --git a/html/exhi/application/views/general/v_project_3.php b/html/exhi/application/views/general/v_project_3.php
index c9cbd49c04284dabdc5fa0cc4aeff658aa9394ef..8f23df5f1015f28222ac026add9d12f67f4fc1d7 100644
--- a/html/exhi/application/views/general/v_project_3.php
+++ b/html/exhi/application/views/general/v_project_3.php
@@ -70,7 +70,7 @@
     }
 
     function get_project_3() {
-        var year = document.getElementById("year").value;
+        let year = document.getElementById("year").value;
         console.log(year);
         $.ajax({
             type: 'get',
diff --git a/html/exhi/application/views/general/v_project_4.php b/html/exhi/application/views/general/v_project_4.php
index d963ac310c51d1cacd667736a6091032a15a8432..63433c49b0048171c56e8fb01e92f5a4ca916067 100644
--- a/html/exhi/application/views/general/v_project_4.php
+++ b/html/exhi/application/views/general/v_project_4.php
@@ -92,8 +92,8 @@
     let current_page = 1;
 
     function load_data() {
-        var year = document.getElementById("year").value;
-        var limit = document.getElementById("limit").value;
+        let year = document.getElementById("year").value;
+        let limit = document.getElementById("limit").value;
         $.ajax({
             type: "get",
             url: "<?php echo site_url() . '/General/get_data_pagination' ?>",
@@ -110,8 +110,8 @@
     }
 
     function load_num_project() {
-        var year = document.getElementById("year").value;
-        var limit = document.getElementById("limit").value;
+        let year = document.getElementById("year").value;
+        let limit = document.getElementById("limit").value;
         $.ajax({
             type: "get",
             url: "<?php echo site_url() . '/General/get_num_page' ?>",
diff --git a/html/exhi/application/views/general/v_search.php b/html/exhi/application/views/general/v_search.php
index 1ee5b6f26289250dbfedd020f45c483aa8ee208d..0d66411c0de9265f27234972ff09666959d5c1bd 100644
--- a/html/exhi/application/views/general/v_search.php
+++ b/html/exhi/application/views/general/v_search.php
@@ -59,14 +59,14 @@
     let current_page = 1;
 
     function load_data() {
-        var limit = document.getElementById("limit").value;
-        var year = '<?php echo $year; ?>';
-        var grade = '<?php echo $grade; ?>';
-        var cluster = '<?php echo $cluster; ?>';
-        var team = '<?php echo $team; ?>';
-        var company = '<?php echo $company; ?>';
-        var pname = '<?php echo $pname; ?>';
-        var tag = <?php echo json_encode($tag); ?>;
+        let limit = document.getElementById("limit").value;
+        let year = '<?php echo $year; ?>';
+        let grade = '<?php echo $grade; ?>';
+        let cluster = '<?php echo $cluster; ?>';
+        let team = '<?php echo $team; ?>';
+        let company = '<?php echo $company; ?>';
+        let pname = '<?php echo $pname; ?>';
+        let tag = <?php echo json_encode($tag); ?>;
         $.ajax({
             type: "get",
             url: "<?php echo site_url() . '/General/get_data_search_pagination' ?>",
@@ -90,14 +90,14 @@
     }
 
     function load_num_project() {
-        var limit = document.getElementById("limit").value;
-        var year = '<?php echo $year; ?>';
-        var grade = '<?php echo $grade; ?>';
-        var cluster = '<?php echo $cluster; ?>';
-        var team = '<?php echo $team; ?>';
-        var company = '<?php echo $company; ?>';
-        var pname = '<?php echo $pname; ?>';
-        var tag = <?php echo json_encode($tag); ?>;
+        let limit = document.getElementById("limit").value;
+        let year = '<?php echo $year; ?>';
+        let grade = '<?php echo $grade; ?>';
+        let cluster = '<?php echo $cluster; ?>';
+        let team = '<?php echo $team; ?>';
+        let company = '<?php echo $company; ?>';
+        let pname = '<?php echo $pname; ?>';
+        let tag = <?php echo json_encode($tag); ?>;
         $.ajax({
             type: "get",
             url: "<?php echo site_url() . '/General/get_num_search_page' ?>",
@@ -184,13 +184,13 @@
     }
 
     function mark_btn(btn_page_id) {
-        var elements = document.getElementsByClassName("page-link");
-        for (var i = 0; i < elements.length; i++) {
+        let elements = document.getElementsByClassName("page-link");
+        for (let i = 0; i < elements.length; i++) {
             elements[i].style.backgroundColor = "";
             elements[i].style.color = "";
             elements[i].style.border = "";
         }
-        var btn_page = document.getElementById(btn_page_id);
+        let btn_page = document.getElementById(btn_page_id);
         if (btn_page !== null) {
             btn_page.style.backgroundColor = "darkturquoise";
             btn_page.style.color = "white";