<div class="modal fade" id="checkPaymentModal" 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">Check 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-3">Bank Name</div>
                    <div class="col-sm-3">Bank Name</div>
                    <div class="col-sm-2">Account Number</div>
                    <div class="col-sm-2">Amount</div>
                </div>
                <div class="col-sm-12" id="viewChequeInfo" style="display: none;">
                    <div class="col-sm-3" id="view_bank_name"></div>
                    <div class="col-sm-3" id="view_bank_branch_name"></div>
                    <div class="col-sm-2" id="view_check_account_number"></div>
                    <div class="col-sm-2" id="view_check_payment_amount"></div>
                    <div class="col-sm-2">
                        <button type="button" id="chequePayment" class="btn btn-success">Pay Now</button>
                    </div>
                </div>
                <div class="col-sm-12 form-group"><br></div>
                <span class="col-sm-12" id="chequeSubmit_error1" style="color: red;display: none;"></span>
                <br><br><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 Check Information</span> 
                        </h4> 
                    </div>

                    <div class="col-sm-5 "></div>
                    <div class="col-sm-2 ">
                        <a href="javascript:void(0)" id="openChequeButton" style="display: block">   
                            <span class="glyphicon glyphicon-menu-down" aria-hidden="true" ></span>
                        </a>
                        <a href="javascript:void(0)" id="closeChequeButton" style="display: none">   
                            <span class="glyphicon glyphicon-menu-up" aria-hidden="true" ></span>
                        </a>
                    </div>
                    <div class="col-sm-12 "><hr></div><br><br><br>




                    <div class="col-sm-12" id="chequeForm" style="display: none">
                        <div class="col-sm-12">
                            <div class="col-sm-8 form-group">
                                <select class="form-control"
                                        id="bank_id">
                                    <option  value="">Select Bank</option>
                                    <?php
                                    if ($all_bank) {
                                        foreach ($all_bank as $value) {
                                            echo '<option value="' . $value->bank_id . '">' . $value->bank_name . '</option>';
                                        }
                                    }
                                    ?>
                                </select>
                                <span id="bankID_error" style="color: red; display: none;"></span>
                            </div>
                            <div class="col-sm-8 form-group">
                                <select class="form-control"
                                        id="bank_branch_id">
                                    <option value="">Select Bank Branch</option>
                                </select>
                                <span id="bankBranchID_error" style="color: red; display: none;"></span>
                            </div>
                            <div class="col-sm-8 form-group">
                                <input class="form-control" 
                                       type="text" 
                                       name="cheque_account_number" 
                                       id="cheque_account_number" 
                                       value="" 
                                       maxlength="20"
                                       placeholder="Please Type Cheque Account Number">
                                <span id="check_account_number_error" style="color: red; display: none;"></span>
                            </div>
                            <div class="col-sm-8 form-group">
                                <input class="form-control" 
                                       type="text" 
                                       name="cheque_payment_amount" 
                                       id="cheque_payment_amount" 
                                       value="" 
                                       maxlength="12"
                                       placeholder="Please Type Payment Amount">
                                <span id="payment_amount_error" style="color: red; display: none;"></span>
                            </div>
                        </div>
                        <div class="col-sm-12"> 
                            <br>
                        </div>
                        <span id="chequeSubmit_error" style="color: red; display: none;"></span>
                        <div class="col-sm-12">
                            <div class="col-sm-4">
                                <input class="form-control btn btn-success"
                                       id="add_cheque" type="button" value="Add Cheque">
                            </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>