@extends('layouts.home')
@section('title',"Job Apply-login")
@section('content')
<style>
.input-group-addon{
  width: 25%;
}
.mandatory{
  right: -40px;
}
</style>
<div class="container">
  <div class="row justify-content-center">
    <div class="col-md-3 d-flex justify-content-center">
      <a style="margin-top: 30%" href="{{ secure_asset('/') }}" target="_blank"><img class="img-responsive"  src="{{ secure_asset('assets/images/hiremee-logo.png') }}" width="180" alt="HireMee Logo"></a>
    </div>
    <div class="col-md-3 d-flex justify-content-center">
      <a href="https://www.ncs.gov.in/job-seeker/Pages/default.aspx" target="_blank"><img class="img-responsive" width="280"  src="{{ secure_asset('assets/images/NCS_LOGO_2.png') }}" alt="NCS Logo"></a>
    </div>
  </div>
     
  <div class="row justify-content-center pt-5">
    <div class="col-xl-5 col-12">
    {!! Form::open(['url' => 'login','id'=>'sso-loginForm']) !!}
      <div class="card borderless-card" style="margin: -38px auto;">
        <div class="card-block z-depth-5">
          <div class="row p-15">
            <div class="col-xl-12">
                <h4 class="f-20 g-l-b">Login</h4> 
                <!-- <h5 >Enter your National Career Service (NCS) Username and Password</h5> -->
            </div>
          </div>
              
          @if(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>
              {{ Session::get('success') }}
            </div>
          @endif
            <span class="error_message"></span>
              
          <div class="row p-15 p-t-30">
            <div class="col-xl-12 col-md-12 col-sm-12 col-12">
              <div class="row">
                <div class="col-sm-12 form-group col-lg-12">
                  <div class="input-group input-group-primary2">
                    <span class="input-group-addon" id="basic-addon1">Mobile No. <sup class="mandatory">*</sup></span>
                    {!! Form::hidden('is_ncs',"ncs",array('id'=>'is_ncs')) !!}
                    {!! Form::text('email_address',Session::get('mobilno_login'),array('class'=>'form-control','id'=>'js-candi-email_address','placeholder'=>'Mobile No.',"tabindex"=>1,"readonly"=>true)) !!}
                    <span id="js-candi-email_address-error"></span>
                    @if ($errors->has('email_address'))
                      <span data-position="left" data-delay="0" data-tooltip="{{ $errors->first('email_address') }}" class="fa fa-info-circle text-danger tooltip-validate tooltipped"></span>
                    @endif
                  </div>
                </div>
                <div class="col-sm-12 form-group col-lg-12">
                  <div class="input-group input-group-primary2">
                    <span class="input-group-addon" id="basic-addon1">Password<sup class="mandatory">*</sup></span>
                    {!! Form::password('password',array('class'=>'form-control','id'=>'js-candi-password','placeholder'=>'Password' ,"tabindex"=>2)) !!}
                    <span id="js-candi-password-error"></span>
                     @if ($errors->has('password'))
                     <span data-position="left" data-delay="0" data-tooltip="{{ $errors->first('password') }}" class="fa fa-info-circle text-danger tooltip-validate tooltipped"></span>
                     @endif
                  </div>
                </div>

                
                {{ Form::hidden('loginpages',1,['id'=>'js-loginpages']) }}
              
                <div class="col-sm-12 form-group col-lg-12">
                  <div class="input-group input-group-primary2">
                    <span class="input-group-addon" id="basic-addon1"><span class="f-12">CAPTCHA</span> <sup class="mandatory-captcha">*</sup></span>
                     <img src="" alt="" class='re-captcha' />
                     {!! Form::text('v_captcha','',array('class'=>'b-l-fff form-control captcha-size1','maxlength'=>3,'autocomplete'=>'off','id'=>'js-candi-captcha',"tabindex"=>3)) !!}
                    <span id="js-candi-captcha-error"></span>
                    
                    <span class="input-group-addon captcha-refresh" id="basic-addon1"><span class="hiremee-refresh captcha-refresh"></span></span>
                    <input type="hidden" value="{{ url('captcha') }}" class="check-captcha" />
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="clearfix"></div>

          @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
         @endif

          <div class="row p-15">
            <div class="col-sm-6 col-md-12">
                <button type="submit" class="btn btn-primary f-16 btn-block waves-effect" id="js-btn_submit" tabindex=4>Login</button>
            </div>
          </div>

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

    </div>
  </div>
</div>
<br><br>

<div class="row p-15 ">
  <div class="col-sm-12 col-md-12">
    <p align="center"> <span>For queries : <i class="fa fa-envelope fa-flip-horizontal"></i> <strong>support@hiremee.co.in </strong> | </span><span> <i class="fa fa-phone fa-flip-horizontal"></i> <strong>+91 87929 22796 </strong></span></p>
  </div>
</div>

@endsection
@section('footer')
<script type="text/javascript">
$(document).ready(function(){
   @if(Session::get('error'))
   var message = "{{ Session::get('error') }}";
   jQuery(".error_message").append('<div class="col-md-12 error-content-b media error-content-b backend-error-box msg_error"><i class="hiremee-info f-40 text-danger d-flex mr-3 "></i><p class="media-body send-chat p-t-5 f-16">'+message+'</p></div>');
   @endif
  });
    $(".alert").delay(400000).slideUp(200000, function() {
    $(this).alert('close');
});

$("#sso-loginForm").validate({
  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" data-toggle="tooltip" data-trigger="hover" data-original-title="'+error[0].innerText+'" class="js-tootletip hiremee-info text-danger tooltip-validate" id="'+error[0].id+'-custom"></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: {
      strUserName: {
          required: true,                  
      },
      strPassword:{                
        required:true
      }
      
  },
  messages: {
      strPassword: "Please enter your password",
      strUserName: {
          required: "Please enter a username",
      }
  },
  submitHandler:function(form){
     $("body").find("#js-btn_submit").text("Authenticating...").attr("disabled",true);
     return true;
  }
});
    
</script>
@include("candidate.registration.registrationscript")
@endsection