@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 New Job</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 class="mui-form" method="post" action="{{ url('job') }}" data-toggle="validator" role="form" autocomplete="off">
		              	<div class="row">
											<fieldset>
												<legend>Job Details</legend>
												<div class="row">
													<div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="job_title" name="job_title" required maxlength="100">
						                <div class="help-block with-errors"></div>
						                <label>Job Title<i class="mandatory">*</i></label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
						                <select id="job_location" name="job_location" required>
						                  <option value="">Select Location</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>
							              <label>job_location<i class="mandatory">*</i></label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="job_experience_min" name="job_experience_min"  pattern="^[0-9]{2}" data-pattern-error="Valid Min Experience Example: 02,12,10,05,...">
						                <div class="help-block with-errors"></div>
						                <label>Min Experience</label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="job_experience_max" name="job_experience_max" pattern="^[0-9]{2}" data-pattern-error="Valid Max Experience Example: 02,12,10,05,...">
						                <div class="help-block with-errors"></div>
						                <label>Max Experience</label>
							            </div>
												</div>
												<div class="row">
													<div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
						                <select id="job_interview_mode" name="job_interview_mode" required>
						                  <option value="">Select Interview Mode</option>
						                  <option value="telephonic">Telephonic</option>
						                  <option value="f2f">F2F</option>
						                  <option value="telephonic_f2f">Telephonic & F2F</option>
						                  <option value="skype">Skype</option>
						                </select>
						                <div class="help-block with-errors"></div>
							              <label>Interview Mode<i class="mandatory">*</i></label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
						                <select id="job_employment_type" name="job_employment_type" required>

                                       <option value="c2c">C2C Corp-To-Corp</option>
									   <option value="full_time">Full Time </option>
									   <option value="part_time">Part Time</option>
									   <option value="contract_independent">Contract Independent</option>
									   <option value="contract_w2">Contract W2</option>
									   <option value="c2h_independent">C2H Independent</option>
									   <option value="c2h_w2">C2H W2</option>
                                       <option value="contract_to_hire">C2H Contract to Hire</option>
						                </select>
						                <div class="help-block with-errors"></div>
							              <label>Employment Type<i class="mandatory">*</i></label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="payrate_min" name="payrate_min" pattern="^[0-9]{2}" data-pattern-error="Valid Min Pay Rate Example: 02,12,10,05,..." >
						                <div class="help-block with-errors"></div>
						                <label>Min. Pay Rate</label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="payrate_max" name="payrate_max" pattern="^[0-9]{2}" data-pattern-error="Valid Max Pay Rate Example: 02,12,10,05,...">
						                <div class="help-block with-errors"></div>
						                <label>Max Pay Rate</label>
							            </div>
												</div>
												<div class="row">
													<div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
				                    	<textarea id="job_internal_message" name="job_internal_message"></textarea>
					                  	<label>Internal Message</label>
					                </div>
				                	<div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
				                    	<textarea id="job_interview_address" name="job_interview_address"></textarea>
					                  	<label>Interview Address</label>
					                </div>
					                <div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
						                <select id="job_status" name="job_status" required>
						                  <option value="">Select Job Status</option>
						                  <option value="0">Open</option>
						                  <option value="1">Closed</option>
						                  <option value="2">Pending</option>
						                </select>
						                <div class="help-block with-errors"></div>
							              <label>Job Status<i class="mandatory">*</i></label>
							            </div>
					                <div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
						                {{ Form::select('technology_id', [''=>'Select Technology'] + $technologies, null, ['required']) }}
						                <div class="help-block with-errors"></div>
							              <label>Job Technlogy<i class="mandatory">*</i></label>
							            </div>
					              </div>
					              <div class="row">
					              	<div class="col-md-12 col-sm-12 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						            <legend>Job Description</legend>
				                    	<textarea id="job_description" name="job_description" placeholder="Job Description"></textarea>
					                </div>
					              </div>
											</fieldset>
											<!-- Vendor Details For Vendor -->
											@if(Entrust::hasRole('bdm') || Entrust::hasRole('bdm_tl'))
											<fieldset>
												<legend>Vendor Details</legend>
												<div class="row">
													<div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="vendor_name" name="vendor_name" maxlength="100">
						                <div class="help-block with-errors"></div>
						                <label>Vendor Name</label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="vendor_website" name="vendor_website" 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 ..." maxlength="100">
						                <div class="help-block with-errors"></div>
						                <label>Vendor Website</label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
			                    	<select id="vendor_country" name="vendor_country">
			                    		<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>
				                  	<label>Country</label>
				                	</div>
				                	<div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
			                    	<select id="vendor_state" name="vendor_state">
			                    		<option value="">Select State</option>
			                    		@foreach($states as $state)
			                    		<option value="{{ $state->id }}">{{ $state->name }}</option>
			                    		@endforeach
			                    	</select>
			                  		<label>State</label>
				                	</div>
												</div>
												<div class="row">
													<div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
						                <select id="vendor_city" name="vendor_city">
						                  <option value="">Select City</option>
						                </select>
							              <label>City</label>
							            </div>
												</div>
											</fieldset>
											@endif
											<!-- Vendor Details Ends Here -->
											<!-- Implementer Details For Vendor -->
											@if(Entrust::hasRole('vendor') || Entrust::hasRole('vendor_tl') || Entrust::hasRole('bdm') || Entrust::hasRole('bdm_tl'))
											<fieldset>
												<legend>Implementer Details</legend>
												<div class="row">
													<div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="implementer_name" name="implementer_name" maxlength="100">
						                <div class="help-block with-errors"></div>
						                <label>Implementer Name</label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="implementer_website" name="implementer_website" 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 ..." maxlength="100">
						                <div class="help-block with-errors"></div>
						                <label>Implementer Website</label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
			                    	<select id="implementer_country" name="implementer_country">
			                    		<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>
				                  	<label>Country</label>
				                	</div>
				                	<div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
			                    	<select id="implementer_state" name="implementer_state">
			                    		<option value="">Select State</option>
			                    		@foreach($states as $state)
			                    		<option value="{{ $state->id }}">{{ $state->name }}</option>
			                    		@endforeach
			                    	</select>
			                  		<label>State</label>
				                	</div>
												</div>
												<div class="row">
													<div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
						                <select id="implementer_city" name="implementer_city">
						                  <option value="">Select City</option>
						                </select>
							              <label>City</label>
							            </div>
												</div>
											</fieldset>
											@endif
											<!-- Implementer Details Ends Here -->
											<!-- Client Details For Vendor & Implementer -->
											<fieldset>
												<legend>Client Details</legend>
												<div class="row">
													<div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="client_name" name="client_name" required maxlength="100">
						                <div class="help-block with-errors"></div>
						                <label>Client Name<i class="mandatory">*</i></label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="client_website" name="client_website" 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>
						                <label>Client Website<i class="mandatory">*</i></label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
			                    	<select id="client_country" name="client_country">
			                    		<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>
				                  	<label>Country</label>
				                	</div>
				                	<div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
			                    	<select id="client_state" name="client_state">
			                    		<option value="">Select State</option>
			                    		@foreach($states as $state)
			                    		<option value="{{ $state->id }}">{{ $state->name }}</option>
			                    		@endforeach
			                    	</select>
			                  		<label>State</label>
				                	</div>
												</div>
												<div class="row">
													<div class="col-md-3 col-sm-3 col-xs-12 mui-select form-group">
						                <select id="client_city" name="client_city">
						                  <option value="">Select City</option>
						                </select>
							              <label>City</label>
							            </div>
												</div>
											</fieldset>
											<!-- Client Details Ends Here -->
											<!-- HR Details For BDM -->
											@if(Entrust::hasRole('bdm') || Entrust::hasRole('bdm_tl') || Entrust::hasRole('acs_jobs'))
											<fieldset>
												<legend>HR Details</legend>
												<div class="row">
													<div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="hr_name" name="hr_name" required maxlength="50">
						                <div class="help-block with-errors"></div>
						                <label>Name<i class="mandatory">*</i></label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="email" id="hr_email" name="hr_email" required maxlength="50">
						                <div class="help-block with-errors"></div>
						                <label>Email<i class="mandatory">*</i></label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="hr_phone" name="hr_phone" 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>
						                <label>Phone<i class="mandatory">*</i></label>
							            </div>
							            <div class="col-md-3 col-sm-3 col-xs-12 mui-textfield mui-textfield--float-label form-group">
						                <input type="text" id="hr_designation" name="hr_designation" maxlength="50">
						                <div class="help-block with-errors"></div>
						                <label>Designation</label>
							            </div>
												</div>
											</fieldset>
											@endif
											<!-- HR Details Ends Here -->
										</div>
										<div class="row">
											<div class="col-md-12 col-sm-12 col-xs-12 text-right">
												<button type="reset" class="btn btn-sm btn-primary" name="reset_bdm_jobs" value="0">Reset</button>
									    	<button type="submit" class="btn btn-success btn-sm" name="submit_bdm_jobs" value="1">Submit</button>
									  	</div>
										</div>
										{{ csrf_field() }}
			            </form>
		          	</div>
		        </div>
	      	</div>
	    </div>
  	</div>
</div>
<!-- /page content -->
<script>
	var config = {};
config.placeholder = 'some value';
	CKEDITOR.replace('job_description', config);
</script>
<script type="text/javascript">
$(document).ready(function () {
	/*vendor Details*/
  $("#vendor_country").change(function(){
		var country = $("#vendor_country").val();
		$("#vendor_state").empty();
		$.ajax({
			url: '