@extends('layouts.main')
@section('title','Gold College User Login')
@section('content')
<div class="container">
    <div class="row justify-content-center pt-5">
        <div class="col-xl-5 col-12">
            <div class="text-center pb-5">
                <a href="{{ secure_url('/') }}"><img class="img-responsive" width="50%" src="{{secure_asset('assets/images/hiremee-logo.png')}}" alt="HireMee logo"></a>
            </div>
            <div class="card borderless-card">
                {!! Form::open(array('url' => secure_url('gold/college/user-login-post'), 'method'=>'POST','class'=>'form-horizontal','name'=>'golduser-login','id'=>'golduser-login-form')) !!}
                <div class="card-block z-depth-5">
                    <div class="row p-15">
                        <div class="col-xl-12">
                            <h4 class="f-20 g-l-b">Gold College User Login</h4>                            
                        </div>
                    </div>
                    @if(Session::get('success'))
                        <div class="col-md-12 error-content-b media error-content-b backend-error-box">
                            <i class="icofont hiremee-tick f-30 text-success d-flex mr-3 "></i>
                            <p class="media-body send-chat p-t-5 f-16">{{ Session::get('success') }}</p>
                        </div>
                    @endif

                    @if(Session::get('error'))
                        <div class="col-md-12 error-content-b media error-content-b backend-error-box">
                            <i class="icofont hiremee-info f-40 text-danger d-flex mr-3 "></i>
                            <p class="media-body send-chat p-t-5 f-16">{{ Session::get('error') }}</p>
                        </div>
                    @endif
                    <div class="row p-15">
                        <div class="col-xl-612 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"><i class="hiremee-userdefault"></i> <sup class="mandatory">*</sup></span>
                                        {!! Form::text('email_address','',array('class'=>'form-control js-tooltip-validate','id'=>'js-clg-gold-user-email','placeholder'=>'Email Address')) !!}
                                    </div>
                                    <span id="js-clg-gold-user-email-error"></span>
                                </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"><i class="hiremee-closed-lock"></i> <sup class="mandatory">*</sup></span>
                                       {!! Form::password('password',array('class'=>'form-control js-tooltip-validate','id'=>'js-clg-gold-user-password','placeholder'=>'Password')) !!}
                                    </div>
                                    <span id="js-clg-gold-user-password-error"></span>
                                </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"><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-clg-gold-user-v_captcha">
                                        <input type="hidden" value="{{ url('captcha') }}" class="check-captcha" />
                                        <span class="input-group-addon captcha-refresh" id="basic-addon1"><span class="hiremee-refresh"></span></span>
                                    </div>
                                    <span id="js-clg-gold-user-v_captcha-error"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row p-15 p-b-10 justify-content-center">
                        <div class="col-sm-6 col-12">
                            <button type="submit" class="btn btn-primary btn-block waves-effect" id="golduser-login-submit">Login</button>
                        </div>
                   </div>
                </div>
            </div>
            {!! Form::close() !!}

            <div class="text-center">

                <ul class="list-inline">
                    <li class="list-inline-item p-10"><a class="text-333" href="/">Home</a></li>
                    <li class="list-inline-item p-10"><a class="text-333" href="{{ secure_url('contact-us') }}">Contact us</a></li>
                    <li class="list-inline-item p-10"><a class="text-333" href="{{ secure_url('privacypolicy') }}">Privacy Policy</a></li>
                    <li class="list-inline-item p-10"><a class="text-333" href="{{ secure_url('termsofuse') }}">Terms of use</a></li>
                </ul>
                <p class="f-11">Copyright &copy; {{date('Y')}}. All Rights Reserved</p>
            </div>

        </div>
    </div>
</div>
<div id="myModal" class="modal user-modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content user-modal-body">
          <div class="modal-body " id="js-datas">
          </div>
        </div>
      </div>
    </div>
@endsection
@section('footer')
<script type="text/javascript">
    $('#golduser-login-form').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-animation="false" class="js-tootletip hiremee-info text-danger tooltip-validate" id="'+error[0].id+'-custom" data-toggle="tooltip" data-original-title="'+error[0].innerText+'" data-trigger="hover"></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');
  },
  onfocusout: false,
  rules: {
    email_address:{
      required:true,
      normalizer: function( value ) {
            return $.trim( value );
      }
    },
    password:{
      required:true,
      normalizer: function( value ) {
        return $.trim( value );
      }
    },
    v_captcha:{
      required:true,
      remote: {
        url: $('.check-captcha').val(),
        type: "get",
      }
    }
  },
  messages: {
    email_address:{
      required:'Please Enter EmailAddress'
    },
    password:{
      required:'Please Enter Password'
    },
    v_captcha:{
      required:'Please Enter Captcha',
      remote:'Captcha mismatch'
    }
  },
  submitHandler: function(form){
    $('#golduser-login-submit').text('Authenticating...').prop('disabled',true);
    var role;
    var email=$('#js-clg-gold-user-email').val();
    var password=$('#js-clg-gold-user-password').val();
    $.ajax({
      type:'POST',
      url:"{{ secure_url('/gold/college/user-login-post') }}",
      data:{'email_address':email,'password':password},
      success:function(data){
        if(data.status == 200){
          console.log(data.response.length);
          if(data.response.length == 1){
            roleBasedDashboard(data.response[0].id);
          }else{
            for (var i = 0; i < data.response.length; i++) {
                role += '<option value="'+data.response[i].id+'">'+data.response[i].role_name+'</option>'; 
            } 
                $('#myModal').modal('show'); 
                $('#js-datas').html('<div class="input-field  s6" style=" margin:0 auto;">'+
                                        '<select class="select-role form-control user-modal-body-input" style="display:block; color:#333;" id="select-role" onchange="changeRole(this)">'+
                                          '<option value="" disabled selected>Choose your Role</option>'+role);
          }
        }else if(data.status == 400){
           $('#golduser-login-submit').text('Login').prop('disabled',false);
             swal({
                    html: true, 
                    title: '<span>'+data.message.message+'</span>', 
                    type: "warning",
                    confirmButtonText: "OK",
                    confirmButtonColor: '#ffbc01',
                    closeOnConfirm: false,
                  });
        }
      },error:function(){
         $('#golduser-login-submit').text('Login').prop('disabled',false);
        alertMessage("danger","Your action  has been suspended, Sorry for the inconvenience. Please try again later","Something Went Wrong");
      }
    });
  }
 });
 changeRole = function(select){
     $modal = $('#myModal');
    var roleid =$('.select-role').val();
     $modal.modal('show');
    roleBasedDashboard(roleid);
 }
function roleBasedDashboard(roleid){
    $.ajax({
        type:'POST',
        url:"{{ secure_url('/roledashboard') }}",
        data:{'login_role_id':roleid},
        success:function(data){
          if(data == '/content-dashboard'){
            window.location.href='/gold/college/content-dashboard';
          }
        },error:function(){
          alertMessage("danger","Your action  has been suspended, Sorry for the inconvenience. Please try again later","Something Went Wrong");
        }
    })
}
</script>
@endsection