@extends('layout.Master')
@section('content')
<div class="head-login">
  <h2 class="sub-heading">User Registration<span class="blue-con-heading"> </span></h2>
  <form method="POST" action="{{ route('login.custom')}}" autocomplete="off" enctype="multipart/form-data">
    @csrf
    <div class="form-login">
      <div class="form-group">
        <select class="form-control" name="location" id="location" required>
          <option value="" disabled selected>--- Select Location* ---</option>
          <option value="Pakistan">Pakistan</option>
          <option value="Gulf">Gulf</option>
        </select>
      </div>
      <div class="form-group">
        <input type="text" autocomplete="off" class="form-control account" name="agent_user_id" placeholder="Agent User Id" required>
      </div>
      <div class="form-group">
        <input type="password" class="form-control" placeholder="Password *" required name='password'>
        <span class="view-password"></span>
      </div>
      <div class="box-forgot-pass">
        <label>
          <input type="checkbox" class="cb-remember" value="1"> Remember me
        </label>
        <a href="forgot-password.php">Forgot Password ?</a>
      </div>
      <div class="form-group">
        <button type="submit" class="btn btn-login btn-block" disabled>Signin</button>

      </div>
      <button id="btnClick" type="button">click</button>
      <p>Don’t have an account? <a class="link-bold" href="{{route('register-user')}}">Sign up for New
          Account</a> now</p>
    </div>
  </form>
</div>
@endsection
@push('pushscript')
<script>
$(document).ready(function(){
    $("#btnClick").click(function(){
       	$.ajax({
          url: "{{ route('register.authorized_user') }}",
          type: 'POST',
          data: {rtype: 'A05975055', _token: '{{csrf_token()}}'},
          success: function (response) {
		 console.log(response);
		  },
          error: function (response){
            console.log(response);
          }
          }); 
    });
});
</script>
@endpush