@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Pricing of AI-Proctored Assessment Platform assessments')
@section('content')
<style type="text/css">
      .iti{
        display: block;
        margin-bottom: 18px;
      }
      .iti__dropdown-content input[type="text"]{
        background: #fff;
        border: 0;
        box-shadow: 0 1px 4px 0 rgb(0 0 0 / 5%);
        border: 1px solid rgba(26, 15, 9, 0.1);
        padding-left: 10px;
      }
  #exam_mobile_code{
    position: absolute;
    z-index: 9;
    width: 40px;
    background: none;
    border: 0;
    left: 60px;
    box-shadow: none;
    border-right: 1px solid rgba(26, 15, 9, 0.1);
    border-radius: 0;
    padding: 0px;
    padding-left: 10px;
  }
 
  .iti--allow-dropdown input.iti__tel-input, .iti--allow-dropdown input.iti__tel-input[type=tel]
  {
      padding-left: 100px !important;
  }
  .iti__dropdown-content .iti__search-input{
        margin: 0px;
  }
</style>
<!-- Header Container / End -->

<!-- hero area start -->
<div class="container-fluid innerBannerBottom darkGreen-bg">
   <nav id="breadcrumbs">
      <ul>
         <li><a href="/">Home</a></li>
         <li><a href="/ai-proctored-assessment-platform"> AI-Proctored Assessment Platform</a></li>
         <li> Pricing</li>
      </ul>
   </nav>
</div>
<!-- hero area end -->

<section class="hiremeepro-solution-banner padding-top-20 padding-bottom-20">
   <div class="container text-center">
      <div class="promo__content aos-animate col-md-8 mx-auto">
         <div class="hiremeepro-content padding-top-0">
            <h1 class="title"><span class="d-block">AI-Proctored Assessment Platform</span>Pricing</h1>
            <h3 class="padding-top-10">Feel free to connect with us to know more</h3>
         </div>
         <!-- <div class="row text-center">
            <div class="mx-auto margin-top-30">
            <a href="{{secure_url('/free-job-post')}}" class="button btnFilledJob">POST A JOB </a>
 <a href="/ai-proctored-assessment-platform/pricing" class="button btnFilledJob">FREE DEMO </a> 
            </div>
         </div>-->
      </div>
   </div>
</section>
<div class="subHeader-product d-flex align-items-center justify-content-center">
  <nav id="navigation">
    <ul>
    <li><a href="/ai-proctored-assessment-platform">AI-Proctored Assessment Platform</a></li>
    <li><a href="javascript:void();">Solutions</a>
            <ul class="dropdown-nav">
              <li><a href="/ai-proctored-assessment-platform/assessments-for-hiring">Assessments for Hiring </a></li>
              <li><a href="/ai-proctored-assessment-platform/assessments-for-learning">Assessments for Learning</a></li>
              <li><a href="/ai-proctored-assessment-platform/campus-recruitment-platform">Campus Recruitment Platform </a></li>
              <li><a href="/ai-proctored-assessment-platform/technical-and-non-technical-assessment-platform">Technical and Non-Technical Assessment Platform </a></li>
              <!-- <li><a href="/ai-proctored-assessment-platform/online-interview-platform">Structured Interviewing Platform</a></li> -->
              <li> <a href="/ai-proctored-assessment-platform/surveys">Surveys</a></li>
            </ul>
          </li>
      <li><a href="/ai-proctored-assessment-platform/test-library">Test Library</a></li>
      <li><a href="/ai-proctored-assessment-platform/clients">Clients</a></li>
    </ul>
  </nav>
</div>

