@extends('layouts.default')
@section('content')

<script src="https://cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script>

<!-- 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">
		          		<input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
			            <form id="create_vendor_form" class="form-horizontal form-label-left" method="post" action="{{ url('save_bdm_job') }}" data-toggle="validator" role="form" autocomplete="off">
			              	<div class="row">
		              			<fieldset>
			              			<legend>Job 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">Job Title<i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<input type="text" id="job_title" name="job_title" class="form-control" maxlength="100" 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">Location<i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<select id="job_location" name="job_location" class="form-control select2" 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>
						                  	</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">Experience</label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                  		<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
						                    		<input type="text" id="job_experience_min" name="job_experience_min" class="form-control" maxlength="2" placeholder="Min" pattern="[0-9]+$" data-pattern-error="Only Digits please.">
						                    		<div class="help-block with-errors"></div>
					                    		</div>
					                    		<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
						                    		<input type="text" id="job_experience_max" name="job_experience_max" class="form-control" maxlength="2" placeholder="Max" pattern="[0-9]+$" data-pattern-error="Only Digits please.">
						                    		<div class="help-block with-errors"></div>
						                    	</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">Interview Mode<i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<select id="job_interview_mode" name="job_interview_mode" class="form-control" required>
						                    		<option value="">Select Interview Mode</option>
						                    		<option value="telephonic">Telephonic</option>
						                    		<option value="face_to_face">Face to Face</option>
						                    	</select>
						                    	<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">Employment Type<i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<select id="job_employment_type" name="job_employment_type" class="form-control" required>
						                    		<option value="">Select Employment Type</option>
						                    		<option value="c2c">C2C</option>
						                    		<option value="contract_to_hire">Contract to Hire</option>
						                    		<option value="full_time">Full Time</option>
						                    		<option value="1099">1099</option>
						                    	</select>
						                    	<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</label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                  		<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
						                    		<input type="text" id="vendor_payrate_min" name="payrate_min" class="form-control" placeholder="Min" pattern="[0-9]+$" data-pattern-error="Only Digits please.">
						                    		<div class="help-block with-errors"></div>
					                    		</div>
					                    		<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
						                    		<input type="text" id="vendor_payrate_max" name="payrate_max" class="form-control" placeholder="Max" pattern="[0-9]+$" data-pattern-error="Only Digits please.">
						                    		<div class="help-block with-errors"></div>
						                    	</div>
						                  	</div>
						                </div>
					                </div>
					                <div class="row">
					                	<!-- <div class="col-md-8 col-sm-8 col-xs-12 form-group has-feedback">
						                  	<label class="control-label col-md-2 col-sm-2 col-xs-12">Description<i class="mandatory">*</i></label>
						                  	<div class="col-md-10 col-sm-10 col-xs-12">
						                    	<textarea class="form-control" id="job_description" name="job_description" required></textarea>
						                    	<div class="help-block with-errors"></div>
						                  	</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">Message <br><span style="font-size: 8px">(Internal Purpose)</span></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<textarea class="form-control" id="job_internal_message" name="job_internal_message"></textarea>
						                  	</div>
						                </div>
						                
					                </div>
					                <div class="row">
					                	<label class="control-label col-md-1 col-sm-1 col-xs-12">Job Description</label>
					                	<div class="col-md-11 col-sm-11 col-xs-12 form-group">
					                		<textarea name="job_description" id="job_description" rows="10" cols="80"></textarea>
				                		</div>
					                </div>
		              			</fieldset>
		              			<fieldset>
			              			<legend>Client Details</legend>
			              			<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">Client Name<i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<input type="text" id="client_name" name="client_name" class="form-control" maxlength="100" required>
						                  	</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">Client Website</label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<input type="text" id="client_website" name="client_website" 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">Client Location</label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<select id="client_location" name="client_location" class="form-control select2">
						                    		<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>
						                </div>
					                </div>
		              			</fieldset>
		              			<div class="" id="hr_new">
			              			<fieldset>
				              			<legend>HR Details
				              				<!-- <button type="button" class="fa fa-plus-circle pull-right"  onClick="add_entry()"  style="color: green" aria-hidden="true" data-toggle="tooltip" data-original-title="Add New HR" class="pull-right"  >
						        			</button>
						        			<button type="button" class="fa fa-times-circle-o pull-right" style="color: red" id="close_new" aria-hidden="true" data-toggle="tooltip" data-original-title="Close" class="pull-right" onClick =" deleteParentElement(this)"></button> -->
				              			</legend>
					              		<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<i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<input type="text" id="hr_name" name="hr_name" class="form-control" maxlength="100" required>
						                  	</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<i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<input type="text" id="hr_email" name="hr_email" class="form-control" maxlength="100" required>
						                  	</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">Phone<i class="mandatory">*</i></label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<!-- <input type="text" id="hr_phone" name="hr_phone" class="form-control" maxlength="10"> -->
						                    	<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>
						                </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">Designation</label>
						                  	<div class="col-md-7 col-sm-7 col-xs-12">
						                    	<input type="text" id="hr_designation" name="hr_designation" class="form-control" maxlength="100">
						                  	</div>
						                </div>
			              			</fieldset>
			              		</div>
			              	</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="submit_bdm_jobs" value="1">Submit</button>
				                </div>
			              	</div>
			              	{{ csrf_field() }}
			            </form>
		          	</div>
		        </div>
	      	</div>
	    </div>
  	</div>
</div>
<!-- /page content -->
<script>
	CKEDITOR.replace('job_description');
</script>
<script type="text/javascript">
var blank_hr_entry = '';
    $(document).ready(function () {
        blank_hr_entry = $('#hr_new').html();
    });
    function add_entry()
    {
        $("#hr_new").append(blank_hr_entry);
    }
    // REMOVING HR DETAILS 
    function deleteParentElement(n) {
        n.parentNode.parentNode.parentNode.removeChild(n.parentNode.parentNode);
    }
</script>

@stop