<!--Add New Supplier-->      
    <form name="frmAddSupplierInventory" id="frmAddSupplierInventory" method="post">  
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" id="close_supplier_form" aria-hidden="true" onclick="closeModelSupplierPopup();">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Add Supplier</h4>
        </div>
        <div class="modal-body">

           <div class="col-md-6">
            <div class="form-group">
                <label>Supplier Name</label>
                <input type="text" name="SupplierName" id="SupplierName" class="form-control whbg">                       
            </div>
            </div>

            <div class="col-md-6">
            <div class="form-group">
                <label>Contact Person</label>
                <input type="text" name="ContactPerson" id="ContactPerson" class="form-control whbg">                       
            </div>
            </div>

            <div class="col-md-6">
            <div class="form-group">
                <label>Designation</label>
                <input type="text" name="Designation" id="Designation" class="form-control whbg">                       
            </div>
            </div>

            <div class="col-md-6">
            <div class="form-group">
                <label>Contact Number</label>
                <input type="text" name="ContactNo" onkeyup="return isNumber(event);" maxlength="15" id="ContactNo" class="form-control whbg">                       
            </div>
            </div>

            <div class="col-md-6">
            <div class="form-group">
                <label>Contact Email</label>
                <input type="text" name="EmailId" id="EmailId" class="form-control whbg">                       
            </div>
            </div>


            <div class="col-md-6">
            <div class="form-group">
                <label>Address</label>
                <input type="text" name="Address" id="Address" class="form-control whbg">          
            </div>
            </div>


            <div class="col-md-6">
            <div class="form-group">
                <label>Country</label>
                <select name="ContId" id="popupContId" class="form-control" placeholder="Select" onchange="getPopupCityList(this.value);">
                    <option value="0">Select</option>
                    <?php  
                    if(!empty($this->arrCountryList) ) { 
                        foreach($this->arrCountryList as $country) { ?>
                            <option value="<?php echo $country['ContId']; ?>"><?php echo $country['Title']; ?></option>
                        <?php 
                        }
                    }
                    ?>
                </select>                      
            </div>
            </div>


            <div class="col-md-6">
            <div class="form-group">
                <label>City</label>
                <select id="popupCitySysId" name="CitySysId" class="form-control" placeholder="Select">
                    <option value="0">Select</option>
                </select>                       
            </div>
            </div>

        <div class="clear"></div></div>

        <div class="modal-footer">
            <button type="button" class="btn btn-warning btn-round" onclick="addSupplier();">Submit</button>
            <button type="button" id="close_supplier_form" class="btn btn-default btn-round" data-dismiss="modal" onclick="closeModelSupplierPopup();">Cancel</button>
        </div>

    </form>    
       
    <!--Add New Supplier-->
    
    <!--Layout Script start -->
    
<script type="text/javascript" src="<?php echo $this->baseUrl('public/assets/js/bootstrap.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl('public/assets/js/multipleAccordion.js'); ?>"></script>
<!--switchery Script Start -->
<script src="<?php echo $this->baseUrl('public/assets/js/switchery.min.js'); ?>"></script>
<!--switchery Script End -->

<!--bootstrap switch Button Script Start-->
<script src="<?php echo $this->baseUrl('public/assets/js/bootstrap-switch.js'); ?>"></script>
<!--bootstrap switch Button Script End-->

<!--selectize Library start-->
<script src="<?php echo $this->baseUrl('public/assets/js/selectize.min.js'); ?>"></script>
<!--selectize Library End-->

<!--Select & Tag demo start-->
<script src="<?php echo $this->baseUrl('public/assets/js/pages/selectTag.js'); ?>"></script>
<!--Select & Tag demo end-->

<!--Select & Tag demo start-->
<script src="<?php echo $this->baseUrl('public/assets/js/jquery.minicolors.min.js'); ?>"></script>
<!--Select & Tag demo end-->

<!-- Script For Icheck -->
<script src="<?php echo $this->baseUrl('public/assets/js/icheck.min.js'); ?>"></script>
<!-- Script For Icheck -->

<!--Advance Radio and checkbox demo start-->
<script src="<?php echo $this->baseUrl('public/assets/js/pages/checkboxRadio.js'); ?>"></script>
<!--Advance Radio and checkbox demo start-->