@extends('accounts.layout.template')

@section('content')

   @php
      if(empty(session()->get('jv_no'))){
       session()->put('jv_no',temp_jv_no(Auth::id()));
    }    
   @endphp

   <style>
        .table td, .table th {
            padding: .25rem;
            vertical-align: top;
            border-top: 1px solid #dee2e6;
            height: 25px !important;
        }
        </style>
 
    <div class="content">
				<div class="page-inner">
					<div class="page-header">
						<h4 class="page-title">Contra Voucher Entry</h4>
					</div>
					<div class="row">
				<form action="" enctype="multipart/form-data" name="voucherForm" id="voucherForm">    
					   <div class="card">
					       <div class="card-body">
					           <div class="row">   
        					        <div class="col-md-4 col-sm-12 col-lg-4">
                                        <div class="form-group   row">
                                            <label for="jv_no" class="col-sm-4">System ID : {{tr_no('Contra')}}
                                            </label>
                                            <input id="jv_no" readonly name="jv_no" type="text" value="{{ session()->get('jv_no') }}" class="col-sm-8 form-control form-control-sm" required>
                                        </div>
                                        
                                        <div class="form-group   row">
                                            <label for="po_no" class="col-sm-4  ">Student ID: </label>
                                            <input name="student_id" id="student_id" list="student_ids" class="form-control col-sm-8 form-control-sm" />
                                            <datalist id="student_ids">
                                                @foreach($students as $st)
                                                    <option value="{{$st->company_name}}">{{$st->customer_name}}</option>
                                                @endforeach
                                            </datalist>
                                        </div>

                                        <div class="form-group   row">
                                            <label for="po_no" class="col-sm-4  ">Batch: </label>
                                            <input name="batch" id="batch" list="batchs" class="form-control col-sm-8 form-control-sm" />
                                            <datalist id="batchs">
                                                
                                            </datalist>
                                        </div>

                                        <div class="form-group   row">
                                            <label for="cost_center" class="col-sm-4  ">Cost Center :</label>
                                            <select name="cost_center" id="cost_center" class="form-control col-sm-8 form-control-sm" >
                                                {{foreign_relation('cost_centers','id','cost_center_name',$voucher->cost_center??'','status = "Active"')}}
                                            </select>
                                            
                                        </div>
        					        </div> 

                                    <div class="col-md-4 col-sm-12 col-lg-4">
                                        <div class="form-group  row">
                                            <label for="jv_date" class="col-sm-4  text-left">Date :</label>
                                            <input id="jv_date"  name="jv_date" type="date" value="{{$voucher->jv_date ?? date('Y-m-d')}}" class="col-sm-8 form-control form-control-sm" required>
                                        </div>
                                        <div class="form-group   row">
                                            <label for="po_no" class="col-sm-4  ">Teacher ID: </label>
                                            <input name="teacher_id" id="teacher_id" list="teacher_ids" class="form-control col-sm-8 form-control-sm" />
                                            <datalist id="teacher_ids">
                                                @foreach($teachers as $tc)
                                                    <option value="{{$tc->id}}">{{$tc->name}}</option>
                                                @endforeach
                                            </datalist>
                                        </div>
                                        <div class="form-group   row">
                                            <label for="po_no" class="col-sm-4  ">Employee : </label>
                                            <input name="employee_id" id="employee_id" list="employee_ids" class="form-control col-sm-8 form-control-sm" />
                                            <datalist id="employee_ids">
                                                @foreach($employees as $emp)
                                                    <option value="{{$emp->id}}">{{$emp->name}}</option>
                                                @endforeach
                                            </datalist>
                                        </div>
                                        <div class="form-group   row">
                                            <label for="po_no" class="col-sm-4  ">Transaction By :</label>
                                            <input id="transaction_by"  name="transaction_by" type="text" value="{{$voucher->transaction_by ?? ''}}" class="col-sm-8 form-control form-control-sm" >
                                        </div>
                                    </div>


        					   <div class="col-md-4 col-sm-12 col-lg-4">
        					       <h4>Recent Voucher's</h4>
        					       <div class="table-responsive">
        					        <table class="table table-bordered table-head-bg-info table-bordered-bd-info">
        					           <thead>
        					               <tr>
                					           <th>Voucher No</th>
                					           <th>Type</th>
                					           <!--<th>Narr</th> -->
                					           <th>Amount</th>
                					           <th>Action</th>
            					           </tr>
        					           </thead>
        					           <tbody>
        					             @foreach($recent_vouchers as $rv)    
        					               <tr>
        					                   <td>{{$rv->tr_no}}</td>
        					                   <td>{{$rv->tr_from}}</td>
        					                   <!--<td>{{$rv->narration}}</td>-->
        					                   <td>{{find_a_field('secondary_journals','sum(cr_amt)','jv_no='.$rv->jv_no)}}</td>
        					                   <td><a href="{{route('voucher_view',$rv->jv_no)}}" target="_blank"><i class="fa fa-print"></i></a></td>
        					               </tr>
        					             @endforeach  
        					           </tbody>
        					       </table>
        					       </div>
        					   </div>
        					   </div>
        					                         @php $tr_from = "contra"; @endphp
        					   <div class="row">
        					       <div class="col mt-5">
        					        
									<div class="tab-content mt-2 mb-3" id="pills-tabContent">
										<div class="tab-pane fade show active" id="receipt" role="tabpanel" aria-labelledby="pills-tab-receipt">
										    
											<div class="row mt-4 align-items-center">
											    <div class="col">
											        <!--and group_id not in (1006)--->
											        <div class="form-group   row">
                                                        <label for="ledger_id" class="">A/C Head :</label>
                							            <input  id="ledger_id" autocomplete="off" onchange="currentBalance(this.value)" required  name="ledger_id" list="ledger_id12" value="" class="form-control form-control-sm" >
                							            {{ auto_complete_from_db('accounts_ledgers','ledger_id','ledger_name','ledger_id12',' group_id=1001 and parent is NULL and status="Active"') }}
                						            </div>
											    </div>
											    <div class="col">
											        <div class="form-group   row">
                                                        <label for="cur_bal" class="">Current Balance :</label>
                							            <input id="cur_bal"  name="cur_bal" type="text" value="" readonly="" class=" form-control form-control-sm" >
                						                <input type="hidden" id="tr_from" name="tr_from" value="{{$tr_from}}" >
                                                    </div>
											    </div>
											    <div class="col">
											        <div class="form-group   row">
                                                        <label for="narration" class="">Narration :</label>
                							            <input id="narration"  name="narration" type="text" value="" class="form-control form-control-sm" >
                						            </div>
											    </div>
											    
											    <div class="col" id="drEnable1" >
											        <div class="form-group   row">
                                                        <label for="amount" class="">Dr Amt :</label>
                							            <input id="dr_amt1"  name="dr_amt1"  type="text" value="" class="form-control form-control-sm" >
                						            </div>
											    </div>
											    <div class="col" id="drEnable2" >
											        <div class="form-group   row">
                                                        <label for="amount" class="">Cr Amt :</label>
                							            <input id="cr_amt1"  name="cr_amt1"  type="text" value="" class="form-control form-control-sm" >
                						            </div>
											    </div>
											  
											    
											    <div class="col">
											        <div class="form-group   row">
                                                        <label for="doc" class="">Document :</label>
                							            <input id="doc"  name="doc" style="width:194px"  type="file" value="" class="form-control form-control-sm" >
                						            </div>
											    </div>
											    <div class="col-1 mt-3">
											        <button id="add"  name="add" class="btn btn-sm btn-info">Add</button>
											    </div>
											</div>
											
											<div class="row mt-4">
											    <div class="table-responsive">
											       <span id="dataTable"> 
											        <table  class="table table-bordered table-head-bg-info table-bordered-bd-info">
											            <thead>
											                <tr>
											                    <th>Sl</th>
											                    <th>A/C Head</th>
											                    <th>Narration</th>
											                    <th>Debit Amount</th>
											                    <th>Credit Amount</th>
											                    <th>Action</th>
											                </tr>
											            </thead>
											            <tbody>
											               @if(!empty($vouchers)) 
											              @php $total_dr=0.00;
											               $total_cr=0.00; @endphp
											                @foreach($vouchers as $vr)
											                @php
											                 $total_dr+=$vr->dr_amt;
											                 $total_cr+=$vr->cr_amt;
											                @endphp    
											                <tr id="row_{{$vr->id}}">
											                    <td>{{$loop->index+1}}</td>
											                    <td>{{find_a_field('accounts_ledgers','ledger_name','ledger_id='.$vr->ledger_id)}}</td>
											                    <td>{{$vr->narration}}</td>
											                    <td>{{$vr->dr_amt}}</td>
											                    <td>{{$vr->cr_amt}}</td>
											                    <td><i  onclick="deleteData({{$vr->id}})" class="fa fa-times"></i></td>
											                </tr>
											                 @endforeach
											                 <tr>
                                                                 <td colspan="3" align="right">Total :</td>
                                                                 <td>{{$total_dr}}</td>
                                                                 <td>{{$total_cr}}</td>
                                                                 <td></td>
                                                             </tr>
											               @endif    
											            </tbody>
											        </table>
											      </span>  
											    </div>
											</div>
											<div class="row">
											    <div class="col text-center">
											        <button id="verify" type="button" class="btn btn-success">Verify</button>
											    </div>
											</div>
										</div>
									</div>
        					       </div>
        					   </div>
        					  
    					   </div>
					   </div> 
					 </form>	  
