<?php

include 'load.php';

?>

<!DOCTYPE html>
<html lang="en">

<head>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	<meta name="description" content="POS - Payroll | Pos & Invetory System | Dashboard">
	<meta name="keywords" content="Payroll | Pos & Invetory System | Dashboard">
	<meta name="author" content="Payroll | Pos & Invetory System | Dashboard">
	<meta name="robots" content="noindex, nofollow">

	<title>Expenses Report | Payroll | Pos & Invetory System | Dashboard</title>

	<?php
	require_once 'headercss.php';
	?>

</head>

<body>

	<div class="main-wrapper">
		<?php
		require_once 'header.php';
		?>

		<?php
		require_once 'navbar.php';
		?>

		<div class="page-wrapper">
			<div class="content">
				<div class="page-header">
					<div class="page-title">
						<h4>Expenses Report</h4>
						<h6>Manage your Expenses</h6>
					</div>
				</div>

				<div class="card">
					<div class="card-body">
						<div class="table-top">
							<div class="search-set">
							</div>
							<div class="wordset">
							</div>
						</div>

						<div class="card mb-0" id="filter_inputs" style="display:block;">
							<div class="card-body pb-0">
								<div class="row">
									<div class="col-lg-12 col-sm-12">
										<form method="get" enctype="multipart/form-data">
											<div class="row">
												<div class="col-lg-4 col-sm-6 col-12">
													<div class="form-group">
														<label for="start-date">Start Date:</label>
														<input type="date" id="start-date" name="start_date"
															class="form-control">
													</div>
												</div>
												<div class="col-lg-4 col-sm-6 col-12">
													<div class="form-group">
														<label for="end-date">End Date:</label>
														<input type="date" id="end-date" name="end_date"
															class="form-control">
													</div>
												</div>
                                                
												<div class="col-lg-4 col-sm-6 col-12">
													<div class="form-group">																										<button class="btn btn-outline-success active btn-block btn-md" type="submit" name="submit" style="margin-top:33px;width:100%;">Search</button>
													</div>
												</div>
											</div>
										</form>

									</div>
								</div>
							</div>
						</div>
                        <div class="table-responsive">
							<table class="table" id="betable">
								<thead>
									<tr>
                                        <th>Expense</th>
										<th>Category</th>
                                        <th>Ref NO</th>
                                        <th>Added Date</th>
										<th>Amount</th>

									</tr>
								</thead>
								<tbody>
                                    <?php  
                                    if(!empty($_GET['start_date']) && !empty($_GET['end_date'])){
                                        $startdate = $_GET['start_date'];
                                        $enddate = $_GET['end_date'];
                                        $datechage = "AND mobileexpense.branch_id='".$user_resalt['branch_id']."' AND mobileexpense.add_date BETWEEN '$startdate' AND '$enddate'";
										$sql = "SELECT * FROM mobileexpense,mobileexpensecategory
                                        WHERE mobileexpense.expcategory = mobileexpensecategory.epid $datechage";
                                   $rs = $conn->query($sql);
                                        if ($rs->num_rows > 0) {
                                            while($row = $rs->fetch_assoc()) {  ?>
                                             <tr>
                                                <td><?php echo $row['expname']; ?></td>
                                                <td><?php echo $row['epname']; ?></td>
                                                <td><?php echo $row['refno']; ?></td>
                                                <td><?php echo $row['add_date']; ?></td>
                                                <td class="text-red">Rs.
												
                                                <?php 
													echo number_format((float) $row['amount'], 2); ?>
												</td>
                                               
                                               
                                             </tr>           
                                         <?php }
                                        }
                                    }
                                    ?>
                                </tbody>
                            </table>
                        </div>
						

                        <div id="printableArea" style="display:none;">
                        <table class="table">
								<thead>
									<tr>
                                        <th>Expense</th>
										<th>Category</th>
                                        <th>Ref NO</th>
                                        <th>Added Date</th>
										<th>Amount</th>
									</tr>
								</thead>
								<tbody>
                                <?php  
                                    if(!empty($_GET['start_date']) && !empty($_GET['end_date'])){
                                        $startdate = $_GET['start_date'];
                                        $enddate = $_GET['end_date'];
                                        $datechage = "AND mobileexpense.add_date BETWEEN '$startdate' AND '$enddate'";
                                    
                                    
                                    
                                   
                                       $sql = "SELECT * FROM mobileexpense,mobileexpensecategory
                                       WHERE mobileexpense.expcategory = mobileexpensecategory.epid $datechage
                                    ";
                                   $rs = $conn->query($sql);
                                        if ($rs->num_rows > 0) {
                                            while($row = $rs->fetch_assoc()) {  ?>
                                             <tr>
                                                <td><?php echo $row['expname']; ?></td>
                                                <td><?php echo $row['epname']; ?></td>
                                                <td><?php echo $row['refno']; ?></td>
                                                <td><?php echo $row['add_date']; ?></td>
                                                <td class="text-red">Rs.
												
                                                <?php 
													echo number_format((float) $row['amount'], 2); ?>
												</td>
                                               
                                               
                                             </tr>           
                                         <?php }
                                        }
                                    }
                                    ?>
                                </tbody>
                            </table>
                        </div>















						</div>
					</div>
				</div>

			</div>
		</div>
	</div>

	<script>
		function printDiv(printableArea) {

			var printContents = document.getElementById(printableArea).innerHTML;
			var originalContents = document.body.innerHTML;

			document.body.innerHTML = printContents;

			window.print();

			document.body.innerHTML = originalContents;

		}
	</script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"></script>

	<script>
	// Initialize Select2 plugin with typing search functionality
	$('.select2').select2();
	</script>
	
	<script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
							
	<script src="assets/js/jquery-3.6.0.min.js"></script>

	<script src="assets/js/feather.min.js"></script>

	<script src="assets/js/jquery.slimscroll.min.js"></script>

	<script src="assets/js/jquery.dataTables.min.js"></script>
	<script src="assets/js/buttons.dataTables.js"></script>
	<script src="assets/js/dataTables.bootstrap4.min.js"></script>

	<script src="assets/js/bootstrap.bundle.min.js"></script>

	<script src="assets/js/moment.min.js"></script>
	<script src="assets/js/bootstrap-datetimepicker.min.js"></script>
	<script src="assets/js/pdfmake.min.js"></script>
	<script src="assets/plugins/select2/js/select2.min.js"></script>
	<script src="assets/js/vfs_fonts.js"></script>

	<script src="assets/plugins/sweetalert/sweetalert2.all.min.js"></script>
	<script src="assets/plugins/sweetalert/sweetalerts.min.js"></script>
	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
	<script src="assets/js/dataTables.buttons.min.js"></script>
	<script src="assets/js/jszip.min.js"></script>
	<script src="assets/js/buttons.html5.min.js"></script>
	<script src="assets/js/script.js"></script>
	
	<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>

	<script>
		

		$(document).ready( function() {
			$('#betable').DataTable({
        dom: 'Bfrtip', 
        buttons: [
            'copy', 
            'csv',  
            {
                extend: 'excelHtml5', 
                customize: function(xlsx) {
                    var sheet = xlsx.xl.worksheets['sheet1.xml']; 
                    $('row c[r^="C"]', sheet).attr('s', '2'); 
                }
            },
            'pdf',  
            'print' 
        ]
    });
	} );
	</script>
	
	<style>
	#betable_filter{
		margin-bottom: 20px;
	}
	</style>
	
</body>
</html>