@include('head')
@include('header')

<div class="inner-page-wrapper">
                <div class="wrapper-container">
                    <div class="row">
                        <div class="col-md-12 ">

                            <h2><span>Registration</span>Form</h2>
                            <div class="clearfix">
                            <div id="main">

                            	<div class="row">
                            		<div class="col-sm-12 kva-form">
                            			<form id="registerform" role="form" data-toggle="validator" accept-charset="utf-8">

                            				<div id="form-step-0" role="form" data-toggle="validator">
                            					<div class="row">
                            						<div class="col-sm-12 form-group">
                            							<input type="text" name="fname" id="fname" required="required" />
                            							<label class="control-label" for="fname">Name</label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-6 form-group">
                            							<div class="form-radio">
                            								<label class="radio-group-label">Already a member?</label>
                            								<div class="radio">
                            									<label>
                            										<input type="radio" name="memberyesno" id="memberyesno" checked="checked" value="Yes" /><i class="helper"></i>Yes
                            									</label>
                            								</div>
                            								<div class="radio">
                            									<label>
                            										<input type="radio" name="memberyesno" id="memberyesno" value="No" /><i class="helper"></i>No
                            									</label>
                            								</div>
                            							</div>
                            						</div>
                            						<div class="col-sm-6 form-group">
                            							<input type="number" name="membershipno" id="membershipno" required="required" />
                            							<label class="control-label" for="membershipno">Membership No.</label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-6 form-group">
                            							<input type="text" name="associationname" id="associationname" required="required" />
                            							<label class="control-label" for="associationname">Name of the Association</label>
                            						</div>
                            						<div class="col-sm-6 form-group">
                            							<input type="text" name="companyname" id="companyname" required="required" />
                            							<label class="control-label" for="companyname">Name of the Company</label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-12 form-group">
                            							<textarea rows="3" id="companyaddress" name="companyaddress" required="required"></textarea>
                            							<label class="control-label" for="companyaddress">Address of the Company</label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-6 form-group">
                            							<input type="number" name="contact" id="contact" required="required" />
                            							<label class="control-label" for="contact">Contact No.</label>
                            						</div>
                            						<div class="col-sm-6 form-group">
                            							<input type="text" name="email" id="email" required="required" />
                            							<label class="control-label" for="email">Email Id </label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-6 form-group select-dropdown">
                            							<label class="control-label" for="opttype">Select type of operation</label>
                            							<select class="selectpicker" name="opttype" id="opttype">
                            								<option value="Manufaturer">Manufaturer</option>
                            								<option value="Trader">Trader</option>
                            								<option value="Service">Service</option>
                            								<option value="Artist">Artist</option>
                            							</select>
                            						</div>
                            						<div class="col-sm-6 form-group select-dropdown">
                            							<label class="control-label" for="product">Select Product</label>
                            							<select class="selectpicker" name="product" id="product">
                            								<option value="Plastic">Plastic</option>
                            								<option value="Moulds">Moulds</option>
                            								<option value="Software">Software</option>
                            								<option value="Transportation">Transportation</option>
                            							</select>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-12 form-group">
                            							<textarea rows="3" id="businessactivities" name="businessactivities" required="required"></textarea>
                            							<label class="control-label" for="businessactivities">Brief of the business activities</label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-6 form-group select-dropdown">
                            							<label class="control-label" for="opttype">Area of Operation</label>
                            							<select class="selectpicker" name="optarea" id="optarea">
                            								<option value="Mumbai">Mumbai</option>
                            								<option value="Pune">Pune</option>
                            								<option value="Kerala">Kerala</option>
                            								<option value="All India">All India</option>
                            							</select>
                            						</div>
                            						<div class="col-sm-6 form-group">
                            							<input type="text" name="cinno" id="cinno" required="required" />
                            							<label class="control-label" for="cinno">CIN No.</label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-6 form-group">
                            							<input type="number" name="gstno" id="gstno" required="required" />
                            							<label class="control-label" for="gstno">GST No.</label>
                            						</div>
                            						<div class="col-sm-6 form-group">
                            							<input type="number" name="msmeno" id="msmeno" required="required" />
                            							<label class="control-label" for="msmeno">MSME Registration No.</label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-6 form-group">
                            							<input type="number" name="kvscno" id="kvscno" required="required" />
                            							<label class="control-label" for="kvscno">KVSC Registration No.</label>
                            						</div>
                            						<div class="col-sm-6 form-group">
                            							<input type="text" name="otherreg" id="otherreg" required="required" />
                            							<label class="control-label" for="otherreg">Any other registration</label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-12 form-group">
                            							<div class="form-radio">
                            								<label class="radio-group-label">Type of Company</label>
                            								<div class="radio">
                            									<label>
                            										<input type="radio" name="companytype" id="companytype" checked="checked" value="Proprietary" /><i class="helper"></i>Proprietary
                            									</label>
                            								</div>
                            								<div class="radio">
                            									<label>
                            										<input type="radio" name="companytype" id="companytype" value="LLP" /><i class="helper"></i>LLP
                            									</label>
                            								</div>
                            								<div class="radio">
                            									<label>
                            										<input type="radio" name="companytype" id="companytype" value="Pvt. Ltd." /><i class="helper"></i>Pvt. Ltd.
                            									</label>
                            								</div>
                            								<div class="radio">
                            									<label>
                            										<input type="radio" name="companytype" id="companytype" value="Limited" /><i class="helper"></i>Limited
                            									</label>
                            								</div>
                            							</div>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-12 form-group">
                            							<input type="number" name="annual" id="annual" required="required" />
                            							<label class="control-label" for="annual">Annual Turn Over</label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-12 form-group">
                            							<textarea rows="3" id="majorclient1" name="majorclient1" required="required"></textarea>
                            							<label class="control-label" for="majorclient1">Major Clients with address, Contact No. & e mail address-1</label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-12 form-group">
                            							<textarea rows="3" id="majorclient2" name="majorclient2" required="required"></textarea>
                            							<label class="control-label" for="majorclient2">Major Clients with address, Contact No. & e mail address-2</label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-12 form-group">
                            							<textarea rows="3" id="majorclient3" name="majorclient3" required="required"></textarea>
                            							<label class="control-label" for="majorclient3">Major Clients with address, Contact No. & e mail address-3</label>
                            						</div>
                            					</div>
                            					<div class="row">
                            						<div class="col-sm-12 form-group">
                            							<div class="form-checkbox">
                            								<div class="checkbox">
                            									<label>
                            										<input type="checkbox" name="infotrue" id="infotrue" value="1"/><i class="helper"></i>The information provided above is true and correct.
                            									</label>
                            								</div>
                            							</div>
                            						</div>
                            					</div>

                            					<div class="btn-panel text-center"><button class="btn sw-btn-finish" id="savedata">Submit</button></div>

                            				</div>

                            			</form>
                            		</div>
                            	</div>



                            	<!--alerts-->
                            	<div id="error-msg" class="modal fade in" role="dialog" style="display: none;">
                            		<div class="modal-dialog">
                            			<div class="modal-content">
                            				<div class="modal-icon del-icon">
                            					<div class="icon-img">
                            						<img src="images/error.svg">
                            					</div>
                            				</div>
                            				<div class="modal-body">
                            					<h4>Error</h4>
                            					<div class="alert-msg-form">
                            						<form>
                            							<div class="form-group">
                            								<p>Please enter a valid information</p>
                            							</div>
                            							<button type="button" class="btn del-btn" data-dismiss="modal">Done</button>
                            						</form>
                            					</div>
                            				</div>
                            			</div>
                            		</div>
                            	</div>
                            	<div id="success-msg" class="modal fade in" role="dialog" style="display: none;">
                            		<div class="modal-dialog">
                            			<div class="modal-content">
                            				<div class="modal-icon success-icon">
                            					<div class="icon-img">
                            						<img src="images/success.svg">
                            					</div>
                            				</div>
                            				<div class="modal-body">
                            					<h4>Congratulations</h4>
                            					<div class="alert-msg-form">
                            						<form>
                            							<div class="form-group">
                            								<p>You have successfully completed your registration<br>You need to activate your account. Please click "Verify your email address" on the email we sent you </p>
                            							</div>
                            							<button type="button" class="btn success-btn" data-dismiss="modal">Done</button>
                            						</form>
                            					</div>
                            				</div>
                            			</div>
                            		</div>
                            	</div>
                            	<div id="warning-msg" class="modal fade in" role="dialog" style="display: none;">
                            		<div class="modal-dialog">
                            			<div class="modal-content">
                            				<div class="modal-icon warning-icon">
                            					<div class="icon-img">
                            						<img src="images/warning.svg">
                            					</div>
                            				</div>
                            				<div class="modal-body">
                            					<h4>Warning</h4>
                            					<div class="alert-msg-form">
                            						<form>
                            							<div class="form-group">
                            								<p>Please enter a valid information</p>
                            							</div>
                            							<button type="submit" class="btn warning-btn" data-dismiss="modal">Done</button>
                            						</form>
                            					</div>
                            				</div>
                            			</div>
                            		</div>
                            	</div>


                            </div>
                            <div class="right-block">
                                @include('sidebar')
                            </div>
                            </div>
                            @include('adblockbottom')
                               
                        </div>
                    </div>
                </div>
            </div>
<script>
$("#savedata").click(function(e) {	
  var valid = $("#registerform")[0].checkValidity();
  if (valid) {
	event.preventDefault();
	ajaxurl = "ajaxregister";
	$.ajax({
		url: ajaxurl,
		type: "GET",
		data:$("#registerform").serialize(),
		success: function(data){
			if(data == 1)
			{
				$('#success-msg').css('display','block');
				$("#registerform")[0].reset();
			}
		}
	});
}
});
</script>
@include('footer')