
                    <a class="navbar-brand text-white">
                        <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="page-content-wrapper p-3">
                    <h3>Stock Card Report</h3>
                    <h5 class="text-dark my-3">Total Quantity: <span id="QUANTITY_SUM_LBL">0</span></h5>

                    <div class="row mb-3">
                        <div class="col-md-2">
                            Product:
                            <select class="form-control" name="SEARCH_REC_STOCKCARD_CAT_PRODUCT_ID_CMB" id="SEARCH_REC_STOCKCARD_CAT_PRODUCT_ID_CMB"></select>
                        </div>
                        <div class="col-md-2">
                            Stock Flow Type:
                            <select class="form-control" name="SEARCH_REC_STOCKCARD_CAT_STOCKFLOW_ID_CMB" id="SEARCH_REC_STOCKCARD_CAT_STOCKFLOW_ID_CMB"></select>
                        </div>
                        <div class="col-md-3">
                            Date From:
                            <input type="date" class="form-control" name="SEARCH_REC_STOCKCARD_DATE_TRANSACTION_FROM_DTP" id="SEARCH_REC_STOCKCARD_DATE_TRANSACTION_FROM_DTP">
                        </div>
                        <div class="col-md-3">
                            Date To:
                            <input type="date" class="form-control" name="SEARCH_REC_STOCKCARD_DATE_TRANSACTION_TO_DTP" id="SEARCH_REC_STOCKCARD_DATE_TRANSACTION_TO_DTP">
                        </div>
                        <div class="col-md-2">
                            <button id="SEARCH_CMD" class="btn btn-blue rounded-0 btn-block mt-4">Search</button>
                        </div>
                    </div>

                    <div class="fix-table-head-54 fix-table-head-mob-40 table-border">
                        <table class="pos-table" id="STOCK_CARD_DGV">
                            <thead class="bg-blue text-white">
                                <tr id="STOCK_CARD_DGV_HEADER">
                                    <th id="STOCK_CARD_DGV_HEADER_ROW_COUNT" style="display: none;">#</th>
                                    <th id="STOCK_CARD_DGV_HEADER_REC_STOCKCARD_ID" style="display: none;">ID</th>
                                    <th id="STOCK_CARD_DGV_HEADER_REC_STOCKCARD_ACC_GROUP_ID" style="display: none;">Branch</th>
                                    <th id="STOCK_CARD_DGV_HEADER_REC_STOCKCARD_DATE_TRANSACTION">Date & Time</th>
                                    <th id="STOCK_CARD_DGV_HEADER_REC_STOCKCARD_CAT_STOCKFLOW_ID" style="display: none;"></th>
                                    <th id="STOCK_CARD_DGV_HEADER_REC_STOCKCARD_CAT_STOCKFLOW_ID_DESCRIPTION">Stock Flow</th>
                                    <th id="STOCK_CARD_DGV_HEADER_REC_STOCKCARD_CAT_PRODUCT_ID" style="display: none;"></th>
                                    <th id="STOCK_CARD_DGV_HEADER_REC_STOCKCARD_CAT_PRODUCT_ID_DESCRIPTION">Item</th>
                                    <th id="STOCK_CARD_DGV_HEADER_REC_STOCKCARD_QUANTITY" style="text-align: right;">Quantity</th>
                                    <th id="STOCK_CARD_DGV_HEADER_REC_STOCKCARD_REMARKS">Remarks</th>
                                    <th id="STOCK_CARD_DGV_HEADER_REC_STOCKCARD_CAT_STORAGE_ID" style="display: none;"></th>
                                    <th id="STOCK_CARD_DGV_HEADER_REC_STOCKCARD_CAT_STORAGE_ID_DESCRIPTION" style="display: none;"></th>
                                    <th id="STOCK_CARD_DGV_HEADER_REC_STOCKCARD_STATUS" style="display: none;"></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr id="STOCK_CARD_DGV_ROW">
                                    <td id="STOCK_CARD_DGV_ROW_ROW_COUNT" style="display: none;"></td>
                                    <td id="STOCK_CARD_DGV_ROW_REC_STOCKCARD_ID" style="display: none;"></td>
                                    <td id="STOCK_CARD_DGV_ROW_REC_STOCKCARD_ACC_GROUP_ID" style="display: none;"></td>
                                    <td id="STOCK_CARD_DGV_ROW_REC_STOCKCARD_DATE_TRANSACTION"></td>
                                    <td id="STOCK_CARD_DGV_ROW_REC_STOCKCARD_CAT_STOCKFLOW_ID" style="display: none;"></td>
                                    <td id="STOCK_CARD_DGV_ROW_REC_STOCKCARD_CAT_STOCKFLOW_ID_DESCRIPTION"></td>
                                    <td id="STOCK_CARD_DGV_ROW_REC_STOCKCARD_CAT_PRODUCT_ID" style="display: none;"></td>
                                    <td id="STOCK_CARD_DGV_ROW_REC_STOCKCARD_CAT_PRODUCT_ID_DESCRIPTION"></td>
                                    <td id="STOCK_CARD_DGV_ROW_REC_STOCKCARD_QUANTITY" style="text-align: right;"></td>
                                    <td id="STOCK_CARD_DGV_ROW_REC_STOCKCARD_REMARKS"></td>
                                    <td id="STOCK_CARD_DGV_ROW_REC_STOCKCARD_CAT_STORAGE_ID" style="display: none;"></td>
                                    <td id="STOCK_CARD_DGV_ROW_REC_STOCKCARD_CAT_STORAGE_ID_DESCRIPTION" style="display: none;"></td>
                                    <td id="STOCK_CARD_DGV_ROW_REC_STOCKCARD_STATUS" style="display: none;"></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="footer-txt"><h6><i>Scroll up to view more data</i></h6></div>
                </section>
            </div>
        </div>
    </main>

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