@include('theme_layout/header_test')
@include('theme_layout/nav_test')  
<style>
 
p {
    margin-top: 14px;
    margin-bottom: 1rem;
}
svg
{
	display: none;
}
 .dblack{
	color: black;
 }
</style>  
	 <div class="app-main__outer">
      <div class="app-main__inner">
	  <div class="app-page-title" >
      <div class="page-title-wrapper">
       <div class="page-title-heading">
	   <div class="page-title-actions" > 
        <div class="d-inline-block dropdown">
       <a href="{{route('add_user')}}"  class="mt-3 btn btn-primary btn-lg text-white">  
        <i class="fa-w-10 text-white">
        </i>Add Admin</a>


		<a   href="{{route('withdrawl_admin')}}" class="mt-3 btn btn-success btn-lg text-white">  
        <i class="fa-w-10 text-white">
        </i>Withdrawl</a>
        </div>
       </div>      <!--page-title-actions-->
      <div class="dblack"> 
	  Wallet Chips : {{$login_user[0]->assign_chips}}   

        </div>
	 
       </div>     <!--page-title-heading--> 
      </div>        <!--page-title-wrapper-->
     </div>       <!--app-page-title-->



       <div class="app-inner-layout">  
			  <div class="card-body ">
				<div class="main-card mb-3 card ">
				<div class="card-body ">
				<div class="tab-content d-felx justify-content-center">
					<div class="tab-pane  d-felx justify-content-center active" role="tabpanel">
					<table style="width: 100%;"  class="table table-hover  table-striped table-bordered">
								<thead>
					<tr>
					<th class="text-justify text-left">Admin Name</th>
					<th class="text-justify text-left">User Name</th>
					<th class="text-justify text-left">DOB</th> 
					<th class="text-justify text-left">Email</th>
					<th class="text-justify text-left">Contact No</th>
					<th class="text-justify text-left">chips</th> 
					<th class="text-justify text-left">Status</th>
					<th class="text-justify text-left"> Action </th> 
					</tr>
				</thead>
						<tbody> 
						@foreach($data as $datas)
					<tr>
					<td class="text-justify text-left">{{$datas->first_name}} {{$datas->last_name}} </td>
					<td class="text-justify text-left "  onclick="window.open('{{env('APP_URL')}}/{{$datas->id}}','popUpWindow','height=500,width=1800,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">{{$datas->user_name}} </td> 
					<td class="text-justify text-left"> {{$datas->user_dob}}</td>
					<td class="text-justify text-left">{{$datas->email}} </td>
					<td class="text-justify text-left"> {{$datas->contact_no}}</td>
					<td class="text-justify text-left"> {{$datas->assign_chips}}</td>
					
					<td class="text-justify text-left"> {{$datas->status}}</td>
					<td class="text-justify text-left"> 
					<a href="add_user/{{$datas->id}}" class="mt-1 btn btn-primary  text-white">
					<i class="fa fa-edit fa-w-10"></i> </a>  
					<a href="del/{{$datas->id}}" class="mt-1 btn btn-primary  text-white"> 
					<i class="fa fa-trash fa-w-10"></i> </a>  
					<a  onclick="show_more_menu({{$datas->id}})" data-value="{{$datas->id}}"   id="deposit_button" class="mt-1 btn btn-primary  text-white"   data-toggle="modal" data-target="#myModal"> 
				<i class="fa fa-plus fa-w-10"></i> </a>  
					</td> 
					</tr>
						@endforeach 
					</tbody>   
					</table> 

					{!! $data->links() !!}
          </div> 
        </div>
       </div> 
     </div> 
    </div>   
   </div>
  </div>   
  
                
