<?php
include("db/cn.php");
ob_start();
if (isset($_SESSION['user_name']) && isset($_SESSION['user_role']) && isset($_SESSION['outlet_name']) && isset($_SESSION['outlet_address'])) {
    $userName = $_SESSION['user_name'];
    $userRole = $_SESSION['user_role'];
    $outlet_address = $_SESSION['outlet_address'];
    $outlet_name = $_SESSION['outlet_name'];
}
ob_end_flush();

// Fetch employee list for dropdown
$employees = mysqli_query($connection, "SELECT DISTINCT emp_name FROM adv_salari");

if (isset($_POST['filter'])) {
    $emp_name = $_POST['supplier'];
    $startDate = $_POST['startDate'];
    $endDate = $_POST['endDate'];

    // Query to fetch the last opening salary before or on the exact start date
    $query_opening = "SELECT emp_amount AS opening, amount_type, date_time AS trans_date 
                      FROM opening_salari 
                      WHERE emp_name1 = '$emp_name' 
                      AND date_time >= '$startDate'
                      ORDER BY date_time DESC 
                      LIMIT 1";

    $result_opening = mysqli_query($connection, $query_opening);
    $opening_row = mysqli_fetch_assoc($result_opening);

    // If no opening balance is found, set the opening salary to zero
    $opening_salary = $opening_row ? $opening_row['opening'] : 0;

    // Adjust the opening salary based on the amount_type (dr or cr)
    if ($opening_row['amount_type'] === 'dr') {
        $opening_salary = -abs($opening_salary); // Debit means negative opening
    } elseif ($opening_row['amount_type'] === 'cr') {
        $opening_salary = abs($opening_salary); // Credit means positive opening
    }

    // Fetch payable transactions for the employee within the date range
    $query_payable = "SELECT date_time AS trans_date, emp_adv AS amount, 'Paid' AS description 
                      FROM adv_salari 
                      WHERE emp_name = '$emp_name' AND date_time >= '$startDate' AND date_time <= '$endDate'";
    $payable_transactions = mysqli_query($connection, $query_payable);

    // Fetch paid transactions for the employee within the date range
    $query_paid = "SELECT date_time AS trans_date, emp_paid AS amount, 'Payable' AS description 
                   FROM salari_paid 
                   WHERE emp_name = '$emp_name' AND date_time >= '$startDate' AND date_time <= '$endDate'";
    $paid_transactions = mysqli_query($connection, $query_paid);

    // Initialize totals
    $total_payable = 0;
    $total_paid = 0;
    $running_balance = $opening_salary; // Start with adjusted opening balance

    // Combine opening, payable, and paid transactions into one array
    $transactions = [];

    // Add the opening balance to the transactions array with the start date
    $transactions[] = [
        'trans_date' => $startDate,
        'description' => 'Opening Balance',
        'amount' => $opening_salary
    ];

    // Add all payable transactions
    while ($row = mysqli_fetch_assoc($payable_transactions)) {
        $transactions[] = $row;
    }

    // Add all paid transactions
    while ($row = mysqli_fetch_assoc($paid_transactions)) {
        $transactions[] = $row;
    }

    // Sort transactions by date
    usort($transactions, function($a, $b) {
        return strcmp($a['trans_date'], $b['trans_date']);
    });

    // Logic to carry over the closing balance as the opening of the next day
    $last_date = null;  // Track the date of the last processed transaction
    $carried_balance = $running_balance; // Track the carried-over balance
    $final_transactions = []; // Store the final sequence with balance carried over

    foreach ($transactions as $transaction) {
        $current_date = $transaction['trans_date'];

        // If the date changes, insert a new opening balance for the next day
        if ($last_date && $current_date != $last_date) {
            $next_day = date('Y-m-d', strtotime($last_date . ' +1 day'));
            $final_transactions[] = [
                'trans_date' => $next_day,
                'description' => 'Opening Balance',
                'amount' => 0, // Opening balance does not have an amount, just the balance carried over
                'balance' => $carried_balance
            ];
        }

        // Update the running balance based on the transaction type
        if ($transaction['description'] === 'Payable') {
            $total_payable += $transaction['amount'];
            $carried_balance += $transaction['amount'];
        } elseif ($transaction['description'] === 'Paid') {
            $total_paid += $transaction['amount'];
            $carried_balance -= $transaction['amount'];
        }

        // Add the transaction to the final list, including the running balance
        $transaction['balance'] = $carried_balance;
        $final_transactions[] = $transaction;

        // Update the last_date for the next iteration
        $last_date = $current_date;
    }
}
?>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Salary Report</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="css/custom_css.css" />
</head>
<style>
 #table-container-wrapper {
    max-height: 460px; /* Adjust the maximum height as needed */
    overflow-y: auto; /* Enable vertical scroll when content overflows */
}


