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

                <!-- main content -->
                <section class="py-3 px-1">
                    <div class="d-none w-25 mt-4">
                        <select class="custom-select" name="STOCK_FLOW_CMB" id="STOCK_FLOW_CMB"></select>
                    </div>

                    <div class="table-responsive table-fixed" style="max-height:95vh;padding-bottom:20vh;">
                        <table class="table table-fit table-header-fixed table-header-primary-color" id="PRODUCT_BRANCH_DGV">
                            <thead class="bg_primary--cus table-info text-white">
                                <tr id="PRODUCT_BRANCH_DGV_HEADER">
                                    <th id="PRODUCT_BRANCH_DGV_HEADER_ROW_COUNT" class="d-none">#</th>                    
                                    <th id="PRODUCT_BRANCH_DGV_HEADER_CAT_PRODBRANCH_ID" class="d-none">ID</th>
                                    <th id="PRODUCT_BRANCH_DGV_HEADER_CAT_PRODUCT_AMOUNT_PRICE" class="d-none">ID</th>
                                    <th id="PRODUCT_BRANCH_DGV_HEADER_CAT_PRODBRANCH_ACC_GROUP_ID" class="d-none">Branch</th>
                                    <th id="PRODUCT_BRANCH_DGV_HEADER_CAT_PRODBRANCH_CAT_PRODUCT_ID" class="d-none">Product</th>
                                    <th id="PRODUCT_BRANCH_DGV_HEADER_CAT_PRODBRANCH_CAT_PRODUCT_ID_DESCRIPTION" width="40%">Product</th>
                                    <th id="PRODUCT_BRANCH_DGV_HEADER_STOCK_QUANTITY" width="30%">Quantity</th>
                                    <th id="PRODUCT_BRANCH_DGV_HEADER_STOCK_REMARKS" width="30%">Remarks</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr id="PRODUCT_BRANCH_DGV_ROW">
                                    <td id="PRODUCT_BRANCH_DGV_ROW_ROW_COUNT" class="d-none"></td>
                                    <td id="PRODUCT_BRANCH_DGV_ROW_CAT_PRODBRANCH_ID" class="d-none">ID</td>
                                    <td id="PRODUCT_BRANCH_DGV_ROW_CAT_PRODUCT_AMOUNT_PRICE" class="d-none">ID</td>
                                    <td id="PRODUCT_BRANCH_DGV_ROW_CAT_PRODBRANCH_ACC_GROUP_ID" class="d-none"></td>
                                    <td id="PRODUCT_BRANCH_DGV_ROW_CAT_PRODBRANCH_CAT_PRODUCT_ID" class="d-none"></td>
                                    <td id="PRODUCT_BRANCH_DGV_ROW_CAT_PRODBRANCH_CAT_PRODUCT_ID_DESCRIPTION" width="40%"></td>
                                    <td id="PRODUCT_BRANCH_DGV_ROW_STOCK_QUANTITY" width="30%">
                                        <input type="number" value="0" class="form-control text-right">
                                    </td>
                                    <td id="PRODUCT_BRANCH_DGV_ROW_STOCK_REMARKS" width="30%">
                                        <input type="text" class="form-control text-right">
                                    </td> 
                                </tr>   
                            </tbody>
                        </table>
                    </div>
                </section>
            </div>
        </div>
    </main>

    <button class="btn round btn-floating btn__primary--cus btn-lg" style="bottom:10px;" id="SAVE_BBI"><i class="fas fa-save"></i> Save</button>
    <!--[#IMPORT:pos-end-shift-modal.tpl;]-->

    <!-- 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>