<?php
$this->load->library("BIBAccounts");
$BIBAccounts = new BIBAccounts();


?>
<!-- Include jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<!-- Include jQuery UI -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<style>
    table,
    td,
    tr {
        padding: 0px;
        margin: 0px;
    }

    .group-name {
        width: 40%;
    }

    .group-total {
        width: 10%;
    }

    .table-gray {
        background-color: #eee;
    }

    .table td,
    .table th {
        padding: 0px;
        margin: 0px;
    }

    .bg-darker {
        background-color: #ddd;
    }

    td .table {
        border: 0px !important;
        margin-bottom: 0rem;
    }

    table td:first-child {
        padding-left: 5px;
    }

    .table-bordered.vertical-borders td,
    .table-bordered.vertical-borders th {
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
    }

    .table-bordered.vertical-borders thead th {
        border-top: none;
        border-bottom: 2px solid #dee2e6;
    }

    .table-bordered.vertical-borders tfoot th {
        border-top: 2px solid #dee2e6;
        border-bottom: none;
    }
</style>


<div class="content-wrapper">
  

    <div class="content">
        <div class="container-fluid">
            <div class="card card-primary ">
                <div class="card-header">
                    <h4 class="card-title"><?php myLang("Report Options"); ?></h4>
                </div>

                <div class="card-body">
                    <form method="post" action="" id="FilterForm">
                        <div class="row align-items-end">
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="fromDate"><?php myLang("Starting Period"); ?></label>
                                    <input type="text" class="form-control nepaliDatePicker" name="fromDate" value="<?php echo (isset($_POST['fromDate'])) ? $_POST['fromDate'] : NepaliDate($this->session->FiscalYear->fiscalyear_from); ?>" id="fromDate" aria-describedby="helpId_fromDate" placeholder="Starting Period">

                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label for="toDate"><?php myLang("Ending Period"); ?></label>
                                    <input type="text" class="form-control nepaliDatePicker" name="toDate" value="<?php echo (isset($_POST['toDate'])) ? $_POST['toDate'] : NepaliDate($this->session->FiscalYear->fiscalyear_to); ?>" id="toDate" aria-describedby="helpId_toDate" placeholder="Ending Period">

                                </div>
                            </div>
                            <div class="col-1 text-center">
                                <div class="form-group">
                                    <label for="showOB"><?php myLang("Opening"); ?></label>
                                    <input type="checkbox" class="form-control " name="showOB" id="showOB" aria-describedby="helpId_showOB" placeholder="Show Opening Balance" <?php echo (isset($_POST['showOB'])) ? "CHECKED" : ""; ?>>

                                </div>
                            </div>
                            <div class="col-1 text-center">
                                <div class="form-group">
                                    <label for="showClosing"><?php myLang("Closing"); ?></label>
                                    <input type="checkbox" class="form-control " name="showClosing" id="showClosing" aria-describedby="helpId_showClosing" placeholder="Show Closing Balance" <?php echo (isset($_POST['showClosing'])) ? "CHECKED" : ""; ?>>

                                </div>
                            </div>
                            <div class="col-1 text-center">
                                <div class="form-group">
                                    <label for="showPeriod"><?php myLang("Period"); ?></label>
                                    <input type="checkbox" class="form-control " name="showPeriod" id="showPeriod" aria-describedby="helpId_showPeriod" placeholder="Show Periodic Balance" <?php echo (isset($_POST['showPeriod'])) ? "CHECKED" : ""; ?>>

                                </div>
                            </div>



                            <div class="col">
                                <div class="form-group d-flex justify-content-end">
                                    <button class="btn btn-secondary toggle-collapse mr-2" id="toggleShowAll">Toggle Collapse</button>
                                    <button type="submit" class="btn btn-primary mr-2">Filter</button>
                                    <button class="btn btn-success expand-all mr-2" id="exportButton">Export</button>
                                    <button type="button" class="btn btn-warning" onclick="resetForm()">Reset</button>
                                </div>
                            </div>
                        </div>
                        <small>Currently Filter Option by period are not available</small>
                    </form>

                    <script>
                        function resetForm() {
                            document.getElementById("fromDate").value = "<?php echo NepaliDate($this->session->FiscalYear->fiscalyear_from); ?>";
                            document.getElementById("toDate").value = "<?php echo NepaliDate($this->session->FiscalYear->fiscalyear_to); ?>";
                            document.getElementById("showOB").checked = <?php echo  "false"; ?>;
                            document.getElementById("showClosing").checked = <?php echo  "false"; ?>;
                            document.getElementById("FilterForm").submit();
                        }
                    </script>



                </div>

            </div>

        </div>
    </div>





    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col">
                    <div class="card card-primary card-outline">
                        <div class="card-body p-0 table-responsive">
                        <?php
                        // echo $_POST['showClosing'];
                        $ReportOptions = array(
                            'showZeroBalances' => false,
                            // 'showZeroBalances' => false,
                            'showOB' => false,
                            'showClosing' => true,
                            'showPeriod' => false,
                        );
                        // die;
                        ?>
                        <?php
                        $showZeroBalances = false;
                        ?>
                        <?php $AccountGroups = $BIBAccounts->getAccountGroupsWithBalances(); ?>
                        <table class="table table-bordered vertical-borders" id="TrialBalanceTable">
                            <thead>
                                <tr>
                                    <th rowspan="2">Particulars</th>
                                    <th colspan="2" class="text-center">Opening</th>
                                    <th colspan="2" class="text-center">This Year</th>
                                    <th colspan="2" class="text-center">Closing</th>
                                </tr>
                                <tr>
                                    <th class="text-right">Dr. Amount</th>
                                    <th class="text-right">Cr. Amount</th>
                                    <th class="text-right">Dr. Amount</th>
                                    <th class="text-right">Cr. Amount</th>
                                    <th class="text-right">Dr. Amount</th>
                                    <th class="text-right">Cr. Amount</th>
                                    
                                </tr>
                            </thead>

                            <!-- <thead>
                                <tr>
                                    <th>Particulars</th>
                                    <th class="dr opening-dr">Opening (Dr)</th>
                                    <th class="cr opening-cr">Opening (Cr)</th>
                                    <th class="dr this-year-dr">This Year (Dr)</th>
                                    <th class="cr this-year-cr">This Year (Cr)</th>
                                    <th class="dr closing-dr">Closing (Dr)</th>
                                    <th class="cr closing-cr">Closing (Cr)</th>
                                </tr>
                            </thead> -->
                            <?php
                            // Initialize variables for column totals
                            $totalOpeningDr = 0;
                            $totalOpeningCr = 0;
                            $totalThisYearDr = 0;
                            $totalThisYearCr = 0;
                            $totalClosingDr = 0;
                            $totalClosingCr = 0;
                            ?>
                            <?php foreach ($AccountGroups as $group) : ?>
                                <tr class="group-heading" data-toggle="collapse" data-target="#group_<?php echo $group->acgroup_id; ?>">
                                    <td class="group-name"><i class="expandable-table-caret fas fa-caret-right fa-fw"></i> <?php echo $group->acgroup_name; ?></td>
                                    <td class="group-total"><?php echo myCurrency(($group->posting_side == "DR") ? $group->opening_balance : 0); ?></td>
                                    <td class="group-total"><?php echo myCurrency(($group->posting_side == "CR") ? $group->opening_balance : 0); ?></td>
                                    <td class="group-total"><?php echo myCurrency(($group->posting_side == "DR") ? $group->regular_balance : 0); ?></td>
                                    <td class="group-total"><?php echo myCurrency(($group->posting_side == "CR") ? $group->regular_balance : 0); ?></td>
                                    <td class="group-total"><?php echo myCurrency(($group->posting_side == "DR") ? $group->closing_balance : 0); ?></td>
                                    <td class="group-total"><?php echo myCurrency(($group->posting_side == "CR") ? $group->closing_balance : 0); ?></td>
                                </tr>
                                <tr>
                                    <td colspan="7" class="group-details p-0">
                                        <div id="group_<?php echo $group->acgroup_id; ?>" class="collapse p-0">
                                        <?php $Accountcategories = $BIBAccounts->getRootCategoriesWithBalances($group->acgroup_id); ?>
                                        <?php $BIBAccounts->renderAccountCategoriesTable($Accountcategories, $ReportOptions, array(), $showZeroBalances); ?>
                                        </div>
                                    </td>
                                </tr>
                                <?php
                                // Update column totals
                                $totalOpeningDr += ($group->posting_side == "DR") ? $group->opening_balance : 0;
                                $totalOpeningCr += ($group->posting_side == "CR") ? $group->opening_balance : 0;
                                $totalThisYearDr += ($group->posting_side == "DR") ? $group->regular_balance : 0;
                                $totalThisYearCr += ($group->posting_side == "CR") ? $group->regular_balance : 0;
                                $totalClosingDr += ($group->posting_side == "DR") ? $group->closing_balance : 0;
                                $totalClosingCr += ($group->posting_side == "CR") ? $group->closing_balance : 0;
                                ?>
                            <?php endforeach; ?>
                            <tfoot>
                                <tr>
                                    <th>Total Amount</th>
                                    <th class="dr opening-dr"><?php echo myCurrency($totalOpeningDr); ?></th>
                                    <th class="cr opening-cr"><?php echo myCurrency($totalOpeningCr); ?></th>
                                    <th class="dr this-year-dr"><?php echo myCurrency($totalThisYearDr); ?></th>
                                    <th class="cr this-year-cr"><?php echo myCurrency($totalThisYearCr); ?></th>
                                    <th class="dr closing-dr"><?php echo myCurrency($totalClosingDr); ?></th>
                                    <th class="cr closing-cr"><?php echo myCurrency($totalClosingCr); ?></th>
                                </tr>
                            </tfoot>
                        </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php