@media (max-width: 880px) {
    .col-4 {
        width: 33.33% !important;
    }
    .fa-wifi {
        display: none !important;
    }
    .col-6 {
        width: 50% !important;
    }
}

@media (min-width: 880px) {
    .sidebar {
        width: 100%;
        /* Change sidebar width to 100% on mobile */
        max-width: 120px; /* Set maximum width for the sidebar */
    }
}

@media (min-width: 880px) {
    .main-content {
        margin-left: ; /* Width of the sidebar */
    }
}

/* Added new class to control overlay */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;
    display: none; /* Initially hidden */
} /* Custom styles for sidebar */
    .sidebar {
        width: 100px;
        background: linear-gradient(180deg, #3C2F23, #060606);
        position: fixed;
        bottom: 0;
        top: 60px;
        transition: transform 0.3s ease-in-out;
        transform: translateX(0);
        z-index: 1;
        height: 100%;
        border-radius: 0px;
		   transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
    }

    .sidebar.hide {
        transform: translateX(-100px);
        /* Move sidebar out of the viewport when it is hidden */
    }

    .sidebar .nav-item {
        padding: 10px 0;
        text-align: center;
        position: relative;
        font-size: 12px;
    }

    .sidebar .nav-link {
        color: #fff;
        position: relative;
        /* Ensure icon and text are positioned relative to the nav link */
        z-index: 2;
        /* Ensure the text and icon are above the hover background */
    }

    .sidebar .nav-link i {
        margin-bottom: 5px;
        /* Adjust the margin of the icon */
    }

    /* Custom styles for hover effect */
    .sidebar .nav-item:hover:after {
        background-color: #fff;
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        /* Ensure the hover background is below the text and icon */
    }

    .sidebar .nav-item:hover .nav-link {
        color: #503F2E;
    }

    /* Custom styles for divider */
    .sidebar .nav-item:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #fff;
        transition: height 0.3s ease-in-out;
        /* Transition effect for smooth animation */
    }

    /* Custom styles for header */
 .header {
		
       background: linear-gradient(100deg, #3C2F23, #060606);
        color: #fff;
        padding: 10px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2;
        height: 69px;
        box-shadow: #FFF 2px 0px 0px 0px;
        /* Ensure header appears above sidebar */
    }

    .header .navbar-toggler {
        color: #fff;
    }

    .header .navbar-toggler-icon {
        color: #fff;
        /* Set the color of the toggle button to white */
    }

    .header .navbar-toggler.white {
        color: #fff !important;
        /* Ensure the toggle button is white */
    }

    .header .navbar-brand {
        color: #fff;
        /* Set navbar brand text color to white */
    }

    .header .nav-item .nav-link {
        color: #fff;
        /* Set nav link text color to white */
    }

.main-content {
    margin-top: 50px; /* Height of fixed header */
    margin-left: 70px; /* Initially, set margin-left to 0 */
    padding-top: 30px; /* Height of fixed header */
    transition: margin-left 0.3s ease-in-out; /* Add transition for smoother animation */
}


    /* Custom styles for search bar */
    .search-container {
        display: flex;
        align-items: center;
       width:100%;
        margin: 2px auto;


        float:left;
	}

/* Updated hide class to apply to the overlay */
.sidebar.hide, .overlay.hide {
    transform: translateX(-100%);
}

    .search-input {
        width: 100%;
        padding: 10px 30px 10px 10px;
        /* Adjust padding to accommodate the icon */
        border: 1px solid #ccc;
        border-radius: 20px;
        font-size: 16px;
    }

    .search-icon {
        position: relative;
        left: -25px;
        /* Adjust the position of the icon */
        color: #aaa;
    }

    .search-icon i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }    .btn-dark {
        background: #503F2E;
        color: #fff;
        border: 1px solid #503F2E;
    }

    .btn-dark:hover {
        background: #fff;
        color: #503F2E;
        border: 1px solid #503F2E;
    }

    .bg-dark2 {
        background: #503F2E;
        color: #fff;
    }


    .modal-content {
        animation: modal-animation 0.5s;
    }

    @keyframes modal-animation {
        from {
            opacity: 0;
            transform: scale(0.8);
        }

        to {
            opacity: 1;
            transform: scale(1);
        }
    }	
    		.card {
    transition: all 0.3s ease-in-out;
    padding:10px;
}

