<div class="content-wrapper">
    <!-- <div class="content">
        <div class="container-fluid">
            <div class="card card-primary ">
                <div class="card-header">
                    <h3 class="card-title"><?php //echo $pageTitle; 
                                            ?> </h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-plus"></i>
                        </button>
                    </div>
                </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" : "CHECKED"; 
                                                                                                                                                                                            ?>>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group d-flex justify-content-end">
                                    <button type="submit" class="btn btn-primary mr-2">Choose</button>
                                    <button type="submit" class="btn btn-primary mr-2">Filter</button>
                                    <button type="submit" class="btn btn-success mr-2">Export</button>
                                    <button type="button" class="btn btn-warning" onclick="resetForm()">Reset</button>
                                </div>
                            </div>
                        </div>
                    </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-header">
                            <h5 class="card-title">
                                <?php echo $pageTitle; ?>
                                <!-- <?php //echo $pageTitle; 
                                        ?> <a href="<?php //echo site_url("inventory/purchases/add"); 
                                                    ?>" class="btn btn-sm btn-primary float-right">Create New <?php //echo $pageTitle; 
                                                                                                                ?></a> -->
                            </h5>
                            <div class="card-tools">
                                <form method="post" action="" 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>
                                        <!-- <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 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 class="card-body">

                            <table class="table table-bordered table-striped dataTable">
                                <thead>
                                    <tr>
                                        <th rowspan="2" width="40" style="vertical-align: middle;"><?php myLang('S.No.'); ?></th>
                                        <th rowspan="2" style="vertical-align: middle;"> <?php myLang('Item'); ?></th>
                                        <th rowspan="2" width="80" style="vertical-align: middle;"><?php myLang('Units'); ?></th>
                                        <th colspan="3" class="text-center"><?php myLang('Opening'); ?></th>
                                        <th colspan="3" class="text-center"><?php myLang('Purchase'); ?></th>
                                        <th colspan="3" class="text-center"><?php myLang('Sales'); ?></th>
                                        <th colspan="3" class="text-center"><?php myLang('Closing'); ?></th>
                                    </tr>
                                    <tr>
                                        <th class="text-center" width="80"><?php myLang('Qty'); ?></th>
                                        <th class="text-center" width="80"><?php myLang('Avg. Rate'); ?></th>
                                        <th class="text-center" width="80"><?php myLang('Amount'); ?></th>
                                        <th class="text-center" width="80"><?php myLang('Qty'); ?></th>
                                        <th class="text-center" width="80"><?php myLang('Avg. Rate'); ?></th>
                                        <th class="text-center" width="80"><?php myLang('Amount'); ?></th>
                                        <th class="text-center" width="80"><?php myLang('Qty'); ?></th>
                                        <th class="text-center" width="80"><?php myLang('Avg. Rate'); ?></th>
                                        <th class="text-center" width="80"><?php myLang('Amount'); ?></th>
                                        <th class="text-center" width="80"><?php myLang('Qty'); ?></th>
                                        <th class="text-center" width="80"><?php myLang('Avg. Rate'); ?></th>
                                        <th class="text-center" width="80"><?php myLang('Amount'); ?></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php $Total = 0;
                                    $PTotal = 0;
                                    $STotal = 0;
                                    $CTotal = 0;
                                    foreach ($StockRecords as $index => $TableRow) :  ?>
                                        <tr>
                                            <td class="text-center"><?php echo $index + 1; ?></td>
                                            <td><?php echo ($TableRow->Item) ? $TableRow->Item->title : "N/A"; ?></td>
                                            <td><?php echo getFieldfromValue("tbl_units", "title", "unit_id", $TableRow->Item->units_id); ?></td>
                                            <td class="text-right"><?php echo $TableRow->Summary->Opening->qty; ?></td>
                                            <td class="text-right"><?php echo $TableRow->Summary->Opening->rate; ?></td>
                                            <td><?php echo myCurrency($lTotal = $TableRow->Summary->Opening->amount);
                                                $Total += $lTotal; ?></td>
                                            <td class="text-right"><?php echo $TableRow->Summary->Purchase->qty; ?></td>
                                            <td class="text-right"><?php echo $TableRow->Summary->Purchase->rate; ?></td>
                                            <td><?php echo myCurrency($pTotal = $TableRow->Summary->Purchase->amount);
                                                $PTotal += $pTotal; ?></td>
                                            <td class="text-right"><?php echo $TableRow->Summary->Sales->qty; ?></td>
                                            <td class="text-right"><?php echo $TableRow->Summary->Sales->rate; ?></td>
                                            <td><?php echo myCurrency($sTotal = $TableRow->Summary->Sales->amount);
                                                $STotal += $sTotal; ?></td>
                                            <td class="text-right"><?php echo $TableRow->Summary->Closing->qty; ?></td>
                                            <td class="text-right"><?php echo $TableRow->Summary->Closing->rate; ?></td>
                                            <td><?php echo myCurrency($cTotal = $TableRow->Summary->Closing->amount);
                                                $CTotal += $cTotal; ?></td>
                                        </tr>
                                    <?php endforeach; ?>
                                <tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="5" class="text-right"><b><?php echo myLang("Total"); ?></b></td>
                                        <td><?php echo myCurrency($Total); ?></td>
                                        <td colspan="2"></td>
                                        <td><?php echo myCurrency($PTotal); ?></td>
                                        <td colspan="2"></td>
                                        <td><?php echo myCurrency($STotal); ?></td>
                                        <td colspan="2"></td>
                                        <td><?php echo myCurrency($CTotal); ?></td>
                                        
                                    </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>
<?php
}
?>