@extends('layouts.default')
@section('title', trans('general.title.edit', ['type' => trans_choice('general.cheques', 1)]))
@section('new_button')
<a href="{{ url('expenses/cheques')}}"
	class="btn btn-info btn-height btn-Rcircle-iconic waves-effect waves-light"><i class="material-icons left">view_list</i>{{ trans_choice('general.cheques', 2) . 'List'}} 
</a>
<a href="{{ url('expenses/cheques/'.$cheque->id) }}" class="btn btn-info btn-Rcircle-iconic waves-effect waves-light"><i class="material-icons left">remove_red_eye</i>show</a>
<a  href="{{ url('expenses/cheques/create') }}" class="btn btn-info btn-Rcircle-iconic waves-effect waves-light" data-toggle="tooltip" title="Create Cheque"><i class="material-icons left">add</i> {{ trans_choice('general.cheques', 2) }}</a>
@endsection
@section('content')
<!-- Default box -->
{!! Form::model($cheque, ['method' => 'PATCH', 'files' => true, 'url' => ['expenses/cheques', $cheque->id], 'role' => 'form']) !!}
<div class="card">
	<div class="row">
		<div class="col-lg-3 col-md-4 col-sm-6   required {{ $errors->has('person_id') ? 'has-error' : ''}}">
			<small> {{ trans('general.payee') }}</small>
			<select id="person_id" class="selectpicker" data-live-search="true" name="person_id">
				<option value="" selected="selected"> Select Name </option>
				@foreach($personname as $person)
				<option value="{{ $person->id }}" data-subtext=
					({{ $person->type}}) {{ ($person->id == $cheque->person_id)?'selected':'' }}> {{ $person->name }} 
				</option>
				@endforeach
			</select>
			{!! $errors->first('person_id', '
			<div class="help-block with-errors">:message</div>
			') !!}
		</div>
        <div class="col-md-3">
			{{ Form::selectGroup('account_id', 'Account', $accounts, null, ['data-live-search'=>'true','required' =>'required']) }}
		</div>
		<div class="col-md-3">
			{{ Form::textGroup('paid_at', 'Date', Date::parse($cheque->paid_at)->format('yyyy-mm-dd'), ['id' => 'paid_at', 'class' => 'form-control', 'data-inputmask' => '\'alias\': \'yyyy-mm-dd\'']) }}
		</div>
		<div class="col-md-3">
			{{ Form::textGroup('cheque_number', 'Cheque Number', null, ['required' => 'required']) }}
		</div>
		{{ Form::hidden('currency_code', setting('general.default_currency') , ['id' => 'currency_code']) }}
	</div>
</div>
<div class="account_details">
	<h3 class="mb-3 mt-3">Account Details</h3>
	<div class="">
		<table class="table table-bordered tabl-input" id="account">
			<thead>
				<tr style="background-color: #f9f9f9;">
					<th width="10%"  class="text-center">{{ trans('general.actions') }}</th>
					<th width="30%">{{ trans_choice('general.accounting',1) }}</th>
					<th width="30%">{{ trans('general.description') }}</th>
					<th width="15%">{{ trans('bills.price') }}</th>
					<th width="15%">{{ trans('bills.total') }}</th>
				</tr>
			</thead>
			<tbody>
								@php 
				function chartfunction1($elements, $prefix = '' , $item_id) {
				foreach ($elements as $k=> $element) { 
				@endphp
				<option value="{{ $element['id'] }}" 
				{{ ( $item_id == $element['id'] )?'selected':'' }} data-subtext="{{ $element['account_name'] }}">
				{{ $prefix . $element['name'] }} 
				@if (isset($element['children']))
				@php chartfunction1($element['children'],$prefix . $element['name'] ." : " , $item_id);
				@endphp
				@endif
				</option>
				@php  } 
				}
				@endphp
				@forelse($cheque->account_details as $item)
				<tr id="account-row-{{ $account_row }}">
					<td style="vertical-align: middle;">
						<button type="button" onclick="$('#account-row-{{ $account_row }}').remove(); totalItem();" data-toggle="tooltip" title="{{ trans('general.delete') }}" class="btn btn-xs  btn-outline-danger btn-circle-iconic btn34"><i class="material-icons">delete</i></button>
					</td>
					<td>
						<select onchange="nameofAccount({{ $account_row }});addChartofAccount(event);" id="account-id-{{ $account_row }}" class="selectpicker" name="account[{{ $account_row }}][account_id]" data-live-search="true" tabindex="-1" aria-hidden="true" required="required">
						{!! loopChartData($account_details_name , $prefix = '',$item->account_type_id); !!} 
						</select>
						<input class="form-control"  name="account[{{ $account_row }}][name]" type="hidden" id="account-name-{{ $account_row }}">
						<input class="form-control" name="account[{{ $account_row }}][quantity]" type="hidden" value="1" id="account-quantity-{{ $account_row }}">
					</td>
					<td>
						<div class="form-group">
							<input class="form-control " value="{{ $item->description }}"  name="account[{{ $account_row }}][description]"  type="text" id="account-description-{{ $account_row }}">
							<label class="form-label">{{ trans('general.description')}}</label> 
							<span class="form-controlBrd"></span>
						</div>
					</td>
					<td>
						<div class="form-group">
							<input value="{{ $item->price }}" class="form-control" required="required" name="account[{{ $account_row }}][price]" type="text" id="account-price-{{ $account_row }}">
							<label class="form-label">Price</label>
							<span class="form-controlBrd"></span>
						</div>
					</td>
					<td style="vertical-align: middle;">
						<span id="account-total-{{ $account_row }}">0</span>
					</td>
				</tr>
								@empty 
				<tr id="account-row-{{ $account_row }}">
					<td style="vertical-align: middle;">
						<button type="button" onclick="$('#account-row-{{ $account_row }}').remove(); totalItem();" data-toggle="tooltip" title="{{ trans('general.delete') }}" class="btn btn-xs  btn-outline-danger btn-circle-iconic btn34"><i class="material-icons">delete</i></button>
					</td>
					<td>
						<select onchange="nameofAccount({{ $account_row }});addChartofAccount(event);" id="account-id-{{ $account_row }}" class="selectpicker" data-live-search="true" name="account[{{ $account_row }}][account_id]" tabindex="-1" aria-hidden="true" required="required">
						{!! Cache::get('account_details_option')  !!}
						</select>
						<input class="form-control"  name="account[{{ $account_row }}][name]" type="hidden" id="account-name-{{ $account_row }}">
						<input class="form-control" name="account[{{ $account_row }}][quantity]" type="hidden" value="1" id="account-quantity-{{ $account_row }}">
					</td>
					<td>
						<div class="form-group"><input class="form-control "  name="account[{{ $account_row }}][description]" type="text" id="account-description-{{ $account_row }}">
							<label class="form-label">{{ trans('general.description')}}</label>
							<span class="form-controlBrd"></span>
						</div>
					</td>
					<td>
						<div class="form-group"><input class="form-control" required="required" name="account[{{ $account_row }}][price]" type="text" id="account-price-{{ $account_row }}">
							<label class="form-label">Price</label>
							<span class="form-controlBrd"></span>
						</div>
					</td>
					<td style="vertical-align: middle;">
						<span id="account-total-{{ $account_row }}">0</span>
					</td>
				</tr>
				@endforelse
								<tr id="addAccount">
					<td><button type="button" onclick="addAccount();" data-toggle="tooltip" title="{{ trans('general.add') }}" class="btn btn-xs  btn-outline-primary btn-circle-iconic btn34" data-original-title="{{ trans('general.add') }}"><i class="material-icons">add</i></button></td>
					<td colspan="4"></td>
				</tr>
				<tr>
					<td class="text-right" colspan="4"><strong>{{ trans('cheques.sub_total') }}</strong></td>
					<td><span id="sub-total">0</span></td>
				</tr>
				<tr>
					<td class="text-right" colspan="4"><strong>{{ trans('cheques.total') }}</strong></td>
					<td><span id="grand-total">0</span></td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
{{ Form::fileGroup('attachment', trans('general.attachment')) }}
@if($cheque->attachment)
<span class="attachment">
<a href="{{ url('uploads/' . $cheque->attachment->id . '/download') }}">
<span id="download-attachment" class="text-primary">
<i class="fa fa-file-{{ $cheque->attachment->aggregate_type }}-o"></i> {{ $cheque->attachment->basename }}
</span>
</a>
</span>
@endif
<div class="row">
	<div class="col-lg-6 col-md-6 col-sm-6 mt-2">
		{{ Form::textareaGroup('description', trans_choice('general.description', 2)) }}
	</div>
	<div class="col-lg-6 col-md-6 col-sm-6 mrg-top-5">
		{{ Form::saveButton('Update expenses/cheques') }}
	</div>
</div>
{!! Form::close() !!}
<div id='chart_dropdown' style="display: none">
	{!! Cache::get('account_details_option')  !!}
</div>
@include('accounts.common.models.chartofaccount')
@include('includes.datepicker')
<script  src="{{asset('accounts/chartofaccounts/accounting.js')}}">  </script>
<script type="text/javascript">
	var account_row = {{ $account_row }};
	function addAccount() {
	    html  = '<tr id="account-row-' + account_row + '">';
	    html += '  <td style="vertical-align: middle;">';
	    html += '      <button type="button" onclick="$(\'#account-row-' + account_row + '\').remove(); totalItem();" data-toggle="tooltip" title="{{ trans('general.delete') }}" class="btn btn-xs  btn-outline-danger btn-circle-iconic btn34"><i class="material-icons">delete</i></button>';
	    html += '  </td>';
	
	    html += '  <td>';
	    html += '      <select class="selectpicker" data-live-search="true" onchange="nameofAccount('+ account_row +');addChartofAccount(event);" name="account[' + account_row + '][account_id]" id="account-id-' + account_row + '">';
	
	    html += $('#chart_dropdown').html();
	   
	    html += '      </select>';
	    html += '<input class="form-control"  name="account['+ account_row +'][name]" type="hidden" id="account-name-'+ account_row +'">';
	    html += '<input  name="account['+ account_row +'][quantity]" type="hidden" value="1" id="account-quantity-'+ account_row +'">'
	    html += '  </td>';
	
	    html += '  <td>';
	    html += '<div class="form-group"><input class="form-control"  name="account[' + account_row + '][description]" type="text" id="account-description-' + account_row + '"><label class="form-label">{{ trans('general.description') }}</label> <span class="form-controlBrd"></span></div>';
	    html += '  </td>';
	    html += '  <td>';
	    html += ' <div class="form-group"><input class="form-control" required  name="account[' + account_row + '][price]" type="text" id="account-price-' + account_row + '"><label class="form-label">Price</label> <span class="form-controlBrd"></span></div>';
	    html += '  </td>';
	
	    html += '  <td style="vertical-align: middle;">';
	    html += '      <span id="account-total-' + account_row + '">0</span>';
	    html += '  </td>';
	
	    $('#account tbody #addAccount').before(html);
	    $('#account-id-'+ account_row).selectpicker('refresh');
	
	    account_row++;
	}
	
	$(document).ready(function(){
	    totalItem();
		//Date picker
		$('#paid_at').inputmask('yyyy-mm-dd', { placeholder: 'yyyy-mm-dd' });
		$('#paid_at').datepicker({
			format: 'yyyy-mm-dd',
			todayHighlight: true,
		});
	
	    //Date picker
	    $('#due_at').datepicker({
	        format: '{{ $date_format }}',
	        autoclose: true
	    });
	    
	
	    @if($cheque->attachment)
	        attachment_html  = '<span class="attachment">';
	        attachment_html += '    <a href="{{ url('uploads/' . $cheque->attachment->id . '/download') }}">';
	        attachment_html += '        <span id="download-attachment" class="text-primary">';
	        attachment_html += '            <i class="fa fa-file-{{ $cheque->attachment->aggregate_type }}-o"></i> {{ $cheque->attachment->basename }}';
	        attachment_html += '        </span>';
	        attachment_html += '    </a>';
	        attachment_html += '    {!! Form::open(['id' => 'attachment-' . $cheque->attachment->id, 'method' => 'DELETE', 'url' => [url('uploads/' . $cheque->attachment->id)], 'style' => 'display:inline']) !!}';
	        attachment_html += '    <a id="remove-attachment" href="javascript:void();">';
	        attachment_html += '        <span class="text-danger"><i class="fa fa fa-times"></i></span>';
	        attachment_html += '    </a>';
	        attachment_html += '    {!! Form::close() !!}';
	        attachment_html += '</span>';
	
	        $('.fancy-file .fake-file').append(attachment_html);
	
	        $(document).on('click', '#remove-attachment', function (e) {
	            confirmDelete("#attachment-{!! $cheque->attachment->id !!}", "{!! trans('general.attachment') !!}", "{!! trans('general.delete_confirm', ['name' => '<strong>' . $cheque->attachment->basename . '</strong>', 'type' => strtolower(trans('general.attachment'))]) !!}", "{!! trans('general.cancel') !!}", "{!! trans('general.delete')  !!}");
	        });
	    @endif  
	
	      /*Accounts Event*/
	    $(document).on('change', '#currency_code, #account tbody select', function(){
	        totalItem();
	    });
	
	    $(document).on('keyup', '#account tbody .form-control', function(){
	        totalItem();
	    });
	
	
	
	    
	    $(document).on('change', '#vendor_id', function (e) {
	        $.ajax({
	            url: '{{ url("expenses/vendors/currency") }}',
	            type: 'GET',
	            dataType: 'JSON',
	            data: 'vendor_id=' + $(this).val(),
	            success: function(data) {
	                $('#currency_code').val(data.currency_code);
	
	                // This event Select2 Stylesheet
	                $('#currency_code').trigger('change');
	            }
	        });
	    });
	    $(document).on('change', '#account_id', function (e) {
	    $.ajax({
	        url: '{{ url("settings/currencies/currency") }}',
	        type: 'GET',
	        dataType: 'JSON',
	        data: 'account_id=' + $(this).val(),
	        success: function(data) {
	            $('#currency').val(data.currency_name);
	            $('#currency_code').val(data.currency_code);
	        }
	    });
	});
	});
	
	function totalItem() {
	    $.ajax({
	        url: '{{ url("items/items/totalChequeamount") }}',
	        type: 'POST',
	        dataType: 'JSON',
	        data: $('#currency_code, #account input[type=\'text\'],#account input[type=\'hidden\'], #account textarea, #account select'),
	        headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
	        success: function(data) {
	            if (data) {
	                
	                $.each( data.account, function( key, value ) {
	                    $('#account-total-' + key).html(value);
	                });
	                $('#sub-total').html(data.sub_total);
	               
	                $('#grand-total').html(data.grand_total);
	            }
	        }
	    });
	}
	
	
	   // Account Name Taken Form Dropdown Text.
	function nameofAccount( id ){
	    $('#account-price-'+id).prop('required',true);
	    var account_id = $('#account-id-'+id +' option:selected').text();
	    $('#account-name-'+id).val(account_id.split("---")[0]);
	}
	
	$(document).on('click', '#button-account-create', function (e) { 
	$('#modal-account-create .modal-header').before('<div id="span-loader"><span class="span-loader"><img src="{{ url('acs/custom/images/loader.gif') }}" class="span-loader-img"  style="position:relative;top:150px;left:180px; height:100px"></span></div>');    
	$.ajax({
	    url: '{{ url("accounting/chartofaccounts_model_data") }}',
	    type: 'POST',
	    dataType: 'JSON',
	    data: $("#form-account-create").serialize(),
	     
	    success: function(data) {
	        $('#span-loader').remove(); 
	
	        $('#close-modal-create-account').trigger('click');
	        $("#"+ data.present_value_of_dropdown).append('<option value="' + data.id + '" selected="selected" data-subtext="'+ data.account_type_name +'">' + data.name + '</option>'); 
	        $("#"+ data.present_value_of_dropdown).selectpicker('refresh');
	
	    },
	    error: function(error, textStatus, errorThrown) {
	        $('#span-loader').remove();
	        // $('#close-modal-create-account').trigger('click'); 
	
	    }
	}); 
	}); 
</script>
@endsection