.card:hover {
    background: #503F2E;
    color: #fff;
    box-shadow: 0 0 15px rgba(60, 47, 35, 0.7); /* Soft glow effect with color #1A5319 and opacity */
    border-radius: 10px;
	border:1px solid #fff;
	
}
	
</style>
<body>

    <?php include("common/hd.php");?>
    <?php include("common/sd.php"); ?>
  <div class="main-content">
        <div class="container mt-5">
        <h3 style="width:405px; height:66px; text-align:center; background:#503F2E; color:#fff; padding:12px; border-radius:10px;">Salary Report</h3><br>
            <form method="post">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="supplier">Employee Name:</label>
                            <select class="form-control" name="supplier" required>
                                <option value="">Select Employee</option>
                                <?php while($row = mysqli_fetch_assoc($employees)): ?>
                                    <option value="<?= $row['emp_name'] ?>" <?= isset($emp_name) && $emp_name == $row['emp_name'] ? 'selected' : '' ?>>
                                        <?= $row['emp_name'] ?>
                                    </option>
                                <?php endwhile; ?>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="startDate">Start Date:</label>
                            <input type="date" class="form-control" name="startDate" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="endDate">End Date:</label>
                            <input type="date" class="form-control" name="endDate" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                    <div class="form-group">
                        
                        <button type="submit" class="btn btn-dark" name="filter" style="margin-top:30px;">Filter</button>
                         <a href="report_salari.php"><button type="button" class="btn btn-dark"  style="margin-top:30px;"><i class="fas fa-sync-alt fa-1x"></i></button></a>
<button id="downloadExcel" class="btn btn-dark " style="margin-top:30px;">Download </button>
<a href="report_p.php"><button type="button" class="btn btn-dark" style="margin-top:30px;"><i class="fas fa-arrow-left fa-1x"></i></button></a>
                    </div>
                    
                </div>
                </div>
<br>
                <!-- Show selected employee name -->
                <?php if(isset($emp_name)): ?>
                    <h5 class="text-center" style="background:#503F2E;color:#fff; padding:20px; border-radius:10px;">Salary Ledger Report for Employee: <strong style="text-transform:capitalize;"><?= $emp_name ?></strong></h5>
                <?php endif; ?>

                <?php if(isset($final_transactions)): ?>
                    <div class="col-sm-12" id="table-container-wrapper">
                        <table id="patientTable" class="table table-striped table-hover text-center table-sm">
                            <thead>
                                <tr class="bg-dark text-white">
                                    <th>Date</th>
                                    <th>Description</th>
                                    <th>Amount</th>
                                    <th>Balance</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach($final_transactions as $transaction): ?>
                                    <tr>
                                        <td><?= $transaction['trans_date'] ?></td>
                                        <td><?= $transaction['description'] ?></td>
                                        <td>Rs <?= number_format($transaction['amount'], 2) ?></td>
                                        <td>Rs <?= number_format($transaction['balance'], 2) ?></td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <table class="table">
                                <tfoot>
                                    <tr>
                                        <th>Opening Salary:</th>
                                        <td>Rs <?= number_format($opening_salary, 2) ?></td>
                                    </tr>
                                    <tr>
                                        <th>Total Payable:</th>
                                        <td>Rs <?= number_format($total_payable, 2) ?></td>
                                    </tr>
                                    <tr>
                                        <th>Total Paid:</th>
                                        <td>Rs <?= number_format($total_paid, 2) ?></td>
                                    </tr>
                                    <tr>
                                        <th>Final Balance:</th>
                                        <td>Rs <?= number_format($carried_balance, 2) ?></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                <?php endif; ?>

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

</body>
<!-- Include the SheetJS (xlsx) library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.full.min.js"></script>
<!-- JavaScript for exporting the table data to Excel -->
<script>
    document.getElementById('downloadExcel').addEventListener('click', function() {
        // Get the table element
        var table = document.getElementById('patientTable');

        // Clean the table to avoid potential issues with hidden rows or formatting
        var clone = table.cloneNode(true); // Clone the table
        var rows = clone.querySelectorAll('tr');

        // Remove hidden or empty rows if necessary
        rows.forEach(function(row) {
            if (row.style.display === 'none' || row.innerText.trim() === '') {
                row.remove();
            }
        });

        // Convert the table into a worksheet using SheetJS
        var workbook = XLSX.utils.table_to_book(clone, { sheet: "Patients" });

        // Export the Excel file with a proper name
        try {
            XLSX.writeFile(workbook, 'Salary_data.xlsx');
        } catch (error) {
            console.error("Error while writing the file: ", error);
            alert("Error generating Excel file. Please check if the SheetJS library is properly loaded.");
        }
    });
</script>
</html>