diff --git a/pgr/qaqc.html b/pgr/qaqc.html
index 583b7f2..ec37e77 100644
--- a/pgr/qaqc.html
+++ b/pgr/qaqc.html
@@ -1,149 +1,154 @@
 <!DOCTYPE html>
-<html lang="en" dir="">
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
 <meta charset="UTF-8">
-<html xmlns:th="http://www.thymeleaf.org">
 <head th:replace="~{fragments/modules/base/head :: head}"></head>
-    <body>
-        <!--[if lt IE 8]>
-            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
-        <![endif]-->
+<body>
 
-        <div class="wrapper">
-			<!-- header top menu Start -->
-			 <header th:replace="~{fragments/modules/base/header :: header}"></header>
-			<!-- header top menu end -->
 
-            <div class="page-wrap">
-				<!--=============== Left Menu side Start ================-->
-				<div th:replace="~{fragments/modules/base/menu :: menu}"></div>
-				<!--=============== Left side End ================-->
-                <div class="main-content">
-                    <div class="container-fluid">
-                        <div class="page-header">
-                            <div class="row align-items-end">
-                                <div class="col-lg-8">
-                                    <div class="page-header-title">
-                                        <i class="fa fa-list-alt bg-blue"></i>
-                                        <div class="d-inline">
-                                            <h5>PGR COMPLAINT QA/QC</h5>
-                                            <span>PGR COMPLAINT  QA/QC Reports list module</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="col-lg-4">
-                                    <nav class="breadcrumb-container" aria-label="breadcrumb">
-                                        <ol class="breadcrumb">
-                                            <li class="breadcrumb-item">
-                                                <a href="/index"><i class="ik ik-home"></i></a>
-                                            </li>
-                                            <li class="breadcrumb-item">PGR Complaints</li>
-                                            <li class="breadcrumb-item">QA/QC Reports</li>
-                                        </ol>
-                                    </nav>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <hr>
-                        <div class="row">
-                            <div class="col-md-12">
-                                <div class="card">
-                                    
-                                    <div class="card-block">
-                                    <form class="" action="" onsubmit="getReport()">
-                                    
-                                    <div class="row">
-                                     <div class="col">
-	     <label for="fromDate" class="">From Date</label>
-	     <input type="date" class="form-control" id="fromDate" name="sFrDate" th:value="${sFrDate}" data-date-format="dd/mm/yy" required>
-	    </div>
-	    
-	    <div class="col">
-	     <label for="toDate" class="">To Date</label>
-	     <input type="date" class="form-control" id="toDate" name="sToDate" th:value="${sToDate}" data-date-format="dd/mm/yy" required>
-	    </div>
-	    
+	<div class="wrapper">
+		<!-- header top menu Start -->
+		<header th:replace="~{fragments/modules/base/header :: header}"></header>
+		<!-- header top menu end -->
 
