
                    <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 row p-3 d-print-none">
                    <div class="col-sm-12">
                        <h3>Sales Summary</h3>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="row">
                                    <div class="col-md-6 mb-3" style="display: none;">
                                        <select class="form-control" id="SEARCH_ACC_GROUP_ID_CMB" style="width: 100%;">
                                        </select>
                                    </div>

                                    <div class="col-md-6 mb-2">
                                        <input type="date" placeholder="Search Date From" class="form-control" id="SEARCH_DATE_FROM_SALES_BY_PROD_DTP" required>
                                    </div>

                                    <div class="col-md-6 mb-2">
                                        <input type="date" placeholder="Search Date To" class="form-control" id="SEARCH_DATE_TO_SALES_BY_PROD_DTP" required>
                                    </div>

                                    <div class="col-md-4 mb-2" style="text-align: right;">
                                        <button class="btn btn-block btn-primary" type="button" id="SEARCH_CMD" title="Search"><i class="fas fa-search"></i></button>
                                        
                                        <button class="btn btn-success d-none" type="button" id="" title="Export to Excel"><i class="fas fa-file-excel"></i></button>
                                    </div>
                                    <div class="col-md-4 mb-2">
                                        <button class="btn btn-block btn-danger" type="button" id="PRINT_BBI" title="Print Report"><i class="fas fa-print"></i></button>
                                    </div>
                                    <div class="col-md-4 mb-2">
                                        <button class="btn btn-block btn-success" type="button" id="EXPORT_BBI" title="Export"><i class="far fa-file-excel"></i></button>
                                    </div>
                                </div>

                                <div class="fix-table-head-66 table-border">
                                    <table class="pos-table" id="POS_SMRY_DGV">
                                        <thead class="bg-blue text-white">
                                            <tr id="POS_SMRY_DGV_HEADER">
                                                <th id="POS_SMRY_DGV_HEADER_CAT_ID" style="display: none;">Categpry ID</th>
                                                <th id="POS_SMRY_DGV_HEADER_CAT_DESCRIPTION" class="prod-tb">Product Category</th>
                                                <th id="POS_SMRY_DGV_HEADER_POS" style="cursor: pointer;text-align: right;">POS</th>
                                                <th id="POS_SMRY_DGV_HEADER_BI" style="cursor: pointer;text-align: right;">BI</th>
                                                <th id="POS_SMRY_DGV_HEADER_AR" style="cursor: pointer;text-align: right;">AR</th>
                                                <th id="POS_SMRY_DGV_HEADER_ONLINE" style="cursor: pointer;text-align: right;">ONLINE</th>
                                                <th id="POS_SMRY_DGV_HEADER_DISCOUNT" style="display: none;">DISCOUNT</th>
                                                <th id="POS_SMRY_DGV_HEADER_TOTAL" style="cursor: pointer;text-align: right;">Total Sales</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr id="POS_SMRY_DGV_ROW">
                                                <td id="POS_SMRY_DGV_ROW_CAT_ID" style="display: none;"></td>
                                                <td id="POS_SMRY_DGV_ROW_CAT_DESCRIPTION" class="prod-tb"></td>
                                                <td id="POS_SMRY_DGV_ROW_POS" style="cursor: pointer;text-align: right;"></td>
                                                <td id="POS_SMRY_DGV_ROW_BI" style="cursor: pointer;text-align: right;"></td>
                                                <td id="POS_SMRY_DGV_ROW_AR" style="cursor: pointer;text-align: right;"></td>
                                                <td id="POS_SMRY_DGV_ROW_ONLINE" style="cursor: pointer;text-align: right;"></td>
                                                <td id="POS_SMRY_DGV_ROW_DISCOUNT" style="display: none;"></td>
                                                <td id="POS_SMRY_DGV_ROW_TOTAL" style="cursor: pointer;text-align: right;"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                                <div class="footer-txt"><h6><i>Scroll up to view more data</i></h6></div>
                            </div>

                            <!-- table -->
                            <div class="col-lg-6">
                                <div class="row">
                                    <div class=" col-md-12">
                                        <div class="form-group row card border-0 card-sales-summ">
                                            <label class="col-sm-6 col-form-label">Total Sales: </label>
                                            <div class="col-sm-6 total-span-sis">
                                              <span readonly id="TOTAL_SALES_LBL"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class=" col-md-12 bt-1">
                                        <div class="form-group row card border-0 card-sales-summ">
                                            <label class="col-sm-6 col-form-label">BI Cash: </label>
                                            <div class="col-sm-6 total-span-sis">
                                              <span readonly id="TOTAL_BI_LBL"></span>
                                            </div>
                                        </div>
                                    </div>

                                     <div class=" col-md-12 bt-1">
                                        <div class="form-group row card border-0 card-sales-summ">
                                            <label class="col-sm-6 col-form-label">Accounts Receivable: </label>
                                            <div class="col-sm-6 total-span-sis">
                                              <span readonly id="TOTAL_AR_LBL"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12 bt-1">
                                        <div class="form-group row card border-0 card-sales-summ">
                                            <label class="col-sm-6 col-form-label">Total Z Sales Amount: </label>
                                            <div class="col-sm-6 total-span-sis">
                                              <span readonly id="TOTAL_Z_LBL"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12 bt-1">
                                        <div class="form-group row card border-0 card-sales-summ">
                                            <label class="col-sm-6 col-form-label">Cash Out/Pick Up Sales: </label>
                                            <div class="col-sm-6 total-span-sis">
                                              <span readonly id="CASH_OUT_LBL"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12 bt-1">
                                        <div class="form-group row card border-0 card-sales-summ">
                                            <label class="col-sm-6 col-form-label">Pay THRU Online: </label>
                                            <div class="col-sm-6 total-span-sis">
                                              <span readonly id="PAY_ONLINE_LBL"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12 bt-1">
                                        <div class="form-group row card border-0 card-sales-summ">
                                            <label class="col-sm-6 col-form-label">Total Must Sales Deposit: </label>
                                            <div class="col-sm-6 total-span-sis">
                                              <span readonly id="TOTAL_DEPOSIT_LBL"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12 bt-1">
                                        <div class="form-group row card border-0 card-sales-summ">
                                            <label class="col-sm-6 col-form-label">Actual Sales Deposit: </label>
                                            <div class="col-sm-6 total-span-sis">
                                              <span readonly id="ACTUAL_DEPOSIT_LBL"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12 bt-1">
                                        <div class="form-group row card border-0 card-sales-summ">
                                            <label class="col-sm-6 col-form-label">Short/Over: </label>
                                            <div class="col-sm-6 total-span-sis">
                                              <span readonly id="SHORT_LBL"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12 bt-1">
                                        <div class="form-group row card border-0 card-sales-summ">
                                            <label class="col-sm-6 col-form-label">Total Discount of the day: </label>
                                            <div class="col-sm-6 total-span-sis">
                                              <span readonly id="TOTAL_DISCOUNT_LBL"></span>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class=" col-md-12 bt-1">
                                        <div class="form-group row card border-0 card-sales-summ">
                                            <label class="col-sm-6 col-form-label">Total BO Quantity: </label>
                                            <div class="col-sm-6 total-span-sis">
                                              <span readonly id="BO_QTY_LBL"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12 bt-1 bb-1">
                                        <div class="form-group row card border-0 card-sales-summ">
                                            <label class="col-sm-6 col-form-label">Total BO of the day: </label>
                                            <div class="col-sm-6 total-span-sis">
                                              <span readonly id="BO_LBL"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- <div class="row total-sales">
                                        <h6>Total Sales : <span id="TOTAL_SALES_LBL"></span></h6>
                                    </div> 
                                    <div class="row total-sales">
                                        <h6>Total Z Sales Amount : <span id="TOTAL_Z_LBL"></span></h6>
                                    </div>
                                    <div class="row total-sales">
                                        <h6>Cash Out/Pic Up Sales : <span id="CASH_OUT_LBL"></span></h6>
                                    </div>
                                    <div class="row total-sales">
                                        <h6>Pay THRU Online : <span id="PAY_ONLINE_LBL"></span></h6>
                                    </div>
                                    <div class="row total-sales">
                                        <h6>Total Must Sales Deposit : <span id="TOTAL_DEPOSIT_LBL"></span></h6>
                                    </div>
                                    <div class="row total-sales">
                                        <h6>Actual Sales Deposit : <span id="ACTUAL_DEPOSIT_LBL"></span></h6>
                                    </div>
                                    <div class="row total-sales">
                                        <h6>Short/Over : <span id="SHORT_LBL"></span></h6>
                                    </div>
                                    <div class="row total-sales">
                                        <h6>Total Discount of the day : <span id="TOTAL_DISCOUNT_LBL"></span></h6>
                                    </div>
                                    <div class="row total-sales">
                                        <h6>Total BO of the day : <span id="BO_LBL"></span></h6>
                                    </div> -->
                                </div>
                                
                            </div>
                        </div>
                    </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>