<script>
$(document).ready(function(){
    $("#bank_acc_payment").hide();
    $("#bank_payment").hide();
    $("#cheq_no_payment").hide();
    $("#cheq_date_payment").hide();
  
  $("#type").change(function(){ 
    if($('#type').val()=="Bank"){  
     $("#cash_acc_payment").hide();
     $("#cheq_date_payment").show();
     $("#bank_acc_payment").show();
     $("#bank_payment").show();
     $("#cheq_no_payment").show();
    }else{
     $("#cash_acc_payment").show();
     $("#cheq_date_payment").hide();
     $("#bank_acc_payment").hide();
     $("#bank_payment").hide();
     $("#cheq_no_payment").hide(); 
    }
  });
  
  $("#pills-tab-payment").click(function(){
     $("#tr_from").val('payment');
     $("#drEnable2").hide();
     $("#drEnable1").hide();
     $("#drDisable").show();
     $("#cash_acc_payment").show();
     $("#type").show();
  });
  
  $("#pills-tab-receipt").click(function(){
     $("#tr_from").val('receipt');
     $("#drEnable2").hide();
     $("#drEnable1").hide();
     $("#drDisable").show();
     $("#cash_acc_payment").show();
     $("#type").show();
  });
  $("#pills-tab-journal").click(function(){
     $("#tr_from").val('journal');
     $("#drEnable2").show();
     $("#drEnable1").show();
     $("#drDisable").hide();
     $("#cash_acc_payment").hide();
     $("#type").hide();
  });
  $("#pills-tab-contra").click(function(){
     $("#tr_from").val('contra');
     $("#drEnable2").show();
     $("#drEnable1").show();
     $("#drDisable").hide();
     $("#cash_acc_payment").hide();
     $("#type").hide();
  });
  
    $.ajaxSetup({
        headers: { 'X-CSRF-Token' : '{{csrf_token()}}' }
    });
    
    $("#voucherForm").submit(function(e){ 
       e.preventDefault();
       
      //$("#add").click(function(){
       
       if($("#jv_date").val()==''){
           alert('Please insert date');
       }else if($("#transaction_by").val()==''){
           alert('Please insert transaction by');
       }else if($("#ledger_id").val()==''){
           alert('Please insert ledger id');
       }else if($("#tr_from").val()=='payment' && $("#cr_amt").val()==''){
           alert('Please insert amount');
       }else if($("#tr_from").val()=='receipt' && $("#cr_amt").val()==''){
           alert('Please insert amount');
       }else{
             
       var data = $("#voucherForm").serialize();
       var url  = "{{route("voucherStore")}}"; 
       //alert($("#doc").val());  
       $.ajax({
           url:url,
           method:"POST",
           enctype: 'multipart/form-data',
           data:new FormData(this),
           processData: false,
           cache: false,
           contentType: false,
           success:function(response){
              $("#dataTable").html(response.data); 
              $("#ledger_id").val(''); 
              $("#cur_bal").val(''); 
              $("#cr_amt").val(''); 
              $("#narration").val(''); 
              $("#doc").val(''); 
           },
           error:function(error){
              console.log(error); 
           }
       });
       
       }
      });    
    // verify part start form here
    
    $("#verify").click(function(){
       
       if($("#tr_from").val()=='payment' || $("#tr_from").val()=='receipt'){
           
          if($("#cash_acc").val()=='' && $("#bank_acc").val()==''){ 
           alert('Please insert cash or bank account');
          }else{
            var data = $("#voucherForm").serialize();
            var url  = "{{route("voucherConfirm")}}"; 
       
       $.ajax({
           url:url,
           method:"POST",
           data:data,
           success:function(response){
              console.log(response); 
              
              location.reload();
           },
           error:function(error){
              console.log(error); 
           }
       });  
          }
       }else{
           
       var data = $("#voucherForm").serialize();
       var url  = "{{route("voucherConfirm")}}"; 
       
       $.ajax({
           url:url,
           method:"POST",
           data:data,
           success:function(response){
              console.log(response); 
              
              location.reload();
           },
           error:function(error){
              console.log(error); 
           }
       });
       
       }   
       
       
  });
  
});
function deleteData(id){
    $.ajaxSetup({
        headers: { 'X-CSRF-Token' : '{{csrf_token()}}' }
    });
    
    if(confirm('Do you really want to delete this data?')){
        var data = 2;
     $.ajax({
           url:"/accounts/voucher/data/delete/"+id,
           method:"DELETE",
           data:data,
           success:function(response){ 
              $("#row_"+id).remove();
           },
           error:function(error){
              console.log(error); 
           }
       });
    }   
}

function currentBalance(id){
    $.ajaxSetup({
        headers: { 'X-CSRF-Token' : '{{csrf_token()}}' }
    });
    
        var data = 2;
     $.ajax({
           url:"/accounts/voucher/curBal/"+id,
           method:"POST",
           data:data,
           success:function(response){ 
              $("#cur_bal").val(response.data);
           },
           error:function(error){
              console.log(error); 
           }
       });
    }   
</script>


					</div>
				</div>
			</div>
@endsection