-                                    <div class="col">
-                                    <br>
-                                      <button type="submit" class="btn btn-sm btn-primary btn-lg float-right">Search</button>
-	                                </div>
-	                                </div>
-                                 </form>
-                                 <br>
-                                        <div>
-											<table id="assetDatatable" class="table table-striped table-bordered table-hover dataTable" role="grid" width="100%">
-                                                <thead class="thead-dark">
-	                                                <tr role="row">
-														<th class="text-center no-sort" width="1%">S.No</th>
-														<th class="text-center" width="10%">Complaint Number</th>
-														<th class="text-center" width="10%">Department</th>
-														<th class="text-center" width="10%">Complaint Type Name</th>
-														<th class="text-center" width="10%">Complaint Date</th>
-														<th class="text-center" width="10%">Time</th>
-														<th class="text-center" width="10%">Complaint Details</th>
-						                                <th class="text-center" width="10%">Complaint Name</th>
-						                                <th class="text-center" width="10%">Complaint Mobile Number</th>
-						                                <th class="text-center" width="10%">Official  Name</th>
-						                                <th class="text-center" width="10%">Official  Mobile Number</th>
-						                                <th class="text-center" width="10%">Completion Date</th>
-						                                <th class="text-center" width="10%">Status</th>
-													</tr>
-                                                </theadclass="thead-dark">
-                                                <tbody>
-	                                                <tr th:each="qaqc, i : ${qaqclist}" class="qaqcreportlist">
-						                                <td th:text="${i.count}">0</td>
-														<td class="text-center" th:text="${qaqc.COMPLAINTNUMBER }"></td>
-														<td class="text-center" th:text="${qaqc.DEPT_NAME }"></td>
-						                                <td class="text-center" th:text="${qaqc.COMPLAINTTYPENAME}"></td>
-						                                <td th:text="${qaqc.COMPLAINTDATE}"></td>
-														<td th:text="${qaqc.COMPLAINTTIME}"></td>
-														<td th:text="${qaqc.COMPLAINTDETAILS}"></td>
-														<td th:text="${qaqc.COMPLAINANTFIRSTNAME}"></td>
-														<td th:text="${qaqc.COMPLAINANTMOBILENUMBER}"></td>
-														<td th:text="${qaqc.USER_NAME}"></td>
-														<td th:text="${qaqc.MOBILE_NUMBER}"></td>
-						                                <td th:text="${qaqc.COMPLAINTCOMPLETIONDATE}"></td>
-						                                <td th:text="${qaqc.STATUS}"></td>
-						                            </tr>
-                                                 </tbody>
-                                                <tfoot class="thead-dark">
-	                                                <tr>
-														<th class="text-center">S.No</th>
-						                                <th class="text-center">Complaint Number</th>
-														<th class="text-center">Department</th>
-														<th class="text-center">Complaint Type Name</th>
-														<th class="text-center">Complaint Date</th>
-														<th class="text-center">Time</th>
-														<th class="text-center">Complaint Details</th>
-						                                <th class="text-center">Complaint Name</th>
-						                                <th class="text-center">Complaint Mobile Number</th>
-						                                <th class="text-center">Official  Name</th>
-						                                <th class="text-center">Official  Mobile Number</th>
-						                                <th class="text-center">Completion Date</th>
-						                                <th class="text-center">Status</th>
-													</tr>
-                                                </tfoot>
-                                            </table>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                    </div>
-                </div>
+		<div class="page-wrap">
+			<!--=============== Left Menu side Start ================-->
+			<div th:replace="~{fragments/modules/base/menu :: menu}"></div>
+			<!--=============== Left side End ================-->
+			<div class="main-content">
+				<div class="container-fluid">
+					<div class="page-header">
+						<div class="row align-items-end">
+							<div class="col-lg-8">
+								<div class="page-header-title">
+									<i class="fa fa-list-alt bg-blue"></i>
+									<div class="d-inline">
+										<h5>PGR COMPLAINT QA/QC</h5>
+										<span>PGR COMPLAINT QA/QC Reports list module</span>
+									</div>
+								</div>
+							</div>
+							<div class="col-lg-4">
+								<nav class="breadcrumb-container" aria-label="breadcrumb">
+									<ol class="breadcrumb">
+										<li class="breadcrumb-item"><a href="/index"><i
+												class="ik ik-home"></i></a></li>
+										<li class="breadcrumb-item">PGR Complaints</li>
+										<li class="breadcrumb-item">QA/QC Reports</li>
+									</ol>
+								</nav>
+							</div>
+						</div>
+					</div>
 
