@extends('layouts.home')
@section('title',"sso-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://ncs.gov.in/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' => 'sso-login-check','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 to access the video profile page</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>
              
              <!-- @if(Session::get('error'))
                      <div class="alert alert-error background-error">
                      <button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
                      <i class="hiremee-multiply text-white"></i>
                      </button>
                      <strong>Error!</strong> {{ Session::get('error') }}
                    </div>
              @endif -->
              
          

          <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">Username<sup class="mandatory">*</sup></span>
                    
                    {!! Form::text('strUserName',$USERNAME,array('class'=>'form-control','id'=>'js-candi-strUserName','placeholder'=>'UserName',"tabindex"=>1)) !!}
                    {!! Form::hidden("USERNAME",$USERNAME) !!}
                    {!! Form::hidden("mobile_number",$mobile_number) !!}
                    {!! Form::hidden("sso_seeker_id",$sso_seeker_id,['id'=>'sso_seeker_id']) !!}
                    {!! Form::hidden("token",$token) !!}
                    {!! Form::hidden("FIRST_NAME",$FIRST_NAME) !!}
                    {!! Form::hidden("LAST_NAME",$LAST_NAME) !!}
                    {!! Form::hidden("MIDDLE_NAME",$MIDDLE_NAME) !!}
                    {!! Form::hidden("email_address",$email_address,['id'=>'js-candi-email_address']) !!}

                    <span id="js-candi-strUserName-error"></span>

                     @if ($errors->has('strUserName'))
                         <span data-position="left" data-delay="0" data-tooltip="{{ $errors->first('strUserName') }}" 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 pull-left">*</sup></span>
                    {!! Form::password('strPassword',array('class'=>'form-control','id'=>'js-candi-strPassword','placeholder'=>'Password' ,"tabindex"=>2)) !!}
                    <span id="js-candi-strPassword-error"></span>
                     @if ($errors->has('strPassword'))
                     <span data-position="left" data-delay="0" data-tooltip="{{ $errors->first('strPassword') }}" 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">Email <sup class="mandatory"></sup></span>
                    {!! Form::email('email_address_readonly',$email_address,array('class'=>'form-control','id'=>'email_address_readonly','readonly'=>true,'placeholder'=>'Email Address' ,"tabindex"=>3)) !!}
                    <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>
                

                
                {{ Form::hidden('loginpages',1,['id'=>'js-loginpages']) }}
              

              </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-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){
               var sso_seeker_id = $('#sso_seeker_id').val();
               var email_id = $('#js-candi-email_address').val();
              $.ajax({
                url: "{{ secure_url('sso-associate-email-verify')}}",
                type: "post",
                data: {'email_id':email_id,'sso_seeker_id':sso_seeker_id,'_token':"{!! csrf_token() !!}"},
                success: function(response){
                  if (response.status == 200) {
                    $("body").find("#js-btn_submit").text("Authenticating...").attr("disabled",true);
                     form.submit();
                  }else{
                          swal({
                            html: true, 
                            title: '<span class="sweet-danger-text">Warning</span>', 
                            text: response.message,
                            type: "warning",
                            showCancelButton: false,
                            confirmButtonText: "OK",
                            closeOnConfirm: false,
                            confirmButtonColor: '#f0443a',
                        }, function(){ 
                            $("body").find("#js-btn_submit").text("Login").attr("disabled",false);
                            window.location.href='https://www.ncs.gov.in/job-seeker/Pages/default.aspx';
                      }); 
                   }
                },
                error: function(error){
                  swal({
                    html: true, 
                    title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
                    text: "Your action  has been suspended, Sorry for the inconvenience. Please try again later",
                    type: "error",
                    showCancelButton: false,
                    confirmButtonText: "OK",
                    closeOnConfirm: false,
                    confirmButtonColor: '#f0443a',
                  });
                }
              });
          }
    });
            
           
          
    
</script>
  
@endsection