@extends('layouts.auth')
@section('content')
<main>
  <section class="login-sec lisence-sec">
    <div class="container-fluid p-0">
      <div class="row no-gutters">
        <div class="col-md-4 order-md-2">
          <div class="loginnL">
            <div class="loginnLinner text-center text-white">
              <h1>Hello, Friend!</h1>
              <p>Enter your personal details and start journey with us</p>
            </div>
          </div>
        </div>
        <div class="col-md-8 order-md-1">
          <div class="loginnR text-center">
            <div class="loginnRinner">
              <h2>You Have Been Confirmed</h2>
              <ul class="socialList">
              </ul>
              <h6>Enter your License Number</h6>

              <div class="loginForm mt-lg-5 mt-md-4 mt-3">
                  <form action="javascript:void(0);" class="licenseForm" enctype="multipart/form-data" method="POST">

                  <div class="input-group iconInput">
                    <span class="input-group-addon"><i class="fa fa-user-o"></i></span>
                    <input id="licNumber" name="license" type="text" value="{{ old('license') }}" class="form-control" placeholder="License Number e.g (X.000000.XXXX)">
                  </div>
                  <div class="form-group">
                      @if(Auth::user()->role_id == 4)
                          <a href="{{ url('/profile') }}" class="btn rounded mt-lg-4 mt-md-3 mt-2">Skip</a>
                      @endif
                      <a href="{{ url('/profile') }}" id="proceed" class="btn rounded mt-lg-4 mt-md-3 mt-2" style="display: none">Proceed Manual</a>
                    <input type="submit" id="btnSubmit" class="btn rounded mt-lg-4 mt-md-3 mt-2" value="Submit">
                  </div>
                  <div id="formResult"></div>
                </form>

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

    <div class="loginBg"><img src="images/loginBg.png" alt=""></div>
  </section>
</main>
@section('script')

<script>
  $(".licenseForm").submit(function(){
   var fromResult =  $(this).find('#formResult');
   fromResult.removeClass("alert alert-success alert-danger").html('');
    var btn =  $(this).find('#btnSubmit');
    btn.hide();
    fromResult.html('<img src="/assets/images/loader.gif" alt="fetching details, Please Wait..." />');
    var formData = new FormData(this)

    var url = "{{ route('fetch.detail') }}";
    // url = $("meta[name='app-url']").attr("content");

    _ajax.postFormData(url,formData, function(res){
        console.log(res.message)
      if(res.success){
        fromResult.addClass("alert alert-success").html('<span>'+ res.message +' </span>');

        setTimeout(function(){
          window.location.href="/profile";
      }, 2000);
      }
      else{
        fromResult.removeClass("alert alert-success alert-danger").html('');
        fromResult.addClass("alert alert-danger").html('<span>'+ res.message +' </span>');
        if(res.message === "No Record Found"){
          $("#proceed").show();
        }else{
          btn.show();
        }

      }
    })
  })
</script>

@endsection

@endsection