<div class="featured-area pricingSec  padding-top-65 padding-bottom-65">
   <div class="container">
      <div class="row">
         <div class="col-lg-6">
            <div class="accordion js-accordion margin-bottom-70">
               <div class="utf-accordion-item js-accordion-item active">
                  <div class="accordion-header js-accordion-header"><img
                     src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/customizable.svg')}}}" alt="100% CUSTOMIZATION"> 100% CUSTOMIZATION</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Complete customization of platform, content and reports possible for product personalization.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img
                     src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/web-app.svg')}}}" alt="WEB AND APP ENABLED">WEB AND APP ENABLED</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Assessments can be taken either on web or app on both Android and iOS devices.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img
                     src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/customize.svg')}}}" alt="10+ TYPES OF TEST"> 10+ TYPES OF TEST</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Coding, Psychometric, innovative MCQs and various other types of tests supported for recruiting and training tech and non-tech talent.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/api.svg')}}}" alt="api"> HANDS-ON-CODING</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Find the right coding talent and develop the ones you have through our coding test in more than 40 supported languages.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/happiness.svg')}}}" alt="Psychometric Assessments"> PSYCHOMETRIC TEST</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Psychometric assessments structured on the Big 5 model covering 150+ competencies with high reliability and validity.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"> <img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/paper.svg')}}}" alt="SKILLS"> 3,800+ SKILLS AND SUB-SKILLS</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Questions available on 3800+ skills suitable for 5000+ job roles for comprehensive assessments across domains.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/multitask.svg')}}}" alt="AUTO-CONCURRENCY ENABLED"> AUTO-CONCURRENCY ENABLED</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Assess numerous candidates concurrently using our auto-scale feature.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/monitoring.svg')}}}" alt="ADVANCED PROCTORING"> ADVANCED PROCTORING</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Proctor the assessments while sitting at your office using our AI-driven advanced proctoring tools.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/compare.svg')}}}" alt="AMAZING CANDIDATE EXPERIENCE"> AMAZING CANDIDATE EXPERIENCE</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Seamless and distraction free experience during the test followed by candidate feedback at the end of the test.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/analysis.svg')}}}" alt="Insightful Reports"> INSIGHTFUL REPORTS</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Insightful reports in multiple formats that can be customized to help you make data-driven decisions.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/whitelabeling.svg')}}}" alt="Whitelabeling & API Integration"> WHITELABELING & API INTEGRATION</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">White-label the recruitment solution and make the platform an extension of your brand.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/support-1.svg')}}}" alt="Dedicated Customer Support"> DEDICATED CUSTOMER SUPPORT</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Dedicated Customer Support service to ensure that you face minimum bottlenecks and maximum output.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/video-resume.png')}}}" alt="Virtual Interview Platform"> STRUCTURED INTERVIEWING PLATFORM</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Interview anyone, anywhere and at anytime and get your first round of screening done faster than ever.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/database.svg')}}}" alt="Pre-Assessed Pool of Fresher’s Database"> PRE-ASSESSED POOL OF FRESHER'S DATABASE</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">Make candidate sourcing easier than ever with our pre-assessed freshers' pool of 400,000+ candidates.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/content.svg')}}}" alt="Content"> CONTENT</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">1000+ SMEs in our proprietary content creation system help deliver assessments with unprecedented quality.</div>
                  </div>
               </div>
               <div class="utf-accordion-item js-accordion-item">
                  <div class="accordion-header js-accordion-header"><img src="{{{ URL::asset('assets/hiremee-revamp/images/products/hiremeepro/customer-support.svg')}}}" alt="On-Ground Support"> ON-GROUND SUPPORT</div>
                  <div class="accordion-body js-accordion-body">
                     <div class="utf-accordion-content">End to end co-ordination with colleges, students and corporates to facilitate campus drives across India.</div>
                  </div>
               </div>
            </div>
         </div>
         <div class="col-lg-6">
            <div class="row justify-content-center">
              <form name="featuresform" class="price_contactus_form" id="js_pricing_contact_form" role="form" method="POST" action="{{ url('features-contact-mail') }}">
                {!! Form::hidden('form_type','pro_pricing_features_connect_us',['form_type'=>'form_type']) !!}
                {{ csrf_field() }} 
            <!-- <form name="contactform" id="" class="price_contactus_form" method="POST" action=""> -->
                  <div class="form-container fix bg-opacity-blue-85 padding-top-20">
                  <div class="hiremeGoldTitle text-center  ">
                    <h2>Connect with us</h2>
                  </div>
                    <div class="row">
                      <div class="col-md-12">
                       <label class="required" for="name required">Name <sup>*</sup></label>
                        <input type="text" class="form-control" id="name" aria-describedby="name" name="name" placeholder="Your Name" maxlength="100"> 
                      </div>
                      <div class="col-md-12">
                          <label class="required" for="email_address">Business Email <sup>*</sup></label>
                          <input type="text" class="form-control" id="email_address" aria-describedby="email_address" placeholder="Your Business Email" name="email_address" maxlength="100">   
                          <span id="email_address-error"></span>
                      </div>
                      <div class="col-md-12 country_code_div country_code_div_exam" id="online_exam_country_code_div">
                        <label class="required" for="contact_number">Contact Number <sup>*</sup></label>
                        <input type="hidden" name="countryCode" id="countryCode">
                        <input type="hidden" name="dialCode" id="dialCode" value="-1">
                        <input type="hidden"  id="code" name ="code" value="-1" >
                        <input class="utf-with-border" id="exam_mobile_code" name="exam_mobile_code" type="text" value="+91" style="padding: 1px;" readonly/>
                        <input class="phone mobile11 cls_mob_number" id="contact_number" name="contact_number" placeholder="Contact Number" maxlength="13" onpaste="return false" ondrop="return false" ondrag="return false" type="tel" value="" onkeypress="return onlyNumberKey(event)"/>
                        <!-- <input type="text" class="form-control" id="contact_number" aria-describedby="contact-number" placeholder="Contact Number" name="contact_number" maxlength="12">   --> 
                        <span id="contact_number-error"></span>
                      </div>
                      <div class="col-md-12">
                        <label for="company">Company</label>
                        <input type="text" class="form-control" id="company" aria-describedby="company" placeholder="Company Name" name="company" maxlength="250">
                      </div>
                      <div class="col-md-12">
                        <label for="location">Prefered Date & Time</label>
                        <input type="text" class="form-control" id="location" aria-describedby="location" placeholder="Date and Time to connect you" name="location" maxlength="250">
                      </div>

                      <div class="col-md-12">
                        <div class="form-group">
                         <label for="contact_message">Requirement</label>
                          <select name="requirement" id="requirement">
                            <option value="Coding Assessments">Coding Assessments</option>
                            <option value="Learning Management System">Learning Management System</option>
                            <option value="Proctored Assessments">Proctored Assessments</option>
                            <option value="Psychometric Assessments">Psychometric Assessments</option>
                            <option value="Others">Others</option>
                          </select>
                        </div>
                      </div>
                      
                      <div class="col-md-12 other_requiremet d-none">
                        <div class="form-group">
                         <label for="contact_message">Other Requirement</label>
                          <textarea  class="form-control long-text" id="contact_message" placeholder="Your Requirement . . ." name="contact_message" maxlength="250"></textarea>
                        </div>
                      </div>
                      
                      <div class="form-group col-md-12">
                          <label for="ReCaptcha">Recaptcha:</label>
                           <div class="row col-sm-12 col-lg-12 form-group ReCaptcha">
                           {!! NoCaptcha::renderJs() !!}
                           {!! NoCaptcha::display() !!}
                            <span id="js-error-cap"></span>
                             @if($errors->has('g-recaptcha-response'))
                                <span data-position="left" data-delay="0" style="" class="js-tootletip hiremee-info text-danger tooltip-validate error-message3" id="custom" data-toggle="tooltip"data-original-title="The g-recaptcha-response field is required." data-trigger="hover">!</span>                                 
                            @endif
                        </div>
                      </div>
                      <div class="form-group col-md-12 termTxt">
                          <input type="checkbox" name="termCheck" class="termCheck"/> <span style="color: #222;">I agree to the <a href="/termsofuse"><u>Terms and conditions</u> </a> and <a href="/privacypolicy"><u>Privacy Policy</u> </a></span>
                        </div>
                      
                    </div>
                    <button type="submit" class="theme-btn log-in-button margin-top-30" style="width:100%;" id="js_contact_button">SUBMIT</button>
                  </div>
                </form>
            </div>
         </div>
      </div>
   </div>
