<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0"><?= lang('finance.receipts') ?></h4>
</div>

<div class="card">
    <div class="card-body">
        <table id="receipts-table" class="table table-striped table-hover w-100"
               data-url="/finance/receipts/datatable"
               data-columns='[
                   {"data":"id","title":"#","width":"40px"},
                   {"data":"receipt_number","title":"<?= lang('finance.receipt_no') ?>"},
                   {"data":"member_name","title":"<?= lang('finance.member') ?>"},
                   {"data":"total_amount","title":"<?= lang('finance.amount') ?>"},
                   {"data":"receipt_date","title":"<?= lang('finance.date') ?>"},
                   {"data":"status","title":"<?= lang('common.status') ?>"},
                   {"data":"actions","title":"<?= lang('common.actions') ?>","orderable":false,"searchable":false}
               ]'>
            <thead><tr><th>#</th><th><?= lang('finance.receipt_no') ?></th><th><?= lang('finance.member') ?></th><th><?= lang('finance.amount') ?></th><th><?= lang('finance.date') ?></th><th><?= lang('common.status') ?></th><th><?= lang('common.actions') ?></th></tr></thead>
        </table>
    </div>
</div>

<?php $__view->push('scripts'); ?>
<script>document.addEventListener('DOMContentLoaded', function() { DataTableHelper.init('receipts-table', {order:[[0,'desc']]}); });</script>
<?php $__view->endPush(); ?>