@extends('adminlayout.admin')
@section('content')
<style >
   .cursor{
   cursor: pointer;
   }
   .nk-content-fluid{
   margin-top: 65px;
   position: relative;
   }
   .team-info li{
   font-size: .7900rem !important;
   }
    .card-shadows {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    margin-top: 15px;
    border-radius: 4px;
}
   
</style>
<div class="nk-content nk-content-fluid">

   <div class="container-xl wide-lg">
    <div class="nk-block-between">
        <div class="nk-block-head-content">
            <h3 class="nk-block-title page-title">Wallet Transfer</h3>
           
        </div><!-- .nk-block-head-content -->
        <div class="nk-block-head-content">
            <div class="toggle-wrap nk-block-tools-toggle">
                
                <div class="toggle-expand-content" data-content="pageMenu">
                    <ul class="nk-block-tools g-3">

                        <li class="nk-block-tools-opt">
                            <div class="drodown">
                                <a href="{{route('dashboard')}}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Back</span></a>
                                 
                            </div>
                        </li>
                    </ul>
                </div>

            </div><!-- .toggle-wrap -->
        </div><!-- .nk-block-head-content -->
    </div>
      <div class="nk-content-body card-shadows p-3">
{{--<div class="nk-block-head nk-block-head-sm">
            <div class="nk-block-between">
               <div class="nk-block-head-content">
                  <h3 class="nk-block-title page-title">Wallet Transfer</h3>
                  <div class="nk-block-des text-soft">
                     <!-- @if($errors->any())
                     <p class="text-danger">
                        {{ implode('', $errors->all(':message')) }}
                     </p>
                     @endif -->
                  </div>
               </div>
               <!-- .nk-block-head-content -->
            </div>
            <!-- .nk-block-between -->
         </div>--}}
         <!-- <h3 class="nk-block-title page-title text-center">Wallet Transfer</h3> -->


         <!-- .nk-block-head -->
         <form method="post" id="transfer_process" action="{{ route('wallet_transfer_process') }}">
            @csrf
            <div class="container">
                <div class="row">
                  <div class="col-sm-3"></div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>Mobile Number</label>
                            <input type="text" name="mobile_number" class="form-control" value="{{ old('mobile_number') }}" onblur="getUserDetail(this.value)">
                            <span class="text-danger">@if ($errors->has('mobile_number')){{ $errors->first('mobile_number') }}@endif</span>
							 <p id="refname"></p>
                        </div>
                        <div class="form-group">
                            <label>Amount</label>
                            <input type="text" name="amount" class="form-control" value="{{ old('amount') }}">
                            <span class="text-danger">@if ($errors->has('amount')){{ $errors->first('amount') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-3"></div>
                </div>
            </div>
         </form>
         <div class="container text-center" style="margin-top: 12px;">
            <button class="btn btn-secondary" data-toggle="modal" data-target="#confirmpin">Submit</button>
         </div>
         <!-- .nk-block -->
         
      </div>
   </div>
</div>

<div class="modal fade" role="dialog" id="confirmpin">
   <div class="modal-dialog modal-dialog-centered modal-md" role="document">
      <div class="modal-content">
          <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
          <div class="modal-body modal-body-md">
              <h5 class="add-itrcategory">Confirm Pin</h5>
              <div class="tab-content">
                  <div class="tab-pane active" id="personal-document">
                      <form>
                          @csrf
                          <div class="col-12">
                             <!--  <div class="col-md-12"> -->
                                  <div class="form-group">
                                      <div class="form-control-wrap">
                                          <input type="number" id="pin" name="pin" class="form-control" placeholder="Please enter four digit pin">
                                          <input type="hidden" name="data_id" value="{{Crypt::encrypt(Auth::id()) }}">
                                      </div>
                                  </div>
                             <!--  </div> -->
                              <div class="col-12">
                                  <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                                      <li>
                                          <button type="submit" id="confirm_pin" class="btn btn-lg btn-primary">Submit</button>
                                      </li>
                                      <li>
                                          <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                      </li>
                                      <li>
                                          <a href="{{ route('forgot_pin') }}">Forgot Pin</a>
                                      </li>
                                  </ul>
                              </div>
                          </div>
                      </form>
                  </div>
                  <!-- .tab-pane -->
              </div>
              <!-- .tab-content -->
          </div>
          <!-- .modal-body -->
      </div>
      <!-- .modal-content -->
   </div>
  <!-- .modal-dialog -->
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">

function getUserDetail(mobile)
	{
		if(mobile !='')
		{
			 var url = "{{ url('get-user-by-mobile') }}"+'/'+mobile;		 
			 $.ajax({
				type: "GET",
				url: url,
				dataType: 'json',
				success: function(response) {
					console.log(response);
				  
					if (response.status == "1") {
					   $('#refname').html('<span >'+response.name+'</span>');			  

					} else {
						$('#refname').html('<span style="color: #ef1806;">'+response.message+'</span>');
					}
				}
			});
		}else{
			 $('#refname').html('');
		}
		
	}
	
$(document).ready(function(){
   var CSRF_TOKEN ='{{ csrf_token() }}';
   $('#confirm_pin').click(function(event){
      event.preventDefault();
      $.ajax({
         url: "{{route('confirm_pin')}}",
         type: 'POST',
         data: {_token: CSRF_TOKEN, pin:$("#pin").val()},
         success: function (data) {
            if (data == 0) {
               alert('Invalid Pin');
            } else{
               $('#transfer_process').submit();
            }
         }
      });
    });
});
</script>
@endsection