@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Free Job Posting | Free Job Posting Website | Hire Right Candidate')
@section('content')
<style type="text/css">
.success-email, .warn-txt{
  font-size: 13px !important;
}
.text-muted {
  color: #6c757d !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 7px 15px !important;
  max-width: 500px !important;
  color: #5b5b5bde !important;
}
</style>
<div class="preloader" style="display:none">
  <div class="utf-preloader">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
  </div>
</div>
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/css/select2.css') }} ">
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/hiremee-revamp/css/free-job-post-new.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/css/hiremee-icons.css') }}">
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/css/component.css') }} ">

<div class="hm-fr-reg-form-page">
  <div class="hm-fr-reg-banner">
    <h1 class="text-white text-center">Discover Your Perfect Hire with <span class="g-text d-md-block">HireMee's Free Job Posting </span></h1>
  </div>
  <div class="container-fluid darkGreen-bg">
    <nav id="breadcrumbs">
      <ul>
        <li class="mt-0"><a href="/">Home</a></li>
        <li class="mt-0">Post Free Jobs</li>
      </ul>
    </nav>
  </div>
  <section class="margin-top-30 margin-bottom-30">
    <div class="container">
      <div class="row row-gap-2r">
      <div class="col-xl-6 order-xl-1">
          <div class="hm-form-thm-1">
            @if(session()->has('error'))
            <div class="alert alert-danger background-danger margin-bottom-10" style="border: 1px solid red;background-color: red;">
                <button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
                <i class="hiremee-multiply text-white"></i>
                </button>
                {{ session()->get('error') }}
              </div>
            @endif

            {!! Form::open(array('url' => secure_url('free-job-post'), 'method'=>'POST','class'=>'form-horizontal','name'=>'js_job_post_form','id'=>'js_job_post_form', 'enctype' => 'multipart/form-data', 'autocomplete'=>'do-not-autofill')) !!}
              {!! Form::hidden('step',1,['id'=>'free-job-step']) !!}
              {!! Form::hidden('company_id',$company_profile->company_id ?? '',array('id'=>'js-corporate-id')) !!}
              <h2 class="text-uppcase text-center"><span class="g-text">Registration</span></h2>
              <div class="row margin-top-24">
                <div class="form-group col-xl-6">
                  <label>Your Name <span class="text-danger">*</span></label>
                  @if($company_profile && $company_profile->spoc_name)
                    {!! Form::text('spoc',$company_profile->spoc_name ?? '',array('class'=>'form-control','id'=>'js-corp-spoc','placeholder'=>'Enter Your Name', "tabindex"=>1,'autocomplete'=>'off','readonly','maxlength'=>100)) !!}
                  @else
                    {!! Form::text('spoc',$company_profile->spoc_name ?? '',array('class'=>'form-control','id'=>'js-corp-spoc','placeholder'=>'Enter Your Name', "tabindex"=>1,'autocomplete'=>'off','maxlength'=>100)) !!}
                  @endif
                    <span class="invalid-text d-none" id="js-corp-spoc-error"></span>
                </div>
                <div class="form-group col-xl-6">
                  <label>Company Name <span class="text-danger">*</span></label>
                  @if($company_profile && $company_profile->company_name)                  
                  {!! Form::text('companyname',$company_profile->company_name ?? '',array('class'=>'form-control','id'=>'js-corp-companyname','placeholder'=>'Enter Company Name', "tabindex"=>2,'autocomplete'=>'off','readonly','maxlength'=>100)) !!}
                  @else
                  {!! Form::text('companyname',$company_profile->company_name ?? '',array('class'=>'form-control','id'=>'js-corp-companyname','placeholder'=>'Enter Company Name', "tabindex"=>2,'autocomplete'=>'off','maxlength'=>100)) !!}
                  @endif
                  <span class="invalid-text d-none" id="js-corp-companyname-error"></span>
                </div>
                <div class="form-group col-xl-6">
                  <label>Email Address <span class="text-danger">*</span></label>
                  <div class="mail_verification float-end d-none">
                    <!-- <span class="warn-txt d-none">
                      <a class="warn-txt text-danger text-decoration-none"  href="javascript:verifyEmail();">Verify Email</a>
                    </span> -->
                  </div>
                  @if($corporate_users && $corporate_users->email_address)
                  {!! Form::text('email_address',$corporate_users->email_address ?? '',array('class'=>'form-control','id'=>'js-corp-register-email_address', "tabindex"=>3,'maxlength'=>100)) !!}
                  @else
                  {!! Form::text('email_address','',array('class'=>'form-control','id'=>'js-corp-register-email_address','placeholder'=>'Enter Email Address', "tabindex"=>2,'autocomplete'=>'do-not-autofill', "tabindex"=>3,'maxlength'=>100)) !!}
                  @endif
                  {!! Form::hidden('is_email_verified',0,['id'=>'email_verified']) !!}
                  <span class="invalid-text d-none" id="js-corp-register-email_address-error"></span>
                </div>
                <div class="form-group col-xl-6">
                  <label>Contact Number <span class="text-danger">*</span></label>
                  <div class="mobile_verification float-end d-none">
                    <!-- <span class="warn-txt d-none">
                      <a class="warn-txt text-danger text-decoration-none" href="javascript:verifyMobile();">Verify Mobile</a>
                    </span> -->
                  </div>
                  @if($corporate_users && $corporate_users->mobile_number)
                  {!! Form::text('mobile_number',$corporate_users->mobile_number ?? '',array('class'=>'form-control','id'=>'js-corp-register-mobile_number','placeholder'=>'Enter Mobile/Landline','maxlength'=>10,"tabindex"=>4,'autocomplete'=>'off','readonly')) !!}
                  @else
                  {!! Form::text('mobile_number',$corporate_users->mobile_number ?? '',array('class'=>'form-control','id'=>'js-corp-register-mobile_number','placeholder'=>'Enter Mobile/Landline','maxlength'=>10,"tabindex"=>4,'autocomplete'=>'off')) !!}
                  @endif
                  {!! Form::hidden('is_mobile_verified',0,['id'=>'mobile_verified']) !!}
                  <span class="invalid-text d-none" id="js-corp-register-mobile_number-error"></span>
                </div>
                <div class="form-group col-xl-6">
                  <label>Website <span class="text-danger">*</span></label>
                  @if($company_profile && $company_profile->website_address)
                  {!! Form::text('companywebsite',$company_profile->website_address ?? '',array('class'=>'form-control','id'=>'js-corp-companywebsite','placeholder'=>'Enter Website Url', "tabindex"=>2,'autocomplete'=>'off','readonly','maxlength'=>100)) !!}
                  @else
                  {!! Form::text('companywebsite','',array('class'=>'form-control','id'=>'js-corp-companywebsite','placeholder'=>'Enter Websit Url', "tabindex"=>2,'autocomplete'=>'off','maxlength'=>100)) !!}
                  @endif
                  {!! Form::hidden('is_existing_record',0,['id'=>'is_existing_record']) !!}
                  <span class="invalid-text d-none" id="js-corp-companywebsite-error"></span>
                </div>
                <div class="form-group col-xl-6">
                  <label>Company Logo </label>
                  @php $image = (isset($corporate_users->companyLogo)) ? \HireMeeHelper::getAWSImageUrl($corporate_users->companyLogo->s3_id,config('filesystems.disks.comp1.bucket'),'comp1') : ''; @endphp
                  @if($image != '')
                  <div class="js-div-company-logo" >
                  <img class="js-company-logo" src="{{ $image }}" alt="Company Logo" style="height:60px;width:60px;">
                  </div>
                  @else
                  {!! Form::file('file',array('class' => 'form-control-file file-input','type'=>"file",'id'=>'upload_file', "tabindex"=>5, 'onchange'=>"loadImage(this);")) !!}
                   <div class="js-div-company-logo d-none"style="height:60px;width:60px;"></div>
                  @endif
                </div>
                <div></div>
                <div class="form-group col-md-12">
                  <label>Industry <span class="text-danger">*</span>
                  </label>
                  {!! Form::select('company_category',[""=>"Select Job Industry "] + $industrys,!empty($company_profile->companyCategories) ? $company_profile->companyCategories->category_id : null,['class'=>'form-control js-select2','id'=>'js-corp-companycategory']) !!}
                  <span class="invalid-text d-none" id="js-corp-companycategory-error"></span>                       
                </div>
                <div class="form-group col-12">
                  <label>Company Overview </label>
                  @if($company_profile && $company_profile->about_summery)
                  {!! Form::textarea('about_summary',$company_profile->about_summery ?? '' , ['id' => 'about_summary','class'=>'form-control max-textarea','readonly','maxlength'=>'1000','rows'=>'7', 'cols'=>'50']) !!}
                  @else                
                  {!! Form::textarea('about_summary',$company_profile->about_summery ?? '' , ['id' => 'about_summary','class'=>'form-control max-textarea','maxlength'=>'1000','rows'=>'7', 'cols'=>'50']) !!}
                  @endif
                  <span class="invalid-text d-none" id="about_summary-error"></span> 
                </div>
                <div class="form-check col-12">
                  <input type="checkbox" id="terms_conditions" name="terms_conditions" class="termCheck">
                  <label class="form-check-label" for="terms_conditions">
                    I agree to the <a href="{{secure_url('/termsofuse')}}" target="_blank"><u>terms and conditions</u></a> and <a href="{{ secure_url('/privacypolicy') }}" target="_blank"><u>privacy policy</u></a>
                  </label>
                  <br>
                <span class="invalid-text d-none" id="terms_conditions-error"></span> 
                </div>
                <div class="form-group col-12 margin-top-10 margin-bottom-0">
                  <div class="utf-no-border hm-qct-captcha">
                     {!! NoCaptcha::renderJs() !!}
                     {!! NoCaptcha::display() !!}
                     {!! Form::hidden('google_captcha','',['id'=>'google_captcha']) !!}
                     <label class="invalid-text captcha-error-class d-none margin-bottom-10" id="google_captcha-error" style="margin-top: -10px;">Please Enter Captcha</label>
                  </div>
               </div>
                <div class="text-center w-100">
                  <button type="submit" id="js_free_job_post_button" class="hm-primary-btn margin-top-0"> Proceed</button>
                </div>
                  
              </div>
            {!! Form::close() !!}
          </div>
      </div>
      <div class="col-xl-6 margin-top-40">
          <p>HireMee is the ultimate SaaS-based recruitment and management platform designed to help companies like yours find the perfect candidates. In this era of digitization, hiring the right talent is crucial for every organization's success. To address that, we offer a robust Free Job Posting service on our website - Jobs Page.</p>

          <p>Our platform is user-friendly and intuitive, making it easy for our customers to create and publish job postings in just a few clicks. Our dedicated team has developed advanced features and cutting-edge technology to ensure you find your ideal hire.</p>

          <p>When you post a job requirement on HireMee, you tap into a network of highly skilled professionals actively seeking new opportunities. Our platform attracts a diverse talent pool, allowing you to find candidates from various industries and backgrounds.</p>

          <p>Unlock the potential of your organization by leveraging HireMee's Free Job Posting service. Join the growing community of companies who have discovered the power of our platform to attract and hire top talent. Experience the convenience, efficiency, and cost-effectiveness of HireMee today.</p>

          <p>Talk to our experts and revolutionize your hiring process with HireMee's Free Job Posting.</p>
      </div>

      </div>
    </div>
  </section>

