<div class="modal fade" id="cashModal" tabindex="-1" role="dialog" aria-labelledby="cashModal" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" >
            <div class="modal-header" style="padding: 20px">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel" style="text-align: left">Cash Payment</h4>
            </div>
            <div class="modal-body">
                <div class="col-sm-12 form-group" style="padding: 10px;border: 1px solid #EDEDED;background-color:#F2F9EA">
                    <div class="col-sm-5">Receipt Number</div>
                    <div class="col-sm-5">Invoice Total</div>
                    <div class="col-sm-2"></div>
                </div>
                <div class="col-sm-12" id="viewCashInfo" style="display: none;">
                    <div class="col-sm-5" id="receiptNumber"></div>
                    <div class="col-sm-5" id="totalAmount"></div>
                    <div class="col-sm-2">
                        <button type="button" id="cashPayment" class="btn btn-success">Pay Now</button>
                    </div>
                </div>
                <div class="col-sm-12 form-group"><br></div>
                <br><br><br>
                <span id="submit_error" style="color: red; display: none"></span>
                <br>



                <div class="col-sm-12">
                    <div class="col-sm-5">
                        <h4 class="modal-title" id="myModalLabel" style="text-align: left" ><span id="credit_level_t">Add Cash </span> </h4> 
                    </div>
                    <div class="col-sm-5 "></div>
                    <div class="col-sm-2 ">
                        <a href="javascript:void(0)" id="openCashButton" style="display: block">   
                            <span class="glyphicon glyphicon-menu-down" aria-hidden="true" ></span>
                        </a>
                        <a href="javascript:void(0)" id="closeCashButton" style="display: none">   
                            <span class="glyphicon glyphicon-menu-up" aria-hidden="true" ></span>
                        </a>
                    </div>


                    <div class="col-sm-12" id="cashform" style="display: none">
                        <div class="col-sm-12 "></div><br><br>
                        <div class="col-sm-12">
                            <div class="col-sm-8 form-group">
                                <input class="form-control" 
                                       type="text" 
                                       name="cash_receipt_number" 
                                       id="cashReceiptNumber" 
                                       value="" 
                                       maxlength="20"
                                       placeholder="Please Type Cash Receipt Number">
                                <span id="cashReceiptNumber_error" style="color: red; display: none;"></span>
                            </div>
                            <div class="col-sm-8 form-group">
                                <input class="form-control" 
                                       type="text" 
                                       name="cash_payment_amount" 
                                       id="cashPaymentAmount" 
                                       value="" 
                                       maxlength="12"
                                       placeholder="Please Type Payment Amount">
                                <span id="cashPaymentAmount_error" style="color: red; display: none;"></span>
                            </div>
                            <span class="col-sm-8 form-group" id="cashsubmit_error" style="color: red; display: none;"></span>
                        </div>

                        <div class="col-sm-12"> 
                            <br>
                        </div>
                        <div class="col-sm-12">
                            <div class="col-sm-4">
                                <button class="form-control btn btn-success" type="button" id="addCash">Add Cash</button>
                            </div>
                        </div>
                        <div class="col-sm-12"> 
                            <br><hr>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">Close</button>
            </div>
        </div>
    </div>
</div>