@extends("layouts.main")
@section('title', trans('core.title_customized_create'))
@section("content")
<div class="pcoded-content">
	<div class="pcoded-inner-content">
		<div class="main-body">
			<div class="page-wrapper">
				@if (\Session::get('success'))
				    <div class="alert alert-info alert-dismissible">
                    	<a href="#" class="close m-b-20" data-dismiss="alert" aria-label="close">×</a>
                   		<div class="media d-flex align-items-center">
                        	<i class="f-30 icofont icofont-exclamation-circle "></i>
	                        <div class="media-body send-chat">
	                          <p class="m-t-15 text-white "> <strong>Success!</strong> {!! \Session::get('success') !!}.</p>
	                        </div>
                     	</div>
                    </div>
				@endif
				@if (\Session::has('error'))
					<div class="alert alert-danger background-danger">
	                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
	                  <i class="icofont icofont-close-line-circled text-white"></i>
	                  </button>
	                  <strong>Error!</strong> {!! \Session::get('error') !!}</code>
	                </div>
				@endif
				<div class="page-header  m-b-0 pro-page-heading1">
					<div class="page-header-title">
						@if($form=='add')
							<h4>{{ trans('core.create_new_recruiter') }}</h4>
						@else
							<h4>Update Recruiter</h4>
						@endif	
					</div>
				
					<div class="page-header-breadcrumb  ">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item">
								<a href="#">
									<span class="hiremee-home"></span>
								</a>
							</li>
								<li class="breadcrumb-item"><a href="javascript:void(0)">{{ ($form=='add' ? trans('core.create_new_recruiter') : 'Update Recruiter') }}</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="page-body">
					<div class="row">
						<div class="col-md-9 col-lg-9">
							<div class="row">
								<div class="col-md-12 col-lg-12">
									<div class="card-unborder card-block">
									@if($form=='add') 
										{!! Form::open(["route" => ["store.customized-recruiters"], "method" => "POST", "id" => "recruiter_form"]) !!}
									@else
										{!! Form::open(["route" => ["update.customized-recruiters",$corporate_user->id], "method" => "PUT", "id" => "recruiter_form"]) !!}
									@endif	
									{!! Form::hidden('form',$form,array('class'=>'form-control js-tooltip-validate','id'=>'form')) !!}
									{!! Form::hidden('recruiter_id',$corporate_user->id,array('class'=>'form-control js-tooltip-validate','id'=>'recruiter_id')) !!}
									{!! Form::hidden('company_id',isset($corporate_user->company_id) ? $corporate_user->company_id : $user->company_id,array('class'=>'form-control js-tooltip-validate','id'=>'company_id')) !!}

										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">{{ trans('core.cnd_firstname') }}<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												{!! Form::text('fname',$recruiter_profile->first_name,array('class'=>'form-control js-tooltip-validate','id'=>'fname','placeholder'=>trans('core.cnd_firstname'), "tabindex"=>2)) !!}
												<span id="fname-error"></span>
											</div>
										</div>	

										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">{{ trans('core.cnd_lastname') }}<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												{!! Form::text('lname',$recruiter_profile->last_name,array('class'=>'form-control js-tooltip-validate','id'=>'lname','placeholder'=>trans('core.cnd_lastname'), "tabindex"=>3)) !!}
												<span id="lname-error"></span>
											</div>
										</div>	

										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">{{ trans('core.c_emailaddress') }}<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												{!! Form::text('email_address',$corporate_user->email_address,array('class'=>'form-control js-tooltip-validate','id'=>'email_address','placeholder'=>trans('core.c_emailaddress'))) !!}
												<span id="email_address-error"></span>
											</div>
										</div>

										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">{{ trans('core.c_mobilenumber') }}<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												{!! Form::text('mobile_number',$corporate_user->mobile_number,array('class'=>'form-control js-tooltip-validate','id'=>'mobile_number','placeholder'=>trans('core.c_mobilenumber'),'maxlength'=>12, "tabindex"=>1)) !!}
												<span id="mobile_number-error"></span>
											</div>
										</div>

										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">{{ trans('core.c_gender') }}<sup class="text-danger f-15">*</sup>:</label>
											</div>
										</div>	
										<div class="row form-group">
											<div class="col-md-5" style="margin-left: 11px;">
												<div class="form-radio">
													<div class="radio radiofill radio-primary radio-inline">
														<label>
															<input name="gender" type="radio" value="1" @if($recruiter_profile->gender == 1) checked="checked" @endif/>
    														<i class="helper"></i>{{ trans('core.cnd_male') }}
														</label>
													</div>
													<div class="radio radiofill radio-primary radio-inline">
														<label>
															<input name="gender" value="2" type="radio" @if($recruiter_profile->gender == 2) checked="checked" @endif>
															<i class="helper"></i>{{ trans('core.cnd_female') }}
														</label>
													</div>
													<span id="gender-error"></span>
												</div>
											</div>											
										</div>

										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">{{ trans('core.col_password') }}
												@if($form=='add')<sup class="text-danger f-15">*</sup>@endif:</label></label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												{{ Form::password('password',array('class'=>'form-control js-tooltip-validate insi','id'=>'password','placeholder'=>trans('core.col_password'), "tabindex"=>5)) }}
												<span id="password-error"></span>
											</div>
										</div>

										<div class="row">
											<div class="col-md-12">
												<label class="profile-label">{{ trans('core.col_confirmpassword') }}@if($form=='add')<sup class="text-danger f-15">*</sup>@endif:</label>
											</div>
										</div>
										<div class="row form-group">
											<div class="col-md-5">
												{{ Form::password('password_confirmation',array('class'=>'form-control js-tooltip-validate','id'=>'password_confirmation','placeholder'=>trans('core.col_confirmpassword'), "tabindex"=>6)) }}
												<span id="password_confirmation-error"></span>
											</div>
										</div>

	                                    <div class="row">
											<div class="col-md-12">
												<button type="submit" id="submit_form" class="btn btn-primary m-r-5">
													{{ ($form=='add') ? trans('core.but_save') : trans('core.but_update') }}  
												</button>
												<button type="button" class="btn btn-outline-info m-r-5" onClick="window.location='/pro/recruiters-customized';">
													{{ trans('core.but_back') }}   
												</button>
											</div>
										</div>
										{!! Form::close() !!}
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>	
@endsection