function footerfunctions()
{
?>
    <script>
        var exportButton = document.getElementById("exportButton");
        exportButton.addEventListener("click", function() {
            exportTableToCSV("table.csv");
        });


        document.getElementById("toggleShowAll").addEventListener("click", function() {
            var nestedRows = document.getElementsByClassName("collapse");
            for (var i = 0; i < nestedRows.length; i++) {
                if (nestedRows[i].classList.contains("show")) {
                    nestedRows[i].classList.remove("show");
                } else {
                    nestedRows[i].classList.add("show");
                }
            }
        });


        function exportTableToCSV(filename) {
            var csv = [];
            var rows = document.querySelectorAll("table tr:not(.hide)");

            for (var i = 0; i < rows.length; i++) {
                var row = [];
                var cols = rows[i].querySelectorAll("td:not(.hide), th:not(.hide)");

                // Check if the parent row is collapsed or hidden
                var parentRow = rows[i].closest(".collapse");
                var isParentCollapsed = parentRow && (!parentRow.classList.contains("show"));

                if (isParentCollapsed) {
                    continue; // Skip child table rows if parent is collapsed
                }

                for (var j = 0; j < cols.length; j++) {
                    var cellValue = cols[j].innerText.replace(/,/g, ""); // Remove commas from the cell value
                    row.push(cellValue);
                }

                csv.push(row.join(","));
            }

            // Create a CSV file
            var csvContent = "data:text/csv;charset=utf-8," + csv.join("\n");
            var encodedUri = encodeURI(csvContent);
            var link = document.createElement("a");
            link.setAttribute("href", encodedUri);
            link.setAttribute("download", filename);
            document.body.appendChild(link);
            link.click();
        }
    </script>

<?php
}