-                <footer th:replace="~{fragments/modules/base/footer :: footer}"></footer>
-            </div>
-        </div>
-		
-		
-        
-        <div th:replace="~{fragments/modules/base/app_module_menu_box :: div}"></div>
-       
-        <script th:replace="~{fragments/modules/base/script :: script}"></script>
-        <script>
+					<hr>
+					<div class="row">
+						<div class="col-md-12">
+							<div class="card">
+
+								<div class="card-block">
+									<form class="" action="" onsubmit="getReport()">
+
+										<div class="row">
+											<div class="col">
+												<label for="fromDate" class="">From Date</label> <input
+													type="date" class="form-control" id="fromDate"
+													name="sFrDate" th:value="${sFrDate}"
+													data-date-format="dd/mm/yy" required>
+											</div>
+
+											<div class="col">
+												<label for="toDate" class="">To Date</label> <input
+													type="date" class="form-control" id="toDate" name="sToDate"
+													th:value="${sToDate}" data-date-format="dd/mm/yy" required>
+											</div>
+
+
+											<div class="col-md-3"
+												style="display: flex; justify-content: space-between; align-items: center; margin-top: 25px;">
+												<button type="submit" style="width: 100%; height: auto;"
+													class=" btn  btn-sm btn-primary btn-l">search</button>
+											</div>
+										</div>
+									</form>
+									<br>
+									<div>
+										<table id="assetDatatable"
+											class="table table-striped table-bordered table-hover dataTable"
+											role="grid" width="100%">
+											<thead class="thead-dark">
+												<tr role="row">
+													<th class="text-center no-sort" width="1%">S.No</th>
+													<th class="text-center" width="10%">Complaint Number</th>
+													<th class="text-center" width="10%">Department</th>
+													<th class="text-center" width="10%">Complaint Type
+														Name</th>
+													<th class="text-center" width="10%">Complaint Date</th>
+													<th class="text-center" width="10%">Time</th>
+													<th class="text-center" width="10%">Complaint Details</th>
+													<th class="text-center" width="10%">Complaint Name</th>
+													<th class="text-center" width="10%">Complaint Mobile
+														Number</th>
+													<th class="text-center" width="10%">Official Name</th>
+													<th class="text-center" width="10%">Official Mobile
+														Number</th>
+													<th class="text-center" width="10%">Completion Date</th>
+													<th class="text-center" width="10%">Status</th>
+												</tr>
+												</theadclass="thead-dark">
+											<tbody>
+												<tr th:each="qaqc, i : ${qaqclist}" class="qaqcreportlist">
+													<td th:text="${i.count}">0</td>
+													<td class="text-center" th:text="${qaqc.COMPLAINTNUMBER }"></td>
+													<td class="text-center" th:text="${qaqc.DEPT_NAME }"></td>
+													<td class="text-center" th:text="${qaqc.COMPLAINTTYPENAME}"></td>
+													<td th:text="${qaqc.COMPLAINTDATE}"></td>
+													<td th:text="${qaqc.COMPLAINTTIME}"></td>
+													<td th:text="${qaqc.COMPLAINTDETAILS}"></td>
+													<td th:text="${qaqc.COMPLAINANTFIRSTNAME}"></td>
+													<td th:text="${qaqc.COMPLAINANTMOBILENUMBER}"></td>
+													<td th:text="${qaqc.USER_NAME}"></td>
+													<td th:text="${qaqc.MOBILE_NUMBER}"></td>
+													<td th:text="${qaqc.COMPLAINTCOMPLETIONDATE}"></td>
+													<td th:text="${qaqc.STATUS}"></td>
+												</tr>
+											</tbody>
+											<tfoot class="thead-dark">
+												<tr>
+													<th class="text-center">S.No</th>
+													<th class="text-center">Complaint Number</th>
+													<th class="text-center">Department</th>
+													<th class="text-center">Complaint Type Name</th>
+													<th class="text-center">Complaint Date</th>
+													<th class="text-center">Time</th>
+													<th class="text-center">Complaint Details</th>
+													<th class="text-center">Complaint Name</th>
+													<th class="text-center">Complaint Mobile Number</th>
+													<th class="text-center">Official Name</th>
+													<th class="text-center">Official Mobile Number</th>
+													<th class="text-center">Completion Date</th>
+													<th class="text-center">Status</th>
+												</tr>
+											</tfoot>
+										</table>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+
+				</div>
+			</div>
+
+			<footer th:replace="~{fragments/modules/base/footer :: footer}"></footer>
+		</div>
+	</div>
+
+
+
+	<div th:replace="~{fragments/modules/base/app_module_menu_box :: div}"></div>
+
+	<script th:replace="~{fragments/modules/base/script :: script}"></script>
+	<script>
 			$(document).ready(function() {
 				
 				// DataTables buttons configuration
@@ -220,27 +225,16 @@
 		}
 			
 			function getReport(){
-				alert("Hello Developers")
+				alert("Wait for response to load data...")
 				let sFrDate = document.getElementById("fromdate").value;
 				let sToDate = document.getElementById("todate").value;
 				
-				
-				/* let toDate = new Date(sToDate);
-
-			    // Add one day to the toDate
-			    toDate.setDate(toDate.getDate() + 1);
-			    let modifiedToDate = toDate.toISOString().split('T')[0]; */
 				window.location.href='/qaqc?sFrDate='+sFrDate+'&sToDate='+sToDate;
 				
-				
-				
-				
-				
-				
 			}
 			
 			
 			
 		</script>
-    </body>
+</body>
 </html>