</div>
{{--@include('hiremee-revamp.partials.new-subscription') --}}
<!-- Wrapper / End -->
<!-- Leave a Review Popup -->
@include('hiremee-revamp.partials.review-popup')
<script type="text/javascript">

LoadMobileCountryCode();
// $(document).ready(function(){

function LoadMobileCountryCode()
  {
  const inputs = document.querySelectorAll(".mobile11");
      window.telinput = [];
      var phone_number = inputs.forEach((input,index) => {
        refreshCountryDropdownDataPricing(input,index,'');
      });
  }

function refreshCountryDropdownDataPricing(inputele,index,selectedCountry){
    var mobile = intlTelInput(inputele, {
      separateDialCode: true,
      autoPlaceholder: true,
      initialCountry: (selectedCountry!=='') ? selectedCountry : "in",
      geoIpLookup: function(callback) {
            $.get('proxy.php', function() {}).always(function(resp) {
              var countryCode = (resp && resp.country) ? resp.country : "";
              callback(countryCode);
            });
          },
      // utilsScript: "https://cdn.jsdelivr.net/npm/intl-tel-input@17.0.3/build/js/utils.js"
      utilsScript: "{{ secure_asset('assets/hiremee-revamp/intl-tel-input-master/build/js/utils.js?1711489147110')}}"
  });
    inputele.addEventListener('countrychange',function(){
    if(inputele.closest('.country_code_div').id == 'online_exam_country_code_div'){
      $('.country_code_div_exam').find("#exam_mobile_code").val("+" + mobile.getSelectedCountryData().dialCode);
    }else{
      $('.country_code_div_reset').find("#mobile_code").val("+" + mobile.getSelectedCountryData().dialCode);
    }
    $('.country_code_div_exam').find("#dialCode").val(mobile.getSelectedCountryData().dialCode);
    $('.iti__dropdown-content').find(".iti__search-input").val('');
    refreshCountryDropdownDataPricing(inputele,index,mobile.getSelectedCountryData().iso2);
    // $("#countryCode").val($(this).data('country-code-code'));
  });
  window.telinput[index] = mobile;
}

