
                    <a class="navbar-brand text-white">
                        <img id="with-internet" class="img-icon" src="<!--[#SITE_URL;]-->/res/img/with-internet.svg" alt="PeakPOS">
                        <img id="no-internet" class="img-icon d-none" src="<!--[#SITE_URL;]-->/res/img/no-internet.svg" alt="PeakPOS">
                    </a>
                </nav>

                <!-- main content -->
                <section id="POS_MAIN_CONTAINER" class="page-content-wrapper row no-gutters d-print-none">
                    <!-- products -->
                    <div class="col-sm-7 bg-dark d-flex flex-column justify-content-between pb-4">
                        <div id="products-filter-wrapper" class="p-3">
                            <div class="div-categories">
                                <!-- category filter -->
                                <div class="input-group">
                                    <select id="CATEGORY_CMB" class="rounded-0" style="width: 91%;"></select>
                                    <div class="input-group-append">
                                        <button id="OPEN_SEARCH_BBI" class="btn btn-primary btn-sm rounded-0" type="button"><i class="fas fa-search"></i></button>
                                        <button id="SCAN_BARCODE_CMD" class="btn btn-danger btn-sm rounded-0" type="button"><i class="fas fa-barcode"></i></button>
                                    </div>
                                </div>
                            </div>
                            <div class="div-search d-none">
                                <!-- product search -->
                                <div class="input-group">
                                    <input id="SEARCH_DESC_TXT" type="text" class="form-control" placeholder="Search Item">
                                    <div class="input-group-append">
                                        <button id="SEARCH_CMD" class="btn btn-info" type="button">GO</button>
                                        <button id="CLOSE_SEARCH_BBI" class="btn btn-danger" type="button"><i class="fas fa-times"></i></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="div-products bg-dark d-print-none">
                            <div class="row mx-3" id="PRODUCT_BRANCH_LV">
                                <div class="col-lg-4 col-md-3 col-4 mb-2 p-1" id="PRODUCT_BRANCH_LV_ROW">
                                    <div class="card item-card">
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_PRODUCT_ID" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_PRODUCT_CAT_PRODTYPE_ID_LV1" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_PRODUCT_AMOUNT_VAT" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_PRODUCT_AMOUNT_POINT" style="display: none;"></div>
                                        
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_PRODUCT_ALLOW_DISCOUNT" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_PRODUCT_ALLOW_SENIOR" style="display: none;"></div>
                                        
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_PRODUCT_PER_PIECE_QTY" style="display: none;"></div>
                                        
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_PRODUCT_CAT_TAXMODEL_ID" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_TAXMODEL_AMOUNT" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_TAXMODEL_PERCENTAGE" style="display: none;"></div>

                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_DISCOUNT_ID" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_DISCOUNT_PERCENTAGE" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_DISCOUNT_AMOUNT" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_DISCOUNT_VAT" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_DISCOUNT_HAS_POINT" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_DISCOUNT_CHANGE_TAX_TYPE" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_DISCOUNT_CAT_TAXMODEL_ID" style="display: none;"></div>

                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_PRODUCT_CAT_UOM_ID" style="display: none;"></div>
                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_UOM_CODE" style="display: none;"></div>

                                        <div id="PRODUCT_BRANCH_LV_ROW_CAT_PRODUCT_IMAGE"></div>
                                        <div class="card-body p-1">
                                            <h4 class="card-title item-name mb-1"><div id="PRODUCT_BRANCH_LV_ROW_CAT_PRODBRANCH_CAT_PRODUCT_ID_DESCRIPTION"></div></h4>
                                            <h4 class="card-title item-price mb-0 py-1 pr-1 border-top border-blue"><div id="PRODUCT_BRANCH_LV_ROW_CAT_PRODBRANCH_AMOUNT_PRICE" style="text-align: right;"></div></h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <footer class="footer bg-blue d-flex justify-content-between align-items-center p-2 footer-ico">
                            <div>
                                <button id="VOID_BBI" class="btn btn-danger font-weight-bold" type="button" title="Void Order"> <img src="<!--[#SITE_URL;]-->/res/img/void.svg"> VOID</button> 
                                <button id="TRANSACTIONS_BBI" class="btn btn-light font-weight-bold" type="button" title="Orders"> <img src="<!--[#SITE_URL;]-->/res/img/order.svg"> ORDERS</button>
                            </div>
                            <div>
                                <button id="EDIT_QTY_BBI" class="btn btn-light font-weight-bold" type="button" title="Quanity"><img src="<!--[#SITE_URL;]-->/res/img/qty.svg"> QTY</button>
                                <button id="DISCOUNTS_BBI" class="btn btn-light font-weight-bold" type="button" title="Discounts"><img src="<!--[#SITE_URL;]-->/res/img/disc.svg"> DISC</button>
                                <button id="CUSTOMERS_BBI" class="btn btn-light font-weight-bold" type="button" title="Add Customer"><img src="<!--[#SITE_URL;]-->/res/img/cust.svg"> CUST</button>
                                <button id="PRICING_BBI" class="btn btn-light font-weight-bold d-none" type="button" title="Change Pricing Scheme"><img src="<!--[#SITE_URL;]-->/res/img/price.svg"> PRICE</button>
                                <button id="LOYALTYCARD_BBI" class="btn btn-light font-weight-bold" type="button" title="Use Loyalty Card"><img src="<!--[#SITE_URL;]-->/res/img/loyalty.svg"> LOYALTY</button>
                            </div>
                        </footer>
                    </div>

                    <div class="col-sm-5">
                        <div class="div-cart d-flex flex-column justify-content-between d-print-none">
                            <!-- cart header -->
                            <div class="div-cart-header">
                                <table class="table table-sm mb-0">
                                    <thead>
                                        <tr class="table-info">
                                            <th width="50%">Transaction No.</th>
                                            <th width="50%" class="text-right" id="POS_TRANSACTION_NO">-</th>
                                        </tr>
                                        <tr id="CUSTOMER_INFO_TXT" class="table-secondary d-none">
                                            <th width="50%">Customer <a href="javascript:void(0);" class="text-danger ml-1 d-none" id="DESEL_CUST_BBI"><small>REMOVE</small></a></th>
                                            <th width="50%" class="text-right"><span id="POS_CUSTOMER_ID" class="d-none">1</span><span id="POS_CUSTOMER_NAME">-</span><span id="POS_CUSTOMER_TIN" class="d-none"></span><span id="POS_CUSTOMER_ADDRESS" class="d-none"></span></th>
                                        </tr>
                                        <tr id="LOYALTYCARD_INFO_TXT" class="table-secondary d-none">
                                            <th width="50%">Loyalty Card <a href="javascript:void(0);" class="text-danger ml-1 d-none" id="DESEL_LOYALTYCARD_BBI"><small>REMOVE</small></a></th>
                                            <th width="50%" class="text-right"><span id="POS_LOYALTYCARD_ID" class="d-none"></span><span id="POS_LOYALTYCARD_POINTS" class="d-none"></span><span id="POS_LOYALTYCARD_NUMBER">-</span></th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>

                            <!-- cart content -->
                            <div class="div-cart-content flex-grow-2 flex-fill">
                                <table class="table table-sm mb-0" id="CART_DGV">
                                    <thead class="bg-blue text-white">
                                        <tr id="CART_DGV_HEADER">
                                            <th id="CART_DGV_HEADER_COUNT" style="display: none;"></th>

                                            <th id="CART_DGV_HEADER_PRODUCT_LV_INDEX" style="display: none;"></th>

                                            <th id="CART_DGV_HEADER_REMOVE_ITEM_CMD" class="text-center"></th>
                                            
                                            <th id="CART_DGV_HEADER_PRODUCT_ID" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_PRODUCT_DESCRIPTION" width="40%">Item</th>
                                            <th id="CART_DGV_HEADER_PRODUCT_VAT" style="display: none;">Item</th>

                                            <th id="CART_DGV_HEADER_QTY" width="10%" class="text-right"></th>
                                            <th id="CART_DGV_HEADER_QTY_PCS" style="display: none;"></th>
                                            
                                            <th id="CART_DGV_HEADER_POINTS" style="display: none;"></th>

                                            <th id="CART_DGV_HEADER_DISCOUNT_ID" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_DISCOUNT_VALUE" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_DISCOUNT_PERCENTAGE" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_DISCOUNT_AMOUNT" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_DISCOUNT_VAT" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_DISCOUNT_HAS_POINT" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_DISCOUNT_CHANGE_TAX_TYPE" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_DISCOUNT_CAT_TAXMODEL_ID" style="display: none;"></th>

                                            <th id="CART_DGV_HEADER_UOM_ID" style="display: none;">QTY</th>
                                            <th id="CART_DGV_HEADER_UOM_CODE" width="10%" class="text-right">QTY</th>

                                            <th id="CART_DGV_HEADER_PRICE" width="20%" class="text-right">Price</th>
                                            <th id="CART_DGV_HEADER_AMOUNT" width="20%" class="text-right">Amount</th>
                                            
                                            <th id="CART_DGV_HEADER_NONVAT" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_VAT" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_VATABLE" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_VATEXEMPT" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_VATOTHER" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_VATLESS" style="display: none;"></th>
                                            <th id="CART_DGV_HEADER_ZERORATED" style="display: none;"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr id="CART_DGV_ROW">
                                            <td id="CART_DGV_ROW_COUNT" style="display: none;"></td>

                                            <td id="CART_DGV_ROW_PRODUCT_LV_INDEX" style="display: none;"></td>
                                            
                                            <td id="CART_DGV_ROW_REMOVE_ITEM_CMD" class="text-center">
                                                <button type="button" class="btn btn-link text-decoration-none p-0 m-0 text-danger">X</button>
                                            </td>

                                            <td id="CART_DGV_ROW_PRODUCT_ID" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_PRODUCT_DESCRIPTION" width="40%"></td>
                                            <td id="CART_DGV_ROW_PRODUCT_VAT" style="display: none;"></td>

                                            <td id="CART_DGV_ROW_QTY" width="10%" class="text-right"></td>
                                            <td id="CART_DGV_ROW_QTY_PCS" style="display: none;"></td>

                                            <td id="CART_DGV_ROW_POINTS" style="display: none;"></td>

                                            <td id="CART_DGV_ROW_DISCOUNT_ID" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_DISCOUNT_VALUE" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_DISCOUNT_PERCENTAGE" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_DISCOUNT_AMOUNT" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_DISCOUNT_VAT" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_DISCOUNT_HAS_POINT" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_DISCOUNT_CHANGE_TAX_TYPE" style="display: none;"></td>
                                            <th id="CART_DGV_ROW_DISCOUNT_CAT_TAXMODEL_ID" style="display: none;"></th>

                                            <td id="CART_DGV_ROW_UOM_ID" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_UOM_CODE" width="10%" class="text-right"></td>

                                            <td id="CART_DGV_ROW_PRICE" width="20%" class="text-right"></td>
                                            <td id="CART_DGV_ROW_AMOUNT" width="20%" class="text-right"></td>

                                            <td id="CART_DGV_ROW_NONVAT" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_VAT" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_VATABLE" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_VATEXEMPT" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_VATOTHER" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_VATLESS" style="display: none;"></td>
                                            <td id="CART_DGV_ROW_ZERORATED" style="display: none;"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <!-- cart footer -->
                            <div class="div-cart-footer">
                                <table class="table table-sm mb-2 mr-1">
                                    <tfoot>
                                        <tr class="d-none">
                                            <th colspan="6">Total Points Earned:</th>
                                            <td class="text-right" id="TOTAL_POINTS">0</td>
                                        </tr>
                                        <tr>
                                            <th colspan="6">Total Items:</th>
                                            <td class="text-right" id="TOTAL_ITEMS">0</td>
                                        </tr>
                                        <tr>
                                            <th colspan="6">Sub-Total:</th>
                                            <td class="text-right" id="TOTAL_SUBTOTAL">0.00</td>
                                        </tr>
                                        <tr>
                                            <th colspan="6">Less Discount: <a href="javascript:void(0);" class="text-danger ml-1 d-none" id="REMOVE_DISCOUNT" onclick="COMPUTE_DISCOUNT_REMOVE_ALL()"><small>REMOVE</small></a></th>
                                            <td class="text-right" id="TOTAL_DISCOUNT">0.00</td>
                                        </tr>
                                        <tr>
                                            <th colspan="6">Total Amount Due:</th>
                                            <td class="text-right h2" id="TOTAL_AMOUNT">0.00</td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>

                            <!-- cart options -->
                            <div class="div-cart-options px-2 pb-3 d-flex justify-content-between align-items-center">
                                <div>
                                    Pricing Scheme: <br><span id="PRICE_MODEL_TXT">SRP</span> 
                                </div>
                                <button id="PAY_BBI" class="btn btn-success btn-lg w-50" type="button" title="Payment"><i class="fas fa-money-bill-wave mr-2"></i> PAY</button>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </main>


	<!--[#IMPORT:app/pos/modal_shift.txt;]-->
	<!--[#IMPORT:app/pos/modal_qty.txt;]-->
	<!--[#IMPORT:app/pos/modal_discount.txt;]-->
	<!--[#IMPORT:app/pos/modal_pricing.txt;]-->
 	<!--[#IMPORT:app/pos/modal_customer.txt;]-->
 	<!--[#IMPORT:app/pos/modal_payment.txt;]-->
 	
	<!--[#IMPORT:app/pos/modal_shopping_bag.txt;]-->


    <div class="col-8" id="POS_ACCTS_MODAL" style="display: none;">
        <div class="modal-header px-1 pb-2">
            <h5 class="mb-0">
                CUSTOMER PAYMENTS
            </h5>
        </div>
        <div class="modal-body p-1">
            <div class="row my-2 px-3">
                <div class="col-sm-2 font-weight-bold">CUSTOMER</div>
                <div id="ACCTS_NAME" class="col-sm-10"></div>
            </div>
            <div class="row my-2 px-3">
                <div class="col-sm-2 font-weight-bold">ADDRESS</div>
                <div id="ACCTS_ADDRESS" class="col-sm-10"></div>
            </div>
            <div class="row my-2 px-3">
                <div class="col-sm-2 font-weight-bold">TIN</div>
                <div id="ACCTS_TIN" class="col-sm-10"></div>
            </div>
            <div class="fix-table-head-30 mt-3">
                <table class="pos-table" id="POS_SALE_DGV">
                    <thead class="bg-blue text-white">
                        <tr id="POS_SALE_DGV_HEADER">
                            <th id="POS_SALE_DGV_HEADER_SELECTED">
                                <input type="checkbox" name="">
                            </th>
                            <th id="POS_SALE_DGV_HEADER_REC_POSSALE_ID" style="display: none;"></th>
                            <th id="POS_SALE_DGV_HEADER_REC_POSSALE_TOTAL_PAID" style="display: none;"></th>
                            <th id="POS_SALE_DGV_HEADER_REC_POSSALE_TOTAL_SUBTOTAL" style="display: none;"></th>

                            <th id="POS_SALE_DGV_HEADER_REC_POSSALE_CODE">Order No.</th>
                            <th id="POS_SALE_DGV_HEADER_REC_POSSALE_DATE_TRANSACT">Transaction Date</th>
                            <th id="POS_SALE_DGV_HEADER_REC_POSSALE_DATE_DUE">Due Date</th>
                            <th id="POS_SALE_DGV_HEADER_REC_POSSALE_DUE" style="text-align: right;">Balance</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr id="POS_SALE_DGV_ROW">
                            <td id="POS_SALE_DGV_ROW_SELECTED">
                                <input type="checkbox" name="">
                            </td>
                            <td id="POS_SALE_DGV_ROW_REC_POSSALE_ID" style="display: none;"></td>
                            <td id="POS_SALE_DGV_ROW_REC_POSSALE_TOTAL_PAID" style="display: none;"></td>
                            <td id="POS_SALE_DGV_ROW_REC_POSSALE_TOTAL_SUBTOTAL" style="display: none;"></td>

                            <td id="POS_SALE_DGV_ROW_REC_POSSALE_CODE"></td>
                            <td id="POS_SALE_DGV_ROW_REC_POSSALE_DATE_TRANSACT"></td>
                            <td id="POS_SALE_DGV_ROW_REC_POSSALE_DATE_DUE"></td>
                            <td id="POS_SALE_DGV_ROW_REC_POSSALE_DUE" style="text-align: right;"></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="table-responsive">
                <table class="table table-sm mb-0 border-none">
                    <tr>
                        <th width="50%"></th>
                        <th width="30%" class="table-info">TOTAL BALANCE</th>
                        <th id="TOTAL_BALANCE_TXT" class="table-info text-right"></th>
                    </tr> 
                    <tr class="text-danger">
                        <th width="50%"></th>
                        <th width="30%">TOTAL SELECTED</th>
                        <th id="TOTAL_SELECTED_TXT" class="text-right">0.00</th>
                    </tr>                  
                </table>
            </div>
        </div>
        <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-secondary" id="POS_ACCTS_MODAL_MODAL_CLOSE_CMD">Close</button>
            <div>
                <button type="button" class="btn btn-green text-dark rounded-0" id="PAY_ACCTS_CHECKS_BBI">PAY BY CHECK</button>
                <button type="button" class="btn btn-success rounded-0" id="PAY_ACCTS_CASH_BBI">PAY BY CASH</button>
            </div>
        </div>
    </div>

    <div class="col-6" id="POS_ACCTS_CASH_MODAL" style="display: none; background-color: rgb(236 233 233) !important; border: 1px solid #274f8d !important;">
        <div class="modal-header px-1 pb-2 align-items-center">
            <h5 class="mb-0">Total Amount Due</h5> 
            <h1 class="float-right mb-0" id="ACCTS_CHECKOUT_CASH_TOTAL"></h1>
        </div>
        <div class="modal-body p-1">
            <table class="table table-sm table-striped">
                <tr>
                    <th width="60%" class="align-middle">CASH</th>
                    <th width="40%" class="text-right">
                        <input type="number" class="form-control text-right" name="ACCTS_PAY_CASH" id="ACCTS_PAY_CASH" value="" autocomplete="off" onclick="this.select();">
                    </th>
                </tr>
            </table> 

            <table class="table table-sm mb-0">
                <tr class="table-info">
                    <th width="60%" class="align-middle">CHANGE <input type="hidden" id="ACCTS_CHECKOUT_CASH_CHANGE_VALUE" name="CHECKOUT_CASH_CHANGE_VALUE" value="0"></th>
                    <th width="40%" class="text-right text-blue h3" id="ACCTS_CHECKOUT_CASH_CHANGE">0.00</th>
                </tr>
            </table>
        </div>
        <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-danger" id="POS_ACCTS_CASH_MODAL_MODAL_CLOSE_CMD">CANCEL</button>
            <button type="button" class="btn btn-success rounded-0" id="ACCTS_CHECKOUT_CASH_BBI">PROCEED</button>
        </div>
    </div>

    <div class="col-6" id="POS_ACCTS_CHECK_MODAL" style="display: none; background-color: rgb(236 233 233) !important; border: 1px solid #274f8d !important;">
        <div class="modal-header px-1 pb-2 align-items-center">
            <h5 class="mb-0">Total Amount Due</h5> 
            <h1 class="float-right mb-0" id="ACCTS_CHECKOUT_CHECK_TOTAL"></h1>
        </div>
        <div class="modal-body p-1">
            <form id="FORM-ACCTS-CHECK" method="post">
                <div class="form-group row mt-2">
                    <label class="col-4 col-form-label">Bank:</label>
                    <div class="col-8">
                        <select class="form-control" id="ACCTS_CHECK_BANK" name="ACCTS_CHECK_BANK"></select>
                        <div id="ACCTS_CHECK_BANK_ERROR" class="invalid-feedback"></div>
                    </div>
                </div>
                <hr>
                <div class="form-group row">
                    <label class="col-4 col-form-label">Check Number:</label>
                    <div class="col-8">
                        <input type="number" class="form-control" id="ACCTS_CHECK_NUMBER" name="ACCTS_CHECK_NUMBER" maxlength="4" minlength="4" autocomplete="off">
                        <div id="ACCTS_CHECK_NUMBER_ERROR" class="invalid-feedback"></div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-4 col-form-label">Check Date:</label>
                    <div class="col-8">
                        <input type="date" class="form-control" id="ACCTS_CHECK_DATE" name="ACCTS_CHECK_DATE">
                        <div id="ACCTS_CHECK_DATE_ERROR" class="invalid-feedback"></div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-4 col-form-label">Amount:</label>
                    <div class="col-8">
                        <input type="number" class="form-control text-right" id="ACCTS_CHECK_AMOUNT" name="ACCTS_CHECK_AMOUNT" value="" autocomplete="off" onclick="this.select();">
                        <div id="ACCTS_CHECK_AMOUNT_ERROR" class="invalid-feedback"></div>
                    </div>
                </div>
            </form>
            <table class="table table-sm mb-0">
                <tr class="table-info">
                    <th width="60%" class="align-middle">CHANGE <input type="hidden" id="ACCTS_CHECKOUT_CHECK_CHANGE_VALUE" name="CHECKOUT_CHANGE_VALUE" value="0"></th>
                    <th width="40%" class="text-right text-blue h3" id="ACCTS_CHECKOUT_CHECK_CHANGE">0.00</th>
                </tr>
            </table>
        </div>
        <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-danger" id="POS_ACCTS_CHECK_MODAL_MODAL_CLOSE_CMD">CANCEL</button>
            <button type="button" class="btn btn-success rounded-0" id="ACCTS_CHECKOUT_CHECK_BBI">PROCEED</button>
        </div>
    </div>

    <div class="col-5" id="POS_LOYALTYCARD_MODAL" style="display: none;">
        <div class="modal-header px-1 pb-2">
            <h5 class="mb-0">
                SCAN LOYALTY CARD
            </h5>
        </div>
        <div class="modal-body p-1">
            <form id="FORM-LOYALTYCARD" method="post">
                <div class="form-row my-2">
                    <div class="col-12">
                        <div class="input-group">
                            <input type="text" class="form-control" id="LOYALTYCARD_NUMBER" name="LOYALTYCARD_NUMBER">
                            <div class="input-group-append">
                                <button class="btn btn-info" type="button" id="SCAN_LOYALTYCARD_CMD"><i class="fab fa-searchengin"></i></button>
                            </div>
                        </div>
                        <div id="LOYALTYCARD_NUMBER_ERROR" class="invalid-feedback"></div>
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-secondary float-right" id="POS_LOYALTYCARD_MODAL_MODAL_CLOSE_CMD">Close</button>
            <button type="button" class="btn btn-primary" id="SEL_LOYALTYCARD_BBI">SUBMIT</button>
        </div>
    </div>


    <!-- end pos modal -->

    <!-- jQuery -->
    <script type="text/javascript" src="<!--[#SITE_URL;]-->/res/vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap -->
    <script type="text/javascript" src="<!--[#SITE_URL;]-->/res/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Alertify -->
    <script type="text/javascript" src="<!--[#SITE_URL;]-->/res/vendor/alertifyjs/alertify.min.js"></script>

    <!-- Select2 -->
    <script type="text/javascript" src="<!--[#SITE_URL;]-->/res/vendor/select2/js/select2.min.js"></script>

    <!--  Import Libraries  -->
    <script type="text/javascript" src="<!--[#SITE_URL;]-->/res/lib/javascript.js"></script>
    <script type="text/javascript" src="<!--[#SITE_URL;]-->/p/comm/common.js"></script>