@include('theme_layout/header_test')
@include('theme_layout/nav_test')    


<style>

/* .form-control
{
	background: #1a2030;
    border-radius: 5px;
    border:1px solid white;
    color: #fff;
} */

	</style>
	<div class="app-main__outer">
		<div class="app-main__inner">
			<div class="app-inner-layout">
				<div class="add_user" >
     <a href="{{route('add_client')}}" class="mt-2 btn btn-primary btn-lg text-white">
		  <i class="fa fa-plus fa-w-10"></i>Add Client</a>    
	 </div>      <!--d-inline-block dropdown-->
			<div class="card-body">
			<div class="main-card mb-3 card">
			<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>
			  <tr>
				<!-- <th class="text-justify text-left">Name</th>  -->
				<th class="text-justify text-left">User Name</th> 
				<th class="text-justify text-left">Email</th>
				<th class="text-justify text-left">Contact No</th> 
				<th class="text-justify text-left">Amount</th> 
				<th class="text-justify text-left"> Action </th> 
			  </tr>
			</thead>
				 <tbody>  
				@foreach($data as $data)
				
				 <tr> 
				 <!-- <td class="text-justify text-left">{{  }}</td>  -->
				 <td class="text-justify text-left">{{$data->client_user_name}}</td> 
				 <td class="text-justify text-left">{{$data->client_email}}</td> 
				 <td class="text-justify text-left">{{$data->client_mobile}} </td>  
				 <td class="text-justify text-left">{{$data->chips_amount}} </td>  
				
				<td class="text-justify text-left"> 
				<a href="add_client/{{$data->id}}" class="mt-1 btn btn-primary  text-white ">
				<i class="fa fa-edit fa-w-10"></i> </a>  
				<a href="del_client/{{$data->id}}" class="mt-1 btn btn-primary  text-white  "> 
				<i class="fa fa-trash fa-w-10"></i> </a> 
				<a href="add_chips/{{$data->id}}" onclick="show_more_menu({{$data->id}})" data-value="{{$data->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> 
			</div> 
		</div>
	   </div> 
	  </div> 
	  </div> 
	 </div>
	</div>
	
	@include('theme_layout/footer_test') 
	</div>
                
  
 
 <form method="post" action="{{route('save_chips_amount')}}" 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;">Diposit 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;">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> 
            <div class="card-body">
			<div class="tab-content">
			 <div class="tab-pane active"   role="tabpanel">
			  <input name="client_id" id="client_id" value="" type="hidden" class="form-control"> 
			  <input name="created_user_id" id="created_user_id" value="{{$login_user[0]->id}}"  type="hidden" class="form-control">
			 
			<table style="width: 100%;"  class="table table-hover table-striped table-bordered">
			<thead>
			  <tr>
			 
				<th class="text-justify text-left">&nbsp;</th>
				<th class="text-justify text-left">Distributor ({{$login_user[0]->first_name}})</th> 
				<th class="text-justify text-left">Client  </th> 
				 
			  </tr>
			</thead>
			<tbody> 
			
			 <tr style="border:1px solid white;">
			  <td class="text-justify text-left" style="background-color:#1a2030; border:1px solid white;">Current 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> 
			<!--  <td class="text-justify text-left">Remark</td>
			  <td class="text-justify text-left">
			  <input name="remark_distributor" id="remark_distributor" value=""  type="text" class="form-control">
			  </td> -->
			 <!-- <td class="text-justify text-left">
			  <input name="remark_client" id="remark_client" value=""  type="text" class="form-control">
			  </td>  --> 
 
			  <tr>
				<td class="text-justify text-left" style="background-color:#1a2030;  border:1px solid white;">Remark</td>
				<td class="text-justify text-left" colspan="2" style="background-color:#1a2030;  border:2px solid white;"> 
				<input name="remark" id="remark" value="" type="text" class="form-control" autocomplete="off"style="color: white; border:2px solid white;"  placeholder="Enter Discription"></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(client_id) {
	  
	   $('#client_id').val(client_id);  
	   jq.ajax({
			url: "{{ URL('last_amount/') }}"+"/" +client_id,     
			type:"GET",
			success:function(respons) 
			{
		 if(respons)
		 {
		  var json = JSON.parse(respons); 
		  $('#last_amt').val(json.chips_amount); 
		  $('#remark').val(json.remark); 
		 // $('#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(); 
			 //alert(last_amts);
				if(budget_amount != ''){
					if(last_amts == ''){
					var result = parseInt(budget_amount)+ 0; 
					}
					
					else
					{	
					var result = parseInt(budget_amount)+parseInt(last_amts); 
					}  
					$('.result').val(result); 
					$('.result_clt').val(budget_amount);  
					}  
				});  
	  }); 
	       
	    
</script>