            <div class="modal fade" id="add_customer_model" tabindex="-1" role="dialog" aria-labelledby="add_customer_modelLabel" aria-hidden="true">
              <div id="error"></div>
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header" style="background-color: #337ab7;color: white; border-radius: 4px 4px 0px 0px;">
                    <h5 class="modal-title" id="add_customer_modelLabel"><center>Add customer</center></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                    <form role="form" class="form-horizontal" id="create_customer_form" action="#" autocomplete="off">
                        
                        <div style="padding: 15px">
                            <div class="form-group">
                                <h5>Name *</h5>
                                <input type="text" class="form-control" name="cus_name" id="cus_name">
                            </div>
                            <div class="form-group">
                                <h5>Phone *</h5>
                                <input class="form-control" name="cus_phone" id="cus_phone" type="text">
                            </div>
                            <div class="form-group">
       						    <h5>Address *</h5>
                                <input class="form-control" name="cus_address" id="cus_address" type="text">
                            </div>
                            <!--hidden fields-->
                            <input name="type" value="A" type="hidden" />
                            <input name="location" value="POS" type="hidden" />
                            <input name="cus_warehouse_id" value="4" type="hidden" />
                            <input name="country_id" value="251" type="hidden" />
                        </div>                    
                    </form>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary" onclick="add_customer()">Save changes</button>
                  </div>
                </div>
              </div>
            </div>