
    <div class="col-md-8 col-xs-12 modal-mob" id="POS_BAGS_MODAL" style="display: none;">
        <div class="modal-header px-1 pb-2">
            <h5 class="mb-0">
                BAGS
            </h5>
        </div>
        <div class="modal-body p-1">
            <div class="fix-table-head">
                <table class="pos-table table-stripped" id="BAGS_DGV">
                    <thead class="bg-blue text-white">
                        <tr id="BAGS_DGV_HEADER">
                            <th id="BAGS_DGV_HEADER_CAT_PRODUCT_ID" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_PRODUCT_CAT_PRODTYPE_ID_LV1" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_PRODUCT_AMOUNT_VAT" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_PRODUCT_AMOUNT_POINT" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_PRODUCT_ALLOW_DISCOUNT" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_PRODUCT_ALLOW_SENIOR" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_PRODUCT_PER_PIECE_QTY" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_PRODUCT_CAT_TAXMODEL_ID" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_TAXMODEL_AMOUNT" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_TAXMODEL_PERCENTAGE" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_DISCOUNT_ID" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_DISCOUNT_PERCENTAGE" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_DISCOUNT_AMOUNT" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_DISCOUNT_VAT" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_DISCOUNT_HAS_POINT" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_DISCOUNT_CHANGE_TAX_TYPE" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_DISCOUNT_CAT_TAXMODEL_ID" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_PRODUCT_CAT_UOM_ID" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_UOM_CODE" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_PRODBRANCH_AMOUNT_PRICE" style="display: none;"></th>
                            <th id="BAGS_DGV_HEADER_CAT_PRODBRANCH_CAT_PRODUCT_ID_DESCRIPTION">Description</th>
                            <th id="BAGS_DGV_HEADER_SUBTRACT_QTY_CMD" style="text-align: center; width: 10%;"></th>
                            <th id="BAGS_DGV_HEADER_BAG_QTY" style="text-align: center; width: 10%;">QTY</th>
                            <th id="BAGS_DGV_HEADER_ADD_QTY_CMD" style="text-align: center; width: 10%;"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr id="BAGS_DGV_ROW">
                            <td id="BAGS_DGV_ROW_CAT_PRODUCT_ID" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_PRODUCT_CAT_PRODTYPE_ID_LV1" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_PRODUCT_AMOUNT_VAT" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_PRODUCT_AMOUNT_POINT" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_PRODUCT_ALLOW_DISCOUNT" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_PRODUCT_ALLOW_SENIOR" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_PRODUCT_PER_PIECE_QTY" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_PRODUCT_CAT_TAXMODEL_ID" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_TAXMODEL_AMOUNT" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_TAXMODEL_PERCENTAGE" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_DISCOUNT_ID" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_DISCOUNT_PERCENTAGE" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_DISCOUNT_AMOUNT" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_DISCOUNT_VAT" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_DISCOUNT_HAS_POINT" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_DISCOUNT_CHANGE_TAX_TYPE" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_DISCOUNT_CAT_TAXMODEL_ID" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_PRODUCT_CAT_UOM_ID" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_UOM_CODE" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_PRODBRANCH_AMOUNT_PRICE" style="display: none;"></td>
                            <td id="BAGS_DGV_ROW_CAT_PRODBRANCH_CAT_PRODUCT_ID_DESCRIPTION" class="font-weight-bold" style="font-size: 25px;"></td>
                            <td id="BAGS_DGV_ROW_SUBTRACT_QTY_CMD" style="text-align: center; width: 10%;">
                                <button class="btn btn-sm btn-light btn-gray font-weight-bold rounded-0">-</button>
                            </td>
                            <td id="BAGS_DGV_ROW_BAG_QTY" style="text-align: center; width: 10%; font-weight: bold; font-size: 1.5em;">0</td>
                            <td id="BAGS_DGV_ROW_ADD_QTY_CMD" style="text-align: center; width: 10%;">
                                <button class="btn btn-sm btn-light btn-gray font-weight-bold rounded-0">+</button>
                            </td>
                        </tr>
                    </tbody> 
                </table>
            </div>
        </div>
        <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-secondary float-right" id="POS_BAGS_MODAL_MODAL_CLOSE_CMD">Close</button>
            <button type="button" class="btn btn-primary" id="SUBMIT_BAGS_BBI">PROCEED TO PAYMENT</button>
        </div>
    </div>