
                    <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 class="page-content-wrapper p-3 d-print-none">
                    <h3>Finance</h3>

                    <div class="list-group">
                        <div class="list-group">
                            <button type="button" class="list-group-item list-group-item-action" id="CASH_IN_BBI">Cash In</button>
                            <button type="button" class="list-group-item list-group-item-action" id="CASH_OUT_BBI">Cash Out</button>
                        </div>
                </section>
            </div>
        </div>
    </main>

    <div class="col-md-5 col-xs-12 modal-mob" id="CASHIN_MODAL" style="display: none;">
        <div class="modal-header px-1 pb-2">
            <h5 class="mb-0">
                CASH IN
            </h5>
        </div>
        <div class="modal-body p-1">
            <form id="form-cashin">
                <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="CASHIN_AMOUNT" name="CASHIN_AMOUNT" value="" autocomplete="off">
                        <div id="CASHIN_AMOUNT_ERROR" class="invalid-feedback"></div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-4 col-form-label">Notes:</label>
                    <div class="col-8">
                        <textarea class="form-control" id="CASHIN_NOTES" name="CASHIN_NOTES" autocomplete="off"></textarea>
                        <div id="CASHOUT_AMOUNT_ERROR" class="invalid-feedback"></div>
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-secondary" id="CASHIN_MODAL_MODAL_CLOSE_CMD">Close</button>
            <button type="button" class="btn btn-success" id="SUBMIT_CASHIN_BBI">SUBMIT</button>
        </div>
    </div>

    <div class="col-md-5 col-xs-12 modal-mob" id="CASHOUT_MODAL" style="display: none;">
        <div class="modal-header px-1 pb-2">
            <h5 class="mb-0">
                CASH OUT
            </h5>
        </div>
        <div class="modal-body p-1">
            <form id="form-cashout">
                <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="CASHOUT_AMOUNT" name="CASHOUT_AMOUNT" value="" autocomplete="off">
                        <div class="invalid-feedback">Please enter amount.</div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-4 col-form-label">Notes:</label>
                    <div class="col-8">
                        <textarea class="form-control" id="CASHOUT_NOTES" name="CASHOUT_NOTES" autocomplete="off"></textarea>
                        <div class="invalid-feedback"></div>
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-secondary" id="CASHOUT_MODAL_MODAL_CLOSE_CMD">Close</button>
            <button type="button" class="btn btn-success" id="SUBMIT_CASHOUT_BBI">SUBMIT</button>
        </div>
    </div>

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