@extends('layouts.default')
@section('content')
<!-- page content -->
<div class="right_col" role="main">
	<div class="">
		<div class="page-title">
			<div class="title_left">
				<h3>Create Vendor</h3>
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="row">
			<div class="col-md-12 col-sm-12 col-xs-12">
				{{ Userdefined::showMessage() }}
				<div class="x_panel">
					<div class="x_content">
						<form id="create_vendor_form" class="form-horizontal form-label-left" method="post" action="{{ url('vendors') }}" data-toggle="validator" role="form" autocomplete="off">
							<div class="row">
								<fieldset>
									<legend>Vendor Details</legend>
									<div class="row">
										<div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
											<label class="control-label col-md-5 col-sm-5 col-xs-12">Company Name<i class="mandatory">*</i></label>
											<div class="col-md-7 col-sm-7 col-xs-12">
												<input type="text" id="vendor_company_name" name="vendor_company_name" class="form-control" required maxlength="100">
												<div class="help-block with-errors"></div>
											</div>
										</div>
									</div>
									<div id="vendor_details">
										<div id="1">
											<div class="row">
												<div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
													<label class="control-label col-md-5 col-sm-5 col-xs-12">Vendor Name<i class="mandatory">*</i></label>
													<div class="col-md-7 col-sm-7 col-xs-12">
														<input type="text" id="vendor_1" name="vendor[]" class="form-control" required maxlength="100">
														<div class="help-block with-errors"></div>
													</div>
												</div>
												<div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
													<label class="control-label col-md-5 col-sm-5 col-xs-12">Vendor Email<i class="mandatory">*</i></label>
													<div class="col-md-7 col-sm-7 col-xs-12">
														<input type="email" id="vendor_email_1" name="vendor_email[]" class="form-control" pattern="[a-z0-9._-]+@[a-z0-9.-]+\.[a-z.]{2,}$" data-pattern-error="Also, include a TLD. (Example: .com, .co.in, .co.us ...)" required maxlength="50">
														<div class="help-block with-errors"></div>
													</div>
												</div>
												<div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
													<label class="control-label col-md-5 col-sm-5 col-xs-12">Vendor Mobile<i class="mandatory">*</i></label>
													<div class="col-md-7 col-sm-7 col-xs-12">
														<input type="text" id="vendor_mobile_1" name="vendor_mobile[]" class="form-control" data-inputmask="'mask' : '(999) 999-9999'" pattern="^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$" data-pattern-error="Valid Mobile Number Format. Example:(011) 123-4567" required maxlength="14">
														<div class="help-block with-errors"></div>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
													<label class="control-label col-md-5 col-sm-5 col-xs-12">Vendor Website<i class="mandatory">*</i></label>
													<div class="col-md-7 col-sm-7 col-xs-12">
														<input type="text" id="vendor_website_1" name="vendor_website[]" class="form-control" pattern="^[a-z]+\.[a-zA-Z0-9.-]+\.[a-zA-Z]{2,5}\.?" data-pattern-error="Valid URL. Example: www.website.com, .co.in, .co.us ..." required maxlength="100">
														<div class="help-block with-errors"></div>
													</div>
												</div>
												<div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
													<label class="control-label col-md-5 col-sm-5 col-xs-12">Pay Rate<i class="mandatory">*</i></label>
													<div class="col-md-7 col-sm-7 col-xs-12">
														<input type="text" id="vendor_payrate_1" name="vendor_payrate[]" class="form-control" required="">
														<div class="help-block with-errors"></div>
													</div>
												</div>
												<div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
													<label class="control-label col-md-5 col-sm-5 col-xs-12">Vendor Country<i class="mandatory">*</i></label>
													<div class="col-md-7 col-sm-7 col-xs-12">
														<select id="vendor_country_1" name="vendor_country[]" class="form-control select2" required onchange="getState(1)">
															<option value="">Select Country</option>
															@foreach($countries_top as $country_top)
															<option value="{{ $country_top->id }}" {{ $country_top->id==231?'selected':'' }}>{{ $country_top->name }}</option>
															@endforeach
															@foreach($countries as $country)
															<option value="{{ $country->id }}">{{ $country->name }}</option>
															@endforeach
														</select>
														<div class="help-block with-errors"></div>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-md-4 col-sm-4 col-xs-12 form-group">
													<label class="control-label col-md-5 col-sm-5 col-xs-12">Vendor State</label>
													<div class="col-md-7 col-sm-7 col-xs-12">
														<select id="vendor_state_1" name="vendor_state[]" class="form-control select2" onchange="getCity(1)">
															<option value="">Select State</option>
															@foreach($states as $state)
															<option value="{{ $state->id }}">{{ $state->name }}</option>
															@endforeach
														</select>
													</div>
												</div>
												<div class="col-md-4 col-sm-4 col-xs-12 form-group">
													<label class="control-label col-md-5 col-sm-5 col-xs-12">Vendor City</label>
													<div class="col-md-7 col-sm-7 col-xs-12">
														<select id="vendor_city_1" name="vendor_city[]" class="form-control select2">
															<option value="">Select City</option>
														</select>
													</div>
												</div>
												<div class="col-md-4 col-sm-4 col-xs-12 form-group">
													<label class="control-label col-md-5 col-sm-5 col-xs-12">Vendor Address</label>
													<div class="col-md-7 col-sm-7 col-xs-12">
														<textarea id="vendor_address_1" name="vendor_address[]" class="form-control"></textarea>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="form-group">
										<div class="col-md-12 col-sm-12 col-xs-12 text-right">
											<button class="btn btn-primary btn-xs add_vendor" id="add_vendor" type="button"><i class="fa fa-plus"></i> Add Vendor</button>
										</div>
									</div>
								</fieldset>
								<fieldset>
									<legend>Implementer Details</legend>
									<div class="col-md-12">
										<div class="col-md-4 col-sm-4 col-xs-12 form-group">
											<label class="control-label col-md-5 col-sm-5 col-xs-12">Company Name</label>
											<div class="col-md-7 col-sm-7 col-xs-12">
												<input type="text" id="implementer_company_name" name="implementer_company_name" class="form-control" maxlength="100">
											</div>
										</div>
										<div class="col-md-4 col-sm-4 col-xs-12 form-group">
											<label class="control-label col-md-5 col-sm-5 col-xs-12">Name</label>
											<div class="col-md-7 col-sm-7 col-xs-12">
												<input type="text" id="implementer_name" name="implementer_name" class="form-control" maxlength="100">
											</div>
										</div>
										<div class="col-md-4 col-sm-4 col-xs-12 form-group">
											<label class="control-label col-md-5 col-sm-5 col-xs-12">Email</label>
											<div class="col-md-7 col-sm-7 col-xs-12">
												<input type="email" id="implementer_email" name="implementer_email" class="form-control" pattern="[a-z0-9._-]+@[a-z0-9.-]+\.[a-z.]{2,}$" data-pattern-error="Also, include a TLD. (Example: .com, .co.in, .co.us ...)" maxlength="50">
											</div>
										</div>
										<div class="col-md-4 col-sm-4 col-xs-12 form-group">
											<label class="control-label col-md-5 col-sm-5 col-xs-12">Mobile</label>
											<div class="col-md-7 col-sm-7 col-xs-12">
												<input type="text" id="implementer_mobile" name="implementer_mobile" class="form-control" data-inputmask="'mask' : '(999) 999-9999'" pattern="^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$" data-pattern-error="Valid Mobile Number Format. Example:(011) 123-4567" maxlength="14">
											</div>
										</div>
									</div>
								</fieldset>
							</div>
							<div class="ln_solid"></div>
							<div class="form-group">
								<div class="col-md-12 col-sm-12 col-xs-12 text-right">
									<button class="btn btn-primary btn-sm" type="reset">Reset</button>
									<button type="submit" class="btn btn-success btn-sm" name="create_vendor" value="1">Submit</button>
								</div>
							</div>
							{{ csrf_field() }}
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- /page content -->
<script type="text/javascript">
$(document).ready(function(){
	$("#vendor_country").change(function(){
		var country = $("#vendor_country").val();
		$("#vendor_state").empty();
		$("#vendor_city").empty();
		$.ajax({
			url: '