Perubahan barcode dan inventory

application/views/laporan/neraca_saldo.php

@@ -3,23 +3,48 @@
         <div class="card-body">
 
             <div class="d-flex justify-content-between align-items-center mb-3">
-                <h4 class="mb-0 fw-bold">Neraca Saldo</h4>
-                <button type="button" class="btn btn-danger w-30" id="generate_pdf">
+                <h4 class="mb-0 fw-bold">Laporan Keuangan</h4>
+
+                <button type="button" class="btn btn-danger" id="generate_pdf">
                     Generate PDF
                 </button>
             </div>
 
+            <div class="row mb-3">
+
+                <div class="col-md-3">
+                    <label class="form-label">Tanggal Awal</label>
+                    <input type="date" id="tanggal_awal" class="form-control"
+                        value="<?= date('Y-m-01'); ?>">
+                </div>
+
+                <div class="col-md-3">
+                    <label class="form-label">Tanggal Akhir</label>
+                    <input type="date" id="tanggal_akhir" class="form-control"
+                        value="<?= date('Y-m-t'); ?>">
+                </div>
+
+                <div class="col-md-2 d-flex align-items-end">
+                    <button class="btn btn-primary w-100" id="btnFilter">
+                        Tampilkan
+                    </button>
+                </div>
+
+            </div>
+
             <div class="table-responsive">
                 <table class="table table-sm table-striped table-hover align-middle">
                     <thead class="table-light">
                         <tr>
-                            <th style="width: 120px;">Kode</th>
+                            <th width="120">Kode</th>
                             <th>Akun</th>
                             <th class="text-end">Debit</th>
                             <th class="text-end">Kredit</th>
                         </tr>
                     </thead>
+
                     <tbody id="tb"></tbody>
+
                     <tfoot class="table-light">
                         <tr class="fw-bold">
                             <th colspan="2" class="text-end">Total</th>
@@ -27,6 +52,7 @@
                             <th class="text-end text-danger" id="tk"></th>
                         </tr>
                     </tfoot>
+
                 </table>
             </div>
 
@@ -35,56 +61,71 @@
 </div>
 
 <script>
-$(function(){
+$(function () {
 
-    $.get("<?= base_url('neracasaldo/get_data'); ?>", function(res){
+    loadData();
 
-        let html = '';
-        let td = 0, tk = 0;
+    $('#btnFilter').click(function () {
+        loadData();
+    });
 
-        res.forEach(r=>{
+    function loadData() {
 
-            let debit = parseFloat(r.saldo_debit) || 0;
-            let kredit = parseFloat(r.saldo_kredit) || 0;
+        $.get("<?= base_url('neracasaldo/get_data'); ?>", {
 
-            td += debit;
-            tk += kredit;
+            tanggal_awal: $('#tanggal_awal').val(),
+            tanggal_akhir: $('#tanggal_akhir').val()
 
-            html += `
-            <tr>
-                <td class="fw-semibold text-muted">${r.kode_akun}</td>
-                <td>${r.nama_akun}</td>
-                <td class="text-end">${debit.toLocaleString()}</td>
-                <td class="text-end">${kredit.toLocaleString()}</td>
-            </tr>`;
-        });
+        }, function (res) {
 
-        $('#tb').html(html);
-        $('#td').text(td.toLocaleString());
-        $('#tk').text(tk.toLocaleString());
+            let html = '';
+            let td = 0;
+            let tk = 0;
 
-    }, 'json');
+            res.forEach(r => {
 
+                let debit = parseFloat(r.debit) || 0;
+                let kredit = parseFloat(r.kredit) || 0;
 
-    //GENERATE PDF
-    $('#generate_pdf').on('click', function(){
+                td += debit;
+                tk += kredit;
 
-    let btn = $(this);
+                html += `
+                    <tr>
+                        <td class="fw-semibold text-muted">${r.kode_akun}</td>
+                        <td>${r.nama_akun}</td>
+                        <td class="text-end">${debit.toLocaleString()}</td>
+                        <td class="text-end">${kredit.toLocaleString()}</td>
+                    </tr>
+                `;
+            });
 
-    btn.prop('disabled', true)
-       .html('Generate PDF...');
+            $('#tb').html(html);
+            $('#td').text(td.toLocaleString());
+            $('#tk').text(tk.toLocaleString());
 
-    window.open(
-        
-        "<?= base_url('generateneracasaldo/generatepdf'); ?>",
-        '_blank'
-    );
+        }, 'json');
 
-    setTimeout(function(){
-        btn.prop('disabled', false)
-           .html('Generate PDF');
-    },1000);
+    }
+
+    $('#generate_pdf').click(function () {
+
+        let btn = $(this);
+
+        btn.prop('disabled', true).text('Generate PDF...');
+
+        window.open(
+            "<?= base_url('generateneracasaldo/generatepdf'); ?>" +
+            "?tanggal_awal=" + $('#tanggal_awal').val() +
+            "&tanggal_akhir=" + $('#tanggal_akhir').val(),
+            "_blank"
+        );
+
+        setTimeout(function () {
+            btn.prop('disabled', false).text('Generate PDF');
+        }, 1000);
+
+    });
 
-});
 });
 </script>