<?php
$_page_title = "Reports";
$_main_root = '../';
$print = false;
include($_main_root . 'content/shared/header.php');

if (!Permission(2)) {
    return;
}
?>

<style>
    .d-flex .input-group{
        width: auto;
    }
</style>

<div class="container container-fluid">
    <div class="my-4 d-flex justify-content-between align-items-center">
        <h2 style="color:var(--s-text-color);">CUSTOMER BILL LIST</h2>
        <div class="d-flex">
            <div class="input-group">
                <button class="btn btn-sm btn-outline-success fw-bold" id="due-bill-btn">DUE BILL</button>
                <button class="btn btn-sm btn-outline-success fw-bold" id="all-bill-btn">ALL</button>
            </div>
            <div>
                <a href="cust_bill_collection.php" class="btn btn-sm btn-outline-info ms-3 fw-bold"><i class="bi bi-credit-card me-2"></i> BILL PAYMENT</a>
            </div>
        </div>
    </div>

    <div class="row my-4">
        <div class="card bg-dark" style="border-color: var(--s-text-color);">
            <div class="card-body text-white">
                <div class="d-flex justify-content-between align-items-center">
                    <label id="reportTitle" for="" class="form-label fw-bold"
                        style="color:var(--s-text-color-1)">...</label>
                    <div>
                        <div class="input-group" id="right-btn-section">

                        </div>
                    </div>
                </div>

                <hr class="">

                <div id="reportBody"></div>
            </div>
        </div>
    </div>
</div>

<?php $s_scripts = ['cust_bill_list']; ?>
<?php include($_main_root . 'content/shared/footer.php'); ?>