<?php
session_start();
require_once ("connection_sql.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Search Expenses</title> 
	<style type="text/css">
		tfoot input {
			width: 100%;
			padding: 3px;
			box-sizing: border-box;
		}
	</style>
	<link  href="vendor/new/multi/jquery.dataTables.min.css" rel="stylesheet" type="text/css"> 
	<script src="vendor/new/multi/jquery-3.5.1.js" ></script>
	<script src="vendor/new/multi/jquery.dataTables.min.js" ></script>
 
    <script language="JavaScript" src="js/expenses.js"></script> 
    
</head>
 
<body>
 
    <table id="example" class="display" style="width:100%">
        <thead>
            <tr>            
              <td align="center">Ref No</td>
              <td align="center">Date</td>
              <td align="center">Employee</td>
              <td align="center">Amount</td>
            </tr>
        </thead>
        <tbody>
            <?php
            $stname = "";
            if (isset($_GET['stname'])) {
                $stname = $_GET["stname"];
            }
            ?>

            <?php  

                $sql = "select * from s_expenses ";           
                if ($_SESSION["company"] !="") {          
                    $sql .= " where COMPANY='".$_SESSION["company"]."'";
                    }  
                $sql .= " order by id desc";
                
                foreach ($conn->query($sql) as $row){
                    $cuscode = $row["REFNO"];
                    if($row['CANCELL'] == "1"){
                        $color="red";
                    }else{
                        $color="red";
                    }

                    echo "<tr bgcolor=\"$color\">
                            <td align=\"center\" onclick=\"pass_inv('$cuscode');\">" . $row['REFNO'] . "</a></td>
                            <td align=\"left\" onclick=\"pass_inv('$cuscode');\">" . $row['SDATE'] . "</a></td>
                            <td align=\"left\" onclick=\"pass_inv('$cuscode');\">" . $row['EMPLOYEE'] . "</a></td>
                            <td align=\"left\" onclick=\"pass_inv('$cuscode');\">" . $row['AMOUNT'] . "</a></td>
                        </tr>";
                } 
            ?>

        </tbody>
        <tfoot>
            <tr>
                <th align="center">Ref No</th>
                <th align="center">Date</th>
                <th align="center">Employee</th>
                <th align="center">Amount</th>
            </tr>
        </tfoot>
    </table>
</body>
</html>

<script type="text/javascript">
	$(document).ready(function() {
    // Setup - add a text input to each footer cell
    $('#example tfoot th').each( function () {
    	var title = $(this).text();
    	$(this).html( '<input type="text" placeholder="Search '+title+'" />' );
    } );

    // DataTable
    var table = $('#example').DataTable({
    	
    	lengthChange: true,
    	fixedHeader: true,
    	responsive: true,
    	"deferRender": true,
    	"order": [[ 0, 'desc' ]],
    	lengthMenu: [[ 15, 25, 50,100, -1 ],[ '15 rows', '25 rows', '50 rows', '100 rows', 'Show all' ]],
    	initComplete: function () {
            // Apply the search
            this.api().columns().every( function () {
            	var that = this;

            	$( 'input', this.footer() ).on( 'keyup change clear', function () {
            		if ( that.search() !== this.value ) {
            			that
            			.search( this.value )
            			.draw();
            		}
            	} );
            } );
        }
    });

} );
</script>


 
  