function onlyNumberKey(evt) {
  var ASCIICode = (evt.which) ? evt.which : evt.keyCode
  if (ASCIICode > 31 && (ASCIICode < 48 || ASCIICode > 57)){
      return false;
  }else{
    // let result = $("#mobile_number").val().replaceAll(' ','');
    let result = evt.target.value.replaceAll(' ','');
    // $("body").find("#contact_number").val(result).trigger('change');
    var str = $("#contact_number").val();
    var regex = /[0-9]/g; // only count numbers
    // var regex = /[a-zA-Z0-9]/g; // only count letters and numbers
    if(str.match(regex).length > 14){
      return false;
    }
    return true;
  }
  return true;
}

</script>

<script src="{{ secure_asset('assets/js/jquery.validate.min.js') }}"></script>
<script type="text/javascript" src="{{ secure_asset('assets/js/additional-methods.min.js') }} "></script>

<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 Valid Email.");

  $.validator.addMethod("lettersandspaceonly", function(value, element) {
      return this.optional(element) || /^[a-zA-Z ]+$/.test(value);
    },"Please Enter Valid Name With Letters and Space.");

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

    $('#js_pricing_contact_form').validate({
            errorElement: 'span',
        errorPlacement: function (error,element){
            var parent = $(element).parent();
            var style= 'style="margin-top:5px;"';
            if(error[0].id  == 'contact_number-error'){
              var style= 'style="margin-right: 20px; margin-top: 5px;"';
            }else if(error[0].id  == 'termCheck-error'){
              var style= 'style="margin-right: 30px; margin-top: -3px;"';
            }
            $('.tooltip').tooltip('hide');
               $("body").find('#'+error[0].id+'-custom').remove();
               parent.append('<span data-position="left" '+ style +' data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate error-message3" data-toggle="tooltip" data-original-title="'+error[0].innerText+'"  data-trigger="hover" id="'+error[0].id+'-custom">!</span>');
            
               $('#'+error[0].id+'-custom').tooltip();
      },
      success: function (element){
        $("body").find('#'+element[0].id+'-custom').remove();
          $('#'+element[0].id+'-custom').tooltip('hide');
      },
     onfocusout: false,
        rules: {         
        name: {
          required:true,
          lettersandspaceonly:true,
          normalizer: function(value) {
             return $.trim(value);
          }
        },
        email_address: {
          required:true,
          validateEmail:true,
          yopmailvalidation:true,
           normalizer: function( value ) {
                   return $.trim( value );
                }
        },  
        contact_number: {
          required: true,
          // number: true,
          minlength:10
          // maxlength:15
        },
         termCheck : {
            required : true
         }
        
      },
      messages: {
         name: {
          required:"Name required",
        },
        email_address: {
          required:"Email required",
          validateEmail:"Please valid Email",
        },
        contact_number: {
          required: "Contact Number required",
          minlength: "Contact Number must 10 characters",
        },
        termCheck : {
          required : "Please agree our Terms & conditions & Privacy Policy",
       }    
      },
      submitHandler:function(form){
         // if(grecaptchaCheck('#js_pricing_contact_form') == true){
              $("#js_contact_button").attr("disabled",true);
              form.submit();
          // }
      } 
     });

  $("#js_contact_button").on('click',function(){
   // grecaptchaCheck('#js_pricing_contact_form');
  });

</script>

@endsection