@include('theme_layout/footer_test') 
				</div> 
				<form method="post" action="{{route('admin_chips_amount_store')}}" id="form">
        @csrf
  <!-- Modal -->
  <div class="modal" tabindex="-1" role="dialog" id="myModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
    	<div class="alert alert-danger" style="display:none"></div>
      <div class="modal-header">
      	
        <h5 class="modal-title" style="color: black;">Assign chips</h5>
                <button type="button" class="close" id="close_btn" onclick="this.form.reset();" data-dismiss="modal" aria-label="Close"> 
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="col">
            <div class="position-relative form-group">
              <label for="Name" style="color: black;">Assign Chips Amount:</label>
			  <input name="amount" id="amount" value="" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" type="text" class="form-control" autocomplete="off" placeholder="Enter Amount" style="color:white; border:2px solid white;" >
            </div> 
          </div> 
		  <input name="created_user_id" id="created_user_id" value="{{$login_user[0]->id}}"  type="hidden" class="form-control">
		  <input name="admin_id" id="admin_id" value="" type="hidden" class="form-control"> 
	  		<input name="login_user_chips" id="login_user_chips" value="{{$login_user[0]->assign_chips}}" type="hidden" class="form-control">   
	  		<input name="login_user_rem_chips" id="login_user_rem_chips" value="" type="hidden" class="form-control login_user_rem_chips"> 


            <div class="card-body">
			<div class="tab-content">
			 <div class="tab-pane active"   role="tabpanel">
			  
			<table style="width: 100%;"  class="table table-hover table-striped table-bordered">
			<thead> 
			  
			</thead>
			<tbody>  
			
			 <tr style="border:1px solid white;">
			  <td class="text-justify text-left" style="background-color:#1a2030; border:1px solid white;">Available Chips</td>
			  <td class="text-justify text-left" style="background-color:#1a2030;  border:1px solid white;">
				<input name="last_amt" id="last_amt" value=""  type="text" class="form-control" readonly style="background-color:#1a2030; border:2px solid white;">
			  </td> 
			  <td class="text-justify text-left" style="background-color:#1a2030; ">
			  <input name="clit_amt" id="clit_amt" value=""  type="text" class="form-control" readonly style="background-color:#1a2030; border:2px solid white;">
			  </td> 
			 </tr>  
			 <tr  style="border:1px solid white;">
			  <td class="text-justify text-left" style="  border:1px solid white;">New Chips</td>
			  <td class="text-justify text-left">
			  <input name="new_amt" id="new_amt" value="" type="text" class="form-control result" readonly style="background-color:#1a2030;   border:2px solid white; ">
			  </td>   
			  <td class="text-justify text-left" style=" border:1px solid white;">
			  <input name="clt_new_amt" id="clt_new_amt" value=""  type="text" class="form-control result_clt" readonly style="background-color:#1a2030;  border:2px solid white;"></td>   
			 </tr> 
			 
			  
</div>
		
			</tbody> 
			 
		   </table> 
		 </div> 
	    </div>
       </div> 
      </div>
     <div class="modal-footer"> 
        <button  class="btn btn-success submit" id="ajaxSubmit">Save</button>
        </div>
    </div>
  </div> 
 </div>
</form> 


<script> 
   var jq = $.noConflict();
   function show_more_menu(admin_id) {
	  
	   $('#admin_id').val(admin_id);  
	   jq.ajax({
		url: "{{ URL('last_admin_amount/') }}"+"/" +admin_id,     
		type:"GET",
		success:function(respons) 
		{
		//	alert(respons);
		if(respons)
		{
		  var json = JSON.parse(respons); 
		  $('#last_amt').val(json.assign_chips);  
		 // $('#remark_client').val(json.remark_client);  
		}
	   } 
	  });  
	 }
	   
	  jq(document).ready(function(){
		   $("#amount").keyup(function(){  
			var budget_amount = jq('#amount').val();
			var last_amts = jq('#last_amt').val(); 
			var login_user_chips = $('#login_user_chips').val();  

			 //alert(last_amts);
			if(budget_amount != ''){
				if(last_amts == ''){
				var result = parseInt(budget_amount)+ 0; 

				var rem_chips_login_user = parseInt(login_user_chips)-parseInt(budget_amount);   
				} 
				else
				{	
				var result = parseInt(budget_amount)+parseInt(last_amts); 
				var rem_chips_login_user = parseInt(login_user_chips)-parseInt(budget_amount); 

				}  
				$('.result').val(result); 
				$('.result_clt').val(budget_amount);  
				$('.login_user_rem_chips').val(rem_chips_login_user);  
				}   
				var budget_amount1 = $('#amount').val();
				 var last_amts1 = $('#login_user_chips').val();  
				
				var vall = parseInt(budget_amount1);
				var vall2 = parseInt(last_amts1); 
				if(vall<=vall2){     
				$("#ajaxSubmit").prop('disabled', false);

				}else{
				Swal.fire({ 
				icon: 'error',
				title: 'Amount should be less than Available Amount',
				showConfirmButton: false,
				timer: 3000
				})
				$("#ajaxSubmit").prop('disabled', true);         
				}    
			});  
	  }); 
	       
	    
</script>