@extends('layouts.app') 

@section('title') Generate Voucher @stop 

@section('breadcrumb')
<ol class="breadcrumb pull-right">
	<li><a href="{{route('home')}}"><i class="fa fa-dashboard"></i> Home</a></li>
	<li class="active">Vouchers</li>
</ol> 
@stop 

@section('css')
<link href="{{asset('plugins/components/bootstrap-daterangepicker/daterangepicker.css')}}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> 
@endsection 

@section('content')
<div class="container-fluid">
	<!--.row-->
	<div class="row">
		<div class="col-md-12" style="padding:0px;">
			<div class="panel panel-info">
				<div class="panel-heading">Make Voucher</div>
				<div class="panel-wrapper collapse in" aria-expanded="true">
					<div class="panel-body" style="margin-bottom: 36px;">
						<hr>
						<form id="form-div"> 
						    
						    {{csrf_field()}} 
						    
						    <b>Voucher Type</b>
							<input type="radio" name="voucher_type" value="{{\App\GeneralJournalEntry::CRV}}" @if(\App\GeneralJournalEntry::CRV==$voucher_type) checked @endif> CRV &nbsp;&nbsp;&nbsp;
							<input type="radio" name="voucher_type" value="{{\App\GeneralJournalEntry::BRV}}" @if(\App\GeneralJournalEntry::BRV==$voucher_type) checked @endif> BRV &nbsp;&nbsp;&nbsp;
							<input type="radio" name="voucher_type" value="{{\App\GeneralJournalEntry::CPV}}" @if(\App\GeneralJournalEntry::CPV==$voucher_type) checked @endif> CPV &nbsp;&nbsp;&nbsp;
							<input type="radio" name="voucher_type" value="{{\App\GeneralJournalEntry::BPV}}" @if(\App\GeneralJournalEntry::BPV==$voucher_type) checked @endif> BPV &nbsp;&nbsp;&nbsp;
							<input type="radio" name="voucher_type" value="{{\App\GeneralJournalEntry::JV}}" @if(\App\GeneralJournalEntry::JV==$voucher_type) checked @endif> JV &nbsp;&nbsp;&nbsp;
							
							<br>
							<br>
							
							<input type="hidden" id="entry_no" name="entry_no" value="{{$account_info[0]->entry_no}}">
							<input type="hidden" id="transaction_id" name="transaction_id" value="{{$transaction_id}}">
							<input type="hidden" id="transaction_type" name="transaction_type" value="{{$transaction_type}}">
							
							<div class="row">
								<div class="col-md-4"> Bank Name &nbsp;&nbsp;
									<input style="background-color: #f7fafc;" type="text" name="bank_name" id="bank_name" value="{{ $account_info[0]->bank_name}}"> 
								</div>
								<div class="col-md-4"> Chq # / Ins. # &nbsp;&nbsp;
									<input style="background-color: #f7fafc;" type="text" id="cheaque_no" name="cheaque_no" value="{{ $account_info[0]->cheaque_no}}"> 
								</div>
							</div>
							
							<br>
							<br>
							
							<div class="row">
								<div class="col-md-3"> DATE &nbsp;&nbsp;
									<input style="background-color: #f7fafc;" type="date" id="date" name="date" value=""> 
								</div>
								<div class="col-md-3">
									<input type="checkbox" style="background-color: #f7fafc;" name="adjusting_entry" id="adjusting_entry" value="{{ $account_info[0]->adjusting_entry}}"> &nbsp;&nbsp;ADJUSTING ENTRY 
								</div>
								<div class="col-md-6" style="text-align: right;"> Upload Documents &nbsp;&nbsp;
									<input type="file" name="documents" id="documents" style="background-color: #f7fafc;float: right;" multiple> 
								</div>
								<br>
								<br>
								<br>
								
								<div class=col-md-12 style="overflow-y:auto;height: 220px;">
									<table class="table table-bordered table-responsive-md table-striped text-center">
										<thead>
											<tr>
												<th class="text-center">ACCOUNT</th>
												<th class="text-center">DEBIT</th>
												<th class="text-center">CREDIT</th>
												<th class="text-center">NAME</th>
												<th class="text-center" style="display: none;">CLASS</th>
											</tr>
										</thead>
										<tbody id="tbody_data">
											
																						
																								
											<tr height="2px" id="account_tr___0">
												<td class="pt-3-half account" style="width: 40%" contenteditable="true">
													<select class="form-control chosen-select" style="width: 80%;height: 26px;font-size: 11px;padding: 0px;padding-left: 18px;cursor: pointer;" name="account[]">
														<option value="0">None</option> 
														@foreach($accounts as $a) 
														    @if($leafAccount[$a->id]) 
														        @if($a->sub_account_id)
																<option style="font-size: 11px;" value="{{$a->id}}">&nbsp;&nbsp;&nbsp;{{$a->number}} - {{$a->name}}</option> 
																@else
																<option style="font-size: 11px;" value="{{$a->id}}">{{$a->number}} - {{$a->name}}</option> 
																@endif 
															@else 
															    @if($a->sub_account_id)
																<option style="font-size: 11px;" value="{{$a->id}}" disabled="">&nbsp;&nbsp;&nbsp;{{$a->number}} - {{$a->name}}</option> 
																@else
																<option style="font-size: 11px;" value="{{$a->id}}" disabled="">{{$a->number}} - {{$a->name}}</option> 
																@endif 
															@endif 
														@endforeach 
													</select>
												</td>
												<td class="pt-3-half debit" onfocusout="return setZeroBydefault(this)" onkeyup="addDebit()" contenteditable="true">0</td>
												<td class="pt-3-half credit" onfocusout="return setZeroBydefault(this)" onkeyup="addCredit()" contenteditable="true">0</td>
												<td class="pt-3-half name" contenteditable="true">
													<select class="form-control chosen-select" style="    width: 80%;height: 26px;font-size: 11px;padding: 0px;padding-left: 18px;cursor: pointer;" name="name1[]">
														<option value="0">None</option> 
														@foreach($names as $n)
														<option style="font-size: 11px;" value="{{$n->id}}">{{$n->name}}</option> 
														@endforeach 
													</select>
												</td>
											</tr>
											<tr id="narration_tr_____0">
												<td colspan="4" style="text-align: center;width: 90%; padding-left:50px;padding-right:30px">
													<input class="form-control h30" type="text" name="line_narration[]" id="line_narration[]" placeholder="Line Narration">
												</td>
											</tr>
										</tbody>
									</table>
								</div>
								<table class="table">
									<tr>
										<th style="text-align: right;width: 37%;">Totals</th>
										<th style="text-align: center; width: 10%; font-size: 16px;font-weight: 600;" id="debit-total">{{ $debit}}</th>
										<th style="text-align: center;width: 10%; font-size: 16px; font-weight: 600;" id="credit-total">{{ $credit}}</th>
										<th></th>
										<th></th>
									</tr>
								</table>
								<div class="col-md-4"> Narration : &nbsp;&nbsp;
									<textarea class="form-control" name="memo" id="memo">{{ $account_info[0]->voucher?$account_info[0]->voucher->narration:'' }}</textarea>
								</div>
								<div class="form-actions">
									<button type="button" id="search" class="btn btn-success search-customer" style="float: right;margin-right: 20px;" @if($debit != $credit) disabled="" @endif> <i class="fa fa-check"></i> Save </button>
									<button type="button" class="btn btn-info" style="float: right;margin-right: 20px;" onclick="return addNewRow(this)"> <i class="fa fa-plus"></i> Add </button>
								</div>
						</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--./row-->
	</div>
	<!-- /.container-fluid -->
	@stop 
	
	@section('js')
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>
	<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
	
	<script>
	
	function addNewRow(self) {
		$(".chosen-select").chosen("destroy");
		var narration_row = $('#narration_tr_____0').html();
		var account_row = $('#account_tr___0').html();
		$('#tbody_data').append('<tr>' + account_row + '</tr> <tr>' + narration_row + '</tr>');
		$(".chosen-select").chosen();
		return false;
	}
	
	$(function() {
		$('#myTable').DataTable({
			'pageLength': 50,
			'ordering': false,
		});
	});
	
	const year = new Date().getFullYear();

	function setZeroBydefault(self) {
		if($(self).text().length == 0) {
			$(self).text('0');
		}
	}
	
	$('.update-record').on('click', function() {
		$('.preloader').fadeIn();
		date_range = $('#daterange-btn').val();
		account = $('#c_account').val();
		name = $('#c_name').val();
		var data = {
			'date_range': date_range,
			'account': account,
			'name': name
		};
		$.get('/general-journal-entries/update-entries', data, function(data) {
			document.getElementById('update-table').innerHTML = data;
			$('#myTable').DataTable({
				'paging': false,
				'searching': false,
				'info': true
			});
			toastr.success("Report updated.");
		});
		$('.preloader').fadeOut();
	});

	function addDebit() {
		sum = 0;
		$('.debit').each(function() {
			if(this.innerHTML) {
				sum += parseInt(this.innerHTML);
			}
		});
		document.getElementById('debit-total').innerHTML = sum;
		checkTotal();
	}

	function addCredit() {
		sum = 0;
		$('.credit').each(function() {
			if(this.innerHTML) {
				sum += parseInt(this.innerHTML);
			}
		});
		document.getElementById('credit-total').innerHTML = sum;
		checkTotal();
	}

	function checkTotal() {
		debit = parseInt(document.getElementById('debit-total').innerHTML);
		credit = parseInt(document.getElementById('credit-total').innerHTML);
		if(debit == credit) {
			$("#search").prop("disabled", false);
			document.getElementById('debit-total').style.color = 'black';
			document.getElementById('credit-total').style.color = 'black';
			$("#update").prop("disabled", false);
		} else {
			$("#search").prop("disabled", true);
			document.getElementById('debit-total').style.color = 'red';
			document.getElementById('credit-total').style.color = 'red';
			$("#update").prop("disabled", false);
		}
	}
	
	$('#search').click(function() {
	
		document.getElementById("search").disabled = true;
	
		date = $('#date').val();
	    
	    entry_no = $('#entry_no').val();
	    
	    var documents = $('#documents').prop('files').length;
	    
		adjusting_entry = 0;
		if($('#adjusting_entry').prop("checked") == true) {
			adjusting_entry = 1;
		}
		
		account = [];
		$('select[name="account[]"]').each(function() {
			if($(this).val() != 0) account.push($(this).val());
		});
		
		name1 = [];
		$('select[name="name1[]"]').each(function() {
			name1.push($(this).val());
		});
		
		class_id = [];
		$('select[name="class_id[]"]').each(function() {
			class_id.push($(this).val());
		});
		
		debit = [];
		$('.debit').each(function() {
			if(this.innerHTML) {
				debit.push(parseInt(this.innerHTML));
			}
		});
		
		credit = [];
		$('.credit').each(function() {
			if(this.innerHTML) {
				credit.push(parseInt(this.innerHTML));
			}
		});
		
		memo = $('#memo').val();
		
		var line_narration = $("input[name='line_narration[]']").map(function() {
			return $(this).val();
		}).get();
		
		voucher_type = $("input[type='radio'][name='voucher_type']:checked").val();
		
		if(!voucher_type) {
			alert('voucher type required.');
			return false;
		}
		
		transaction_id = $('#transaction_id').val();
		
		transaction_type = $('#transaction_type').val();
		
		bank_name = $('#bank_name').val();
		
		cheaque_no = $('#cheaque_no').val();
		
		var formData = new FormData($('#form-div')[0]);
		
		for(var i = 0; i < documents; i++) {
			formData.append(i, $('#documents').prop('files')[i]);
		}
		
		formData.append('date', date);
		
		formData.append('entry_no', entry_no);
		
		formData.append('adjusting_entry', adjusting_entry);
		
		formData.append('account', account);
		
		formData.append('debit', debit);
		
		formData.append('credit', credit);
		
		formData.append('memo', memo);
		
		formData.append('name', name1);
		
		formData.append('class_id', class_id);
		
		formData.append('voucher_type', voucher_type);
		
		formData.append('transaction_id', transaction_id);
		
		formData.append('transaction_type', transaction_type);
		
		formData.append('bank_name', bank_name);
		
		formData.append('cheaque_no', cheaque_no);
		
		formData.append('line_narration', line_narration);
		
		formData.append('file_length', documents);
		
		$.ajax({
			type: 'POST',
			url: '/general-journal-entries/update-voucher',
			cache: false,
			processData: false,
			contentType: false,
			data: formData,
			success: function(data) {
			    
				toastr.success("Entry updated successfully.");
		        //window.location.reload('/general-journal-entries/voucher-detail/' + data.entry_no);
		        window.location.href = '/general-journal-entries/voucher-detail/' + data.entry_no;
			
			}
		});
		
		/*data = {
			'date': date,
			'entry_no': entry_no,
			'adjusting_entry': adjusting_entry,
			'account': account,
			'debit': debit,
			'credit': credit,
			'memo': memo,
			'name': name1,
			'class_id': class_id,
			'voucher_type': voucher_type,
			'transaction_id': transaction_id,
			'transaction_type': transaction_type,
			'bank_name': bank_name,
			'cheaque_no': cheaque_no,
			'line_narration': line_narration,
		};
		
		$.get('/general-journal-entries/update-voucher', data, function(data) {
		    
			toastr.success("Entry updated successfully.");
			// window.location.reload('/general-journal-entries/voucher-detail/' + data.entry_no);
			window.location.href = '/general-journal-entries/voucher-detail/' + data.entry_no;
			
		});*/
	
	});
	
	</script> 
	@stop