@section("footer")
<script>
$.validator.addMethod("validateEmail", function(value, element) {
	return this.optional(element) || /^\s*([0-9a-zA-Z]([-_\\.]*[0-9a-zA-Z]+)*)@([0-9a-zA-Z]([-_\\.]*[0-9a-zA-Z]+)*)[\\.]([a-zA-Z]{1,9})[\w\W ]*[^ ]$/.test(value);
}, "Email Address must be valid Email Address.");

$.validator.addMethod('yopmailvalidation', function (value) {
    return /^([\w-.]+@(?!yopmail\.com)([\w-]+.)+[\w-]{2,4})?$/.test(value);
},"We won't allowed the Yopmail email address");

$.validator.addMethod("validateEmailAddress", function(value, element, regexpr) {      
  var email = value;
  var emailarry=email.split("@");
  var emaildomain=emailarry[1];
  var emaildomain=emaildomain.toLowerCase();
  if(emaildomain=='gmail.com' || emaildomain=='yahoo.com' || emaildomain=='rediffmail.com' ||
  emaildomain=='hotmail.com' || emaildomain=='outlook.com' || emaildomain=='zoho.com'){
    return false;
  }
  return true;
}, "Please use your Business Email Address, we won't accept Gmail, Yahoo, etc.. accounts.");

$.validator.addMethod("nameValidate", function(value, element) {
	return this.optional(element) || /^\s*[A-Za-z](?:\.?[A-Za-z0-9()_@& ]+|\.$)+$/.test(value);
}, "Please Enter Valid Name");

$.validator.addMethod("validatePassword", function(value, element) {
	return this.optional(element) || /^(?=.*?[A-Z])(?=(.*[a-z]){1,})(?=(.*[\d]){1,})(?=(.*[\W]){1,})(?!.*\s).{8,}$/.test(value);
}, "A password must have special symbols, numeric, upper and lower characters. min-8");

$("#recruiter_form").validate({
    focusInvalid: false,
    errorElement: 'span',
	errorPlacement: function (error, element) {
        $('.tooltip').tooltip('hide');
        $("body").find('#' + error[0].id + '-custom').remove();
        $('#' + error[0].id).append('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="' + error[0].id + '-custom" data-toggle="tooltip" data-original-title="' + error[0].innerText + '" data-trigger="hover"></span>');
        $('#' + error[0].id + '-custom').tooltip();
    },
    success: function (element) {
        $("body").find('#' + element[0].id + '-custom').remove();
        $('#' + element[0].id + '-custom').tooltip('hide');
        $('.js-tooltip-validate').tooltip();
    },
    rules: {
    	fname: {
    		required: true,
    		nameValidate:true,
            maxlength:100,
            normalizer: function( value ) {
	            return $.trim( value );
          	},
    	},
		lname: {
			required: true,
			nameValidate:true,
            maxlength:100,
            normalizer: function( value ) {
	            return $.trim( value );
         	},
		},
		email_address: {
			required: true,
			validateEmail:true,
            // validateEmailAddress:true,
            yopmailvalidation:true,
            normalizer: function( value ) {
              return $.trim(value);
            },
		},
		mobile_number: {
			required: true,
			number: true,
			minlength: 10,
			maxlength: 12,
			normalizer: function( value ) {
              return $.trim( value );
            },
		},
		gender:{
			required: true,
		},
		password: {
			required: {
				depends: function(){
					return ($("#form").val()=='add' ? true : false);
				},

			},
			validatePassword:true,
			minlength:8,
		},
		password_confirmation: {
			required: {
				depends: function(){
					return ($("#form").val()=='add' ? true : false);
				},
			},
			validatePassword:true,
			minlength:8,
			equalTo: '#password',
		},
	},
    messages: {
		fname: {
    		required: "First Name is Required",
    		maxlength: "First Name must be maximum 100 Characters",
    	},
		lname: {
			required: "Last Name is Required",
			maxlength: "Last Name must be maximum 100 Characters",
		},
		email_address: {
			required:  "Email Address is Required",
			// email:  "Email Address must be valid Email Address",
		},
		mobile_number: {
			required: "Mobile Number is Required",
			number: "Mobile Number must be valid Number",
			minlength: "Mobile Number must be Minimum of 10 Digits",
			maxlength: "Mobile Number must be Maximum of 12 Digits",
		},
		gender:{
			required: "Gender is Required",
		},
		password: {
			required: "Password is Required",
			minlength: "Password must be 8 Characters length",
		},
		password_confirmation: {
			required: "Confirm Password is Required",
			minlength: "Confirm Password must be 8 Characters length",
			equalTo: "Confirm Password must be equal to password",
		},
    },
    submitHandler: function(form, event) {
      	$("#submit_form").attr("disabled", true);
     	form.submit();
    }
});
</script>
@endsection