@extends('layouts.main')
@section('title','Global Settings')
@section('content')

<div class="pcoded-content">
	<div class="pcoded-inner-content p-0">

		<div class="main-body">
			  <div class="hme-loading-mask">
	                <div class="hme-loading-container">
	                    <div class="hme-dual-ring"></div>
	                    <div>Please wait, Loading...</div>
	                </div>
              </div>
			<div class="page-wrapper p-0">
				<div class="page-header p-15 m-b-0 pro-page-heading1">
					 @if($message = Session::get('success'))
		                     <div class="alert alert-success background-success">
		                      <button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
		                      <i class="hiremee-multiply text-white"></i>
		                      </button>
		                      {{ $message }}
		                    </div>
		                @elseif($message = Session::get('error'))
		                <div class="alert alert-danger background-danger">
		                    <button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
		                    <i class="hiremee-multiply text-white"></i>
		                    </button>
		                    {{ $message }}
		                  </div>
		                @endif
					<div class="page-header-title">
						<h4>Global Settings</h4>

					</div>
					<div class="page-header-breadcrumb p-r-10">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item">
								@if(Auth::guard('corporate')->user()->user_type == 1)
								<a href="{{secure_url('company/dashboard') }}">
									@elseif(Auth::guard('corporate')->user()->user_type == 2)
									<a href="{{secure_url('recruiter/dashboard') }}">
										@endif 
										<span class="hiremee-home"></span>
									</a>
								</li>
								<li class="breadcrumb-item"><a href="{{ secure_url('pro/global-settings') }}">Global Settings</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="page-body">
						<div class="card-block">
								<div class="row">
									<div class="col-md-6">
										 <div class="card-unborder card-block">
										<div class="pro-color-tab-list-container" >
											 {!! Form::open(array('url' =>secure_url('pro/add/global/settings'), 'class'=>'form-horizontal', 'method'=>'post','id'=>'js-global-settings')) !!}
											  <div class="" id="js-pro-componenent-render">
											      <div class="">
     														<span style="font-weight:bold">Result to be sent to &nbsp;&nbsp;&nbsp;:</span>
												          <div class="form-group row p-t-15">
												              <label class="col-sm-4 col-form-label">Email Address 1</label>
												              <div class="pos-relative col-md-7">
												                   {!! Form::hidden('email_address_id1',$email_address_id1,array('id'=>"email_address_id1")) !!}
												                   {!! Form::text('email_address1',$email_address1,array('class'=>'form-control email-address-check ','id'=>'js-email_address1','placeholder'=>'Enter a email address')) !!}
												                   <span id="js-email_address1-error"></span>
												                   @if ($errors->has('email_address1')) 
												                    <span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate p-r-25" data-toggle="tooltip" data-original-title="{!! $errors->first('email_address1') !!}" data-trigger="hover" data-animation="false"></span>
												                   @endif 
												                
												              </div>
												            </div>

												            <div class="form-group row">
												              <label class="col-sm-4 col-form-label">Email Address 2</label>
												              <div class="pos-relative col-md-7">
												                   {!! Form::hidden('email_address_id2',$email_address_id2,array('id'=>"email_address_id2")) !!}
												                   {!! Form::text('email_address2',$email_address2,array('class'=>'form-control email-address-check','id'=>'js-email_address2','placeholder'=>'Enter a email address')) !!}
												                   <span id="js-email_address2-error"></span>
												                   @if ($errors->has('email_address2')) 
												                    <span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate p-r-25" data-toggle="tooltip" data-original-title="{!! $errors->first('email_address2') !!}" data-trigger="hover" data-animation="false"></span>
												                   @endif 
												                
												              </div>
												            </div>

												            <div class="form-group row">
												              <label class="col-sm-4 col-form-label">Email Address 3</label>
												              <div class="pos-relative col-md-7">
												                   {!! Form::hidden('email_address_id3',$email_address_id3,array('id'=>"email_address_id3")) !!}
												                   {!! Form::text('email_address3',$email_address3,array('class'=>'form-control email-address-check ','id'=>'js-email_address3','placeholder'=>'Enter a email address')) !!}
												                   <span id="js-email_address3-error"></span>
												                   @if ($errors->has('email_address3')) 
												                    <span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate p-r-25" data-toggle="tooltip" data-original-title="{!! $errors->first('email_address3') !!}" data-trigger="hover" data-animation="false"></span>
												                   @endif 
												                
												              </div>
												            </div>
												     		<span style="font-weight:bold">Test pin validity &nbsp;&nbsp;&nbsp;:</span>
												           <div class="form-group row">

												              <label class="col-sm-4 col-form-label">Default Minutes</label>
												                <div class="pos-relative col-md-7">
																                  
												                   {!! Form::number('end_date',$end_date,array('class'=>'form-control','id'=>'js-end_date','min'=>"60", 'max'=>"600")) !!}
												                   <span id="js-end_date-error"></span>
												                   @if ($errors->has('end_date')) 
												                    <span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate p-r-25" data-toggle="tooltip" data-original-title="{!! $errors->first('end_date') !!}" data-trigger="hover" data-animation="false"></span>
												                   @endif 
												                                  
												              	</div>
												            </div>

												            <div class="form-group row">
											                    <label class="col-sm-4 col-form-label"></label>
											                    <div class="col-md-8 text-left">
											                    <button class="btn f-16 btn-primary" type="submit">{{ $email_address_id1 ? 'Update' : 'Add'}}</button>
											                    </div>
											                 </div>


															

												</div>
											  </div>
											{!! Form::close()!!}
											
										</div>
										</div>
									</div>
								</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

