<?php 
//require_once("checkLoginStatus.php");
require_once("config/configDB.php");
require_once("config/constant.php");
require_once("userPermission.php");
 ?>
<!DOCTYPE html>
<html>
<head>
    <title>Expense Dashboard</title>
    <?php require 'header.php' ?>
    

</head>
<body>
    <?php require 'menu.php' ?>

<div class="container-fluid text-right col-sm-12 sale-dashboard-add">   
<?php if($expense_Add==1) {  ?>  
<a href="expenseEntry.php" class="btn btn-primary">Add</a>
<?php } ?>
</div>

<div class="container col-sm-12">

<table id="expenseEntryDashboard" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Cash No</th>
                <th>Date</th>
                <th>Expense Type </th>
                <th>Expense</th>
                <!-- <th>Silver AQUA</th>
                <th>Available Amount</th> -->
                <th>Amount</th>
                <th>Remarks</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
         
           
        </tbody>
       
    </table>
    
</div>



    <?php require 'footer.php' ?>

    <script>
    //expenseentrygriddata.php
    $(document).ready(function() {
        var dataTable =  $('#expenseEntryDashboard').DataTable( {
                responsive: {
             details: {
                 renderer: function ( api, rowIdx ) {
                 var data = api.cells( rowIdx, ':hidden' ).eq(0).map( function ( cell ) {
                     var header = $( api.column( cell.column ).header() );
                     return  '<p style="color:#00A">'+header.text()+' : '+api.cell( cell ).data()+'</p>';
                 } ).toArray().join('');
    
                 return data ?    $('<table/>').append( data ) :    false;
                 }
             }
             },
            processing: true,
            serverSide: true,
         //ajax: "test.js", // json datasource
         ajax: {
            url :"expenseentrygriddata.php",
            type: 'POST',
            data:  {
                userpermissionEdit   : "<?php echo $expense_Edit; ?>",
                userpermissionDelete : "<?php echo $expense_Delete; ?>"
            }
         }
         } );
    } );	function ConfirmEEDelete(eeid){		        if(confirm('Are you sure?')){            console.log("Grid Row deleted");        }      }
</script>
</body>
</html>