@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Careers in HireMee- Current job openings in HireMee')
@section('content')
  <div id="wrapper">
    <section class="margin-top-70 margin-bottom-70">
      <div class="container">
        <div class="block ">
          <div class="row align-items-center">
            <div class="col-12 col-md">
              <!-- Heading -->
              <h2 class="margin-top-20">
                {{$job->job_title ?? '-'}}
              </h2>
              <!-- Text -->
              <p class="margin-top-20">
                Category : <b>{{$job->category->category_name}}</b>
              </p>
              {!! $job->about_job !!}
              <!-- <p>Experience: <b>5 years</b></p>
              <p>Salary: <b>As per the company standards</b></p>
              <p>No. of Requirement: <b>7</b></p> -->

            </div>
            <div class="col-auto">
              <a href="{{Request::url()}}#applyForm" class="theme-btn margin-bottom-30" >Apply for this Job</a>
            </div>
          </div>
        </div>
        <h2 class="margin-bottom-20">What will you do</h2>
        {!! $job->job_desc !!}
        <h2 class="margin-bottom-20 margin-top-50">What we are looking for</h2>
          {!! $job->job_requirement !!}         
      </div>
    </section>

    <section class="section padding-top-60 padding-bottom-60 lightGreen" id="applyForm">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-12">
            <div class="hero-content">
              {!! Form::open(['url'=>secure_url('job-applied-store'),'method'=>'post','id'=>'js-jobapply-form','autocomplete'=>'off','files' => true, 'enctype' => 'multipart/form-data',]) !!}
                <div class="form-container fix bg-opacity-blue-85 padding-top-50">
                  <div class="row">
                    <div class="col-md-6">
                      <label>Name *</label>
                      {!! Form::text('name','',array('class'=>'form-control career-input','id'=>'js-career-name','placeholder'=>'','maxlength'=>30, "tabindex"=>1)) !!}
                    </div>
                    <div class="col-md-6">
                      <label>Mobile Number *</label>
                      {!! Form::text('mobile_number','',array('class'=>'form-control career-input','id'=>'js-career-mobile','placeholder'=>'','maxlength'=>10, "tabindex"=>2)) !!}
                    </div>
                    <div class="col-md-6">
                      <label>Email Address *</label>
                      {!! Form::email('email',null,array('class'=>'form-control career-input','id'=>'js-career-email','maxlength'=>"30", "tabindex"=>3)) !!}
                    </div>
                    <div class="col-md-3 ">
                      <div class="utf-submit-field datepicker">
                        <h5>Date of Birth</h5>
                        {!! Form::date('dob','',array('class'=>'form-control career-input js-date-dob','id'=>'js-career-dob','type'=>'date','placeholder'=>'Enter Your DOB', "tabindex"=>4)) !!}
                      </div>
                    </div>
                    <div class="col-md-3 ">
                      <div class="form-group">
                        <label>Gender </label>
                        {!! Form::select("gender",['0'=>'Female','1'=>'Male'],'',array("class"=>"","id"=>"js-career-gender",'placeholder' => 'Choose Gender', "tabindex"=>5)) !!}                       
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Highest Qualification</label>
                        {!! Form::select("qualification",$qualification,'',array("class"=>"js-select2","id"=>"js-career-qualification",'placeholder' => 'Choose Your Highest Qualification', "tabindex"=>6)) !!}                       
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Work Experience</label>
                        {!! Form::select("experience",$experience,'',array("class"=>"js-select2","id"=>"js-career-experience",'placeholder' => 'Choose Your Work Experience', "tabindex"=>7)) !!}                        
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Preferred Location</label>
                        {!! Form::select("location",$location,'',array("class"=>"js-select2","id"=>"js-career-location",'placeholder' => 'Choose Your Preferred Location', "tabindex"=>8)) !!}                        
                      </div>
                    </div>
                    {{Form::hidden('id',$job->id,array('class'=>'form-control ','id'=>'js-jobs_id'))}} 
                    <div class="col-md-6">
                      <div class="utf-submit-field">
                        <h5>Upload Resume</h5>
                       <div class="uploadButton margin-top-15 margin-bottom-30">
                          <input class="uploadButton-input" type="file" name="upload_file" id="upload" multiple="">
                          <label class="uploadButton-button ripple-effect" for="upload">Browse </label>
                          <span class="uploadButton-file-name"><br></span>
                        </div>
                      </div>
                    </div>

                    <!-- <div class="col-md-6">
                       <span class="input-group-addon" id="basic-addon1"><span class="f-12">CAPTCHA</span> <sup class="mandatory-captcha">*</sup></span>
                        <img class='re-captcha' /><input  maxlength='3' class='b-l-fff form-control captcha-size1' type='text' name='v_captcha' id="js-corp-login-v_captcha">
                      <input type="hidden" value="{{ secure_url('captcha') }}" class="check-captcha" />
                    </div> -->
                      <div class="col-md-4">
                            <div class="utf-submit-field">
                                <label>Recaptcha</label>
                                 {!! NoCaptcha::renderJs() !!}
                                 {!! NoCaptcha::display() !!}
                                 <div id="js-error-cap"></div>    
                                 @if($errors->has('g-recaptcha-response'))
                                 <span data-position="left" data-delay="0" style="margin-right: 95px;"class="js-tootletip hiremee-info text-danger tooltip-validate error-message1" id="js-captcha-error" data-toggle="tooltip" data-original-title="Please Enter Captcha" data-trigger="hover" >!</span>');
                                 @endif
                            </div>
                      </div>
                    </div>
                  <button type="submit" class="theme-btn log-in-button btn-style-2" id="js-apply-form-submit" tabindex="10">Submit Your Applications</button>
              
              {!! Form::close() !!}
            </div>
          </div>
        </div>
      </div>
    </section>
    {{--@include('hiremee-revamp.partials.new-subscription') --}}
 
  </div>  <!-- Wrapper / End --> 
   @include('hiremee-revamp.partials.quick-connect-popup')
   <script>
    
  </script>
 
@endsection