@extends('adminlayout.dashadmin')
@section('content')
 

<!-- Content Wrapper Start -->
<div class="content-wrapper" ng-controller="PurchaseController">

<section class="content">

     
        <div class="box box-info collapsed-box">
      <div class="box-header with-border">
        <h3 class="box-title">
          <span class="fa fa-fw fa-plus"></span>Add Bank Transfer </h3>
       
      </div>
      @if(Session::has('message'))
	  <div class="col-sm-12 col-md-12">  
        <p class="alertmsg alert-{{ Session::get('alert-class', 'alert-info') }}" style="text-align: center;font-size: 20px;margin-top: 13px;">
	     {{ Session::get('message') }}
	    </p>
		</div>		
		<script> 
		setTimeout(()=>{$('.alertmsg').hide(3000)}, 5000);

		</script>
	    @endif
     <form method="post" action="{{ route('save_bank_transfer')}}" enctype="multipart/form-data">
            @csrf
            <div class="container">
                <div class="col-sm-12">                   
                    
                    <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="user_id">User</label>
                            <select name="user_id" class="form-control" required>
                                 <option value="" >--Select--</option>
                                  @foreach($users as $user)
                                 <option value="{{$user->id}}">{{$user->name}}({{$user->user_id}})</option>
                                  @endforeach
                                </select>
                                 <span class="text-danger">@if ($errors->has('user_id')){{ $errors->first('user_id') }}@endif</span>
                        </div>
                    </div>
					<div class="col-sm-6">
                        <div class="form-group ">
                            <label for="transaction_no">Transaction No</label>
                            <input type="text" name="transaction_no" class="form-control" value="{{ old('transaction_no') }}"  required>
                            <span class="text-danger">@if ($errors->has('transaction_no')){{ $errors->first('transaction_no') }}@endif</span>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="amount">Amount</label>
                            <input type="nubmer" name="amount" class="form-control" value="{{ old('amount') }}" oninput="calculateTotal()" placeholder="Amount"  required>
                            <span class="text-danger">@if ($errors->has('amount')){{ $errors->first('amount') }}@endif</span>
                        </div>
                    </div>				
					<div class="col-sm-6">
                        <div class="form-group ">
                            <label for="amount">TDS%</label>
                            <input type="nubmer" name="tds" class="form-control" value="{{ old('tds') }}" placeholder="TDS" oninput="calculateTotal()"  required>
                            <span class="text-danger">@if ($errors->has('tds')){{ $errors->first('tds') }}@endif</span>
                        </div>
						<input type="hidden" name="tds_amount" value="0">
                    </div>
                   
				   <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="amount">Final Amount</label>
                            <input type="nubmer" name="final_amount" class="form-control" value="{{ old('final_amount') }}" placeholder="Final Amount"  required readonly>
                            <span class="text-danger">@if ($errors->has('final_amount')){{ $errors->first('final_amount') }}@endif</span>
                        </div>
                    </div>
					
				    
                    <div class="col-sm-6">
                        <div class="form-group margin-top">
                             <label>Receipt Images</label>
							<div class="row after-add-more">
								<div class="col-7 col-sm-7">                                              
									<input type="file" name="receipt_image" class="form-control upload-zone small bg-lighter dropzone dz-clickable"  />
								</div>                           
							</div>
							@error('documents')
								<p class="text-danger">{{ $message }}</p>
							@enderror
                        </div>
                    </div> 
                    

                 
                   <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="description">Description</label>
                            <textarea type="text" name="description" class="form-control">{{ old('description') }}</textarea> 
                            <span class="text-danger">@if ($errors->has('description')){{ $errors->first('description') }}@endif</span>
                        </div>
                    </div>
                    
                   
                         
												
						
					    </div>	
					    <div class="col-12 col-sm-12 text-center" >
						<div class="form-group margin-top">
						   <button type="submit" class="btn btn-primary margin-top">Submit</button>
						</div>
                       </div>				
				    </div> 
					
					
					
                    </div>
                    
                </div>
            </div>
         </form>
              
    </div>   
   
  </section>
  <!-- Content End -->
</div>
<!-- Content Wrapper End -->
<script>
function calculateTotal() {
            
            var amount = document.querySelector('input[name="amount"]').value || 0;
            var tds = document.querySelector('input[name="tds"]').value || 0;
          
		    var tdsAmount = (amount * tds/100) || 0;
			var finalAmount = amount - tdsAmount;
			
		    document.querySelector('input[name="final_amount"]').value = finalAmount;
		    document.querySelector('input[name="tds_amount"]').value = tdsAmount;
		   
		   

            
        }
</script>
@endsection

 
<style>
.boxheading
{
	background: #e4f1ff;
    display: flex;
    height: 37px;
    padding: 0 0 0 12px;   
    justify-content: space-between;
}
</style>