BBnepal-Accounts/account/application/views/accounts/trialbalance_new.php

<?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;

    }

    .table t .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 {
        padding: 0.25rem;
        border-top: none;
        border-bottom: 2px solid #dee2e6;
    }

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

    .currency {
        font-weight: normal !important;
    }

    .underline {
        text-decoration: underline;
    }

    .text-right {
        padding-right: 5px;
    }

    .form-control {
        display: block;
        width: 100%;
        height: calc(1.5rem + 1px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        box-shadow: inset 0 0 0 transparent;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .bg-gray tr th {
        vertical-align: middle;
    }
</style>
<div class="content-wrapper">
    <div class="content">
        <div class="container-fluid">
            <div class="card card-primary card-outline">
                <div class="card-header">
                    <h2 class="card-title mt-1"><?php echo $pageTitle; ?> <?php //myLang("Report"); 
                                                                            ?></h2>

                    <div class="card-tools">
                        <form method="post" action=<?php echo site_url('/Accounts/Reports/trialbalance'); ?> id="FilterForm">

                            <!-- button with a dropdown -->
                            <div class="btn-group">
                                <button type="button" class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown" data-offset="-52">
                                    Filters
                                </button>
                                <div class="dropdown-menu" role="menu">
                                    <div class="form-group p-2 pb-0">
                                        <div class="col">
                                            <div class="form-group">
                                                <label for="fromDate"><?php myLang("Starting Period"); ?></label>
                                                <input type="text" class="form-control " name="fromDate" value="<?php echo (isset($_POST['fromDate'])) ? $_POST['fromDate'] : NepaliDate($this->session->FiscalYear->fiscalyear_from); ?>" data-start="<?php echo $fiscalStart; ?>" data-end="<?php echo $fiscalEnd; ?>" id="fromDate" aria-describedby="helpId_fromDate" placeholder="Starting Period">
                                            </div>
                                            <div class="form-group">
                                                <label for="toDate"><?php myLang("Ending Period"); ?></label>
                                                <input type="text" class="form-control " name="toDate" value="<?php echo (isset($_POST['toDate'])) ? $_POST['toDate'] : NepaliDate($this->session->FiscalYear->fiscalyear_to); ?>" data-start="<?php echo $fiscalStart; ?>" data-end="<?php echo $fiscalEnd; ?>" id="toDate" aria-describedby="helpId_toDate" placeholder="Ending Period">
                                            </div>
                                        </div>
                                        <div class="dropdown-divider"></div>
                                        <!-- <div class="form-check">
                                            <input class="form-check-input" type="checkbox">
                                            <label class="form-check-label">Select
                                                All</label>
                                        </div> -->
                                        <div class="form-check">
                                            <!-- <input type="hidden" name="showOB" value="not"> -->
                                            <input type="checkbox" class="form-check-input " name="showOB" id="showOB" aria-describedby="helpId_showOB" placeholder="Show Opening Balance" <?php echo (isset($_POST['showOB'])) ? "CHECKED" : ""; ?>>
                                            <!-- <input class="form-check-input" type="checkbox"> -->
                                            <label class="form-check-label" for="showOB">Opening</label>
                                        </div>
                                        <div class="form-check">
                                            <!-- <input class="form-check-input" type="checkbox"> -->
                                            <input type="checkbox" class="form-check-input " name="showClosing" id="showClosing" aria-describedby="helpId_showClosing" placeholder="Show Closing Balance" <?php echo (isset($_POST['showClosing'])) ? "CHECKED" : ""; ?>>
                                            <label class="form-check-label" for="showClosing">Closing</label>
                                        </div>
                                        <div class="form-check">
                                            <!-- <input class="form-check-input" type="checkbox" checked> -->
                                            <input type="checkbox" class="form-check-input" name="showPeriod" id="showPeriod" aria-describedby="helpId_showPeriod" placeholder="Show Periodic Balance" <?php echo (isset($_POST['showPeriod'])) ? "CHECKED" : "CHECKED"; ?>>
                                            <label class="form-check-label" for="showPeriod">Period</label>
                                        </div>
                                    </div>
                                    <div class="dropdown-divider"></div>
                                    <div class="form-group p-2 pb-0 text-right">
                                        <button type="button" class="btn btn-info btn-sm " style="width:60px;height:30px;" onclick="resetForm()">Reset</button>
                                        <button type="submit" class="btn btn-primary mr-2 btn-sm" style="width:60px;height:30px;">Search </button>
                                    </div>
                                </div>
                            </div>
                            <div class="btn-group">
                                <!-- <button type="submit" class="btn btn-warning btn-sm" data-toggle="dropdown" data-offset="-52">
                                    Export
                                </button> -->
                                <button type="submit" id="downloadCsv" class="btn btn-warning btn-sm ">
                                    Export csv
                                </button>


                                <!-- <div class="dropdown-menu" role="menu">
                                            <a href="#" class="dropdown-item">Export</a>
                                            <a href="#" class="dropdown-item">Pdf</a>
                                            <div class="dropdown-divider"></div>
                                            <a href="#" class="dropdown-item">View calendar</a>
                                          </div> -->
                            </div>
                            <!-- <button type="button" class="btn btn-info btn-sm" onclick="resetForm()">Reset</button> -->

                            <button class="btn btn-secondary toggle-collapse btn-sm" id="toggleShowAll">Toggle Collapse</button>

                        </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>
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col">
                    <div class="card card-primary card-outline">
                        <!-- <div class="card-header">
                            <h5 class="m-0"><?php echo $pageTitle; ?> </h5>
                        </div> -->
                        <div class="card-body p-0">
                            <?php
                            // echo $_POST['showClosing'];
                            $ReportOptions = array(
                                'showZeroBalances' => true,
                                'showOB' => (isset($_POST['showOB'])) ? true : false,
                                'showClosing' => (isset($_POST['showClosing'])) ? true : false,
                                'showPeriod' => (isset($_POST['showPeriod'])) ? true : true,
                            );
                            $showZeroBalances = false;
                            ?>
                            <?php $AccountGroups = $BIBAccounts->getAccountGroupsWithBalances(); ?>
                            <table id='myTable' class="table table-bordered vertical-borders" id="TrialBalanceTable">
                                <thead class="bg-gray">
                                    <tr>
                                        <th rowspan="2 class="">Particulars</th>
                                        <?php if ($ReportOptions['showOB']) : ?>
                                            <th colspan=" 2" class="text-center">Opening</th>
                                    <?php endif; ?>
                                    <?php if ($ReportOptions['showPeriod']) : ?>
                                        <th colspan="2" class="text-center">Current Period</th>
                                    <?php endif; ?>
                                    <?php if ($ReportOptions['showClosing']) : ?>
                                        <th colspan="2" class="text-center">Closing</th>
                                    <?php endif; ?>
                                    </tr>
                                    <tr>

                                        <?php if ($ReportOptions['showOB']) : ?>
                                            <th class="dr opening-dr text-center">Dr</th>
                                            <th class="cr opening-cr text-center">Cr</th>
                                        <?php endif; ?>
                                        <?php if ($ReportOptions['showPeriod']) : ?>
                                            <th class="dr this-year-dr  text-center">Dr</th>
                                            <th class="cr this-year-cr  text-center">Cr</th>
                                        <?php endif; ?>
                                        <?php if ($ReportOptions['showClosing']) : ?>
                                            <th class="dr closing-dr text-center">Dr</th>
                                            <th class="cr closing-cr text-center">Cr</th>
                                        <?php endif; ?>
                                    </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"><b><?php // echo $group->acgroup_name; 
                                                                    ?></b></td>
                                        <?php if ($ReportOptions['showOB']) : ?>
                                            <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>
                                        <?php endif; ?>
                                        <?php if ($ReportOptions['showPeriod']) : ?>
                                            <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>
                                        <?php endif; ?>
                                        <?php if ($ReportOptions['showClosing']) : ?>
                                            <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>
                                        <?php endif; ?>
                                    </tr>
                                    <tr>
                                        <td colspan="7" class="group-details p-0">
                                            <div id="group_<?php echo $group->acgroup_id; ?>" class=" ">
                                                <?php $Accountcategories = $BIBAccounts->getRootCategoriesWithBalances($group->acgroup_id); ?>
                                                <?php $BIBAccounts->renderAccountCategoriesTable($Accountcategories, $ReportOptions, false, array()); ?>
                                            </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>
                                        <?php if ($ReportOptions['showOB']) : ?>
                                            <th class="dr opening-dr"><?php echo myCurrency($totalOpeningDr); ?></th>
                                            <th class="cr opening-cr"><?php echo myCurrency($totalOpeningCr); ?></th>
                                        <?php endif; ?>
                                        <?php if ($ReportOptions['showPeriod']) : ?>
                                            <th class="dr this-year-dr"><?php echo myCurrency($totalThisYearDr); ?></th>
                                            <th class="cr this-year-cr"><?php echo myCurrency($totalThisYearCr); ?></th>
                                        <?php endif; ?>
                                        <?php if ($ReportOptions['showClosing']) : ?>
                                            <th class="dr closing-dr"><?php echo myCurrency($totalClosingDr); ?></th>
                                            <th class="cr closing-cr"><?php echo myCurrency($totalClosingCr); ?></th>
                                        <?php endif; ?>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php
function footerfunctions()
{
?>
    <script>
        $(document).ready(function() {
            // Prevent the dropdown from closing when clicking inside
            $('.dropdown-menu').on('click', function(event) {
                event.stopPropagation();
            });
        });
    </script>
    <script>
        // var exportButton = document.getElementById("exportButton");
        // exportButton.addEventListener("click", function() {
        //     exportTableToCSV("table.csv");
        // });
        document.addEventListener("DOMContentLoaded", function() {
            // Trigger click event on page load
            document.getElementById("toggleShowAll").click();
        });
        document.getElementById("toggleShowAll").addEventListener("click", function(e) {
            e.preventDefault();
            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>
    <script>
        $("#fromDate").nepaliDatePicker({
            dateFormat: "%y-%m-%d",
            closeOnDateSelect: true,
            minDate: $('#fromDate').data('start'),
            maxDate: $('#fromDate').data('end'),
        });
    </script>
    <script>
        $("#toDate").nepaliDatePicker({
            dateFormat: "%y-%m-%d",
            closeOnDateSelect: true,
            minDate: $('#toDate').data('start'),
            maxDate: $('#toDate').data('end'),
        });
    </script>

    <!-- pdf document -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script>

    <script>
        document.getElementById('downloadCsv').addEventListener('click', function() {
            const table = document.getElementById('myTable');
            const rows = Array.from(table.rows);
            const data = [];

            rows.forEach((row) => {
                const cells = Array.from(row.cells);
                const rowData = [];
                cells.forEach((cell) => {
                    // Handle colspan
                    const colspan = cell.colSpan || 1;
                    for (let i = 0; i < (colspan - 1); i++) {
                        rowData.push(''); // Fill empty cells for merged columns
                    }
                    for (let i = 0; i < 1; i++) {
                        rowData.push(cell.innerText.trim());
                    }
                    // Fill empty cells for colspan
                });
                data.push(rowData);
            });

            // Create a worksheet
            const worksheet = XLSX.utils.aoa_to_sheet(data);
            const workbook = XLSX.utils.book_new();
            XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');

            // Export to Excel
            XLSX.writeFile(workbook, 'table.xlsx');
        });
    </script>
    <!-- pdf document ends-->
<?php
}
?>