@endsection
@section('footer')
<script type="text/javascript">

   $.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);
  }, "Please Enter a valid email id.");

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

jQuery.validator.addMethod("notEqualToGroup", function (value, element, options) {
    // get all the elements passed here with the same class
    var elems = $(element).parents('form').find(options[0]);
    // the value of the current element
    var valueToCompare = value;
    // count
    var matchesFound = 0;
    // loop each element and compare its value with the current value
    // and increase the count every time we find one
    jQuery.each(elems, function () {
        thisVal = $(this).val();
        if (thisVal == valueToCompare) {
            matchesFound++;
        }
    });
    // count should be either 0 or 1 max
    if (this.optional(element) || matchesFound <= 1) {
        //elems.removeClass('error');
        return true;
    } else {
        //elems.addClass('error');
    }
}, "Please enter a Unique Value.");

function getForm(){
         $.ajax({
          url: "{{secure_url('pro/global-settings')}}",
          type:'get',
          success:function(res){
                  if(res.status ==200){
                    $("#js-pro-componenent-render").html(res.component);
                   }else{
	                    
                   }

          },error:function(res){
            alertMessage("danger",res.msg,"Something Went Wrong");
            $('.hme-loading-mask').fadeOut();
          }
        });
}


  $("#js-global-settings").validate({
           ignore: ":disabled",
           errorElement: 'span',
          errorPlacement: function (error,element){
                var parent = $(element).parent();
                console.log(error[0].id);
                $('.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" data-animation="false"></span>');
                $('#'+error[0].id+'-custom').tooltip(tooltip_direction_options);
          },
          success: function (element){
            $("body").find('#'+element[0].id+'-custom').remove();
              $('#'+element[0].id+'-custom').tooltip('hide');
              $('.js-tooltip-validate').tooltip();
          },
           onfocusout: false, 
            rules: {               
                email_address1:{
                    required: true,
                	notEqualToGroup: ['.email-address-check'],
                	 validateEmail:true,
		            yopmailvalidation:true,
		            normalizer: function(value) {
				        return $.trim(value);
				    }
                },
                email_address2:{
                	 normalizer: function(value) {
				        return $.trim(value);
				    },
                	notEqualToGroup: ['.email-address-check'],
                	validateEmail:true,
		            yopmailvalidation:true,
		           
                },
                email_address3:{
                	normalizer: function(value) {
				        return $.trim(value);
				    },
                	notEqualToGroup: ['.email-address-check'],
                	validateEmail:true,
		            yopmailvalidation:true,
		            
                }

            },
            messages: {
                email_address1:{
                   required: "Please enter an email address"
                },  
            },
            submitHandler: function(form) {
            	$('.hme-loading-mask').fadeIn()
                return true;
      
          }
            
       });

		

</script>
@endsection