<script>
  $('.file-input').change(function(){
    var curElement = $(this).parent().find('.image');
    var reader = new FileReader();
    reader.onload = function (e) {
        curElement.attr('src', e.target.result);
    };
    reader.readAsDataURL(this.files[0]);
});
</script>
</div>
@include('hiremee-revamp.include.new-otp-verification-modal')
@endsection
@section('scripts')
<script src="{{ secure_asset('assets/hiremee-revamp/js/bootstrap.min.js') }}"></script>
<script src="https://cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.min.js"></script>
<script src="{{ secure_asset('assets/hiremee-revamp/js/free-job-post.js') }} "></script>
<script type="text/javascript" src="https://momentjs.com/downloads/moment-with-locales.min.js"></script>

<script type="text/javascript" src="{{ secure_asset('assets/js/select2.min.js') }} "></script>
<script type="text/javascript" src="{{ secure_asset('assets/js/custom.js') }} "></script>
 
<script type="text/javascript">
$(document).ready(function() {
  $('input,textarea').attr('autocomplete', 'off');
  $("input[id='js-corp-register-email_address']").attr('autocomplete', 'do-not-autofill');
  $("input[id='js-corp-register-email_address']").val('');
  setTimeout(function () {
      $('.alert-danger').addClass('d-none');
  }, 5000);
});
</script>

@endsection