@extends('layouts.app')
@section('title', 'Add Transactions')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Transactions</h1>
</section>

<!-- Main content -->
<section class="content">
	{!! Form::open(['url' => action('ExpenseController@store'), 'method' => 'post', 'id' => 'add_expense_form', 'files' => true ]) !!}
	<div class="box box-solid">
		<div class="box-body">
			<div class="row">
				<div class="col-sm-4">
					<div class="form-group">
						{!! Form::label('type', 'Transation Type: *') !!}
						<select name="type" class="form-control select2" id="type"  required> 
                            <option value="">Select One</option> 
							<option value="Bank Deposit">Bank Deposit</option> 
							<option value="Bank Withdrow">Bank Withdrow</option>
							<option value="Expense">Expense</option> 
							<option value="Location Transfer">Location Transfer</option> 
						</select>
						<!-- {!! Form::select('deduct_from', $deduct, null, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select'), 'id' => 'deduct_from', 'required']); !!} -->
					</div>
				</div>
				<div class="col-sm-4">
					<div class="form-group  location-trans">
                        {!! Form::label('location_type', 'Location *') !!}
						<select name="location_type" class="form-control" id="location">
							<option value="" selected>Select Location</option>
                            @foreach(App\BusinessLocation::get() as $all_location)
                            <option value="{{$all_location->id}}">{{$all_location->name}}</option>
                            @endforeach
                        </select>
					</div>
					<div class="form-group location-expence" style="display:none">
                        {!! Form::label('location_type', 'Location *') !!}
						<select name="location_id" class="form-control" id="location_id">
                            <option value="" selected>Select Location</option>
                            @foreach(App\BusinessLocation::get() as $all_location)
							@php 
                             $transBank = App\Bank::where('location_id', $all_location->id)->get();
							 $accBanks = get_current_balance($transBank);
							@endphp
                            <option value="{{$all_location->id}}">{{$all_location->name}}</option>
                            @endforeach
                        </select>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="form-group">
						{!! Form::label('transaction_date', __('messages.date') . ':*') !!}
						<div class="input-group">
							<span class="input-group-addon">
								<i class="fa fa-calendar"></i>
							</span>
							{!! Form::text('transaction_date', @format_date('now'), ['class' => 'form-control', 'readonly', 'required', 'id' => 'expense_transaction_date']); !!}
						</div>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="form-group">
						{!! Form::label('ref_no', __('purchase.ref_no').':*') !!}
						{!! Form::text('ref_no', null, ['class' => 'form-control', 'required']); !!}
					</div>
				</div>
                <div class="expense-div" style="display:none">
					<div class="col-sm-4">
						<div class="form-group">
							{!! Form::label('expense_category_id', __('expense.expense_category').':') !!}
							{!! Form::select('expense_category_id', $expense_categories, null, ['class' => 'form-control', 'placeholder' => __('messages.please_select')]); !!}
						</div>
					</div>
					<div class="col-sm-4">
						<div class="form-group">
							{!! Form::label('deduct_from', 'Deduct from : *') !!}
							<select name="deduct_from" class="form-control" id="deduct_from"> 
								<option value="">Select One</option> 
								<option value="bank_account" {{App\Bank::where('created_by', auth()->user()->id)->first() && App\Bank::where('created_by', auth()->user()->id)->first()->opening_balance > 0 ? '' : 'disabled'}}>Bank Account</option> 
								<option value="cash_in_hand" {{App\CashRegister::where('user_id', auth()->user()->id)->where('status', 'open')->first() ? '' : 'disabled'}}>Cash in Hand</option> 
							</select>
							<!-- {!! Form::select('deduct_from', $deduct, null, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select'), 'id' => 'deduct_from', 'required']); !!} -->
						</div>
					</div>
					<div class="bank-div"  style="display:none">
						<div class="col-sm-4">
							<div class="form-group">
								{!! Form::label('bank_id', 'Bank Account :') !!}
								<select name="bank_id" class="form-control" id="bank"> 
									@foreach($accBanks as $bank) 
									<option value="{{$bank->id}}">{{$bank->name. ' - '.$bank->current_balance}}</option> 
									@endforeach
								</select>
							</div>
						</div>
					</div>
					<div class="location-div"  style="display:none">
						<div class="col-sm-4">
							<div class="form-group">
								{!! Form::label('store_id', 'Staff :') !!}
								<select name="store_id" class="form-control" id="store_id"> 
									@foreach(App\User::get() as $user) 
									<option value="{{$user->id}}">{{$user->first_name}}</option> 
									@endforeach
								</select>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="form-group">
							{!! Form::label('final_total', 'Amount *') !!}
							{!! Form::number('final_total', null, ['class' => 'form-control', 'id' => 'final_amount' ]); !!}
						</div>
					</div>
					<div class="col-sm-4">
						<div class="form-group">
							{!! Form::label('document', __('purchase.attach_document') . ':') !!}
							{!! Form::file('document', ['id' => 'upload_document']); !!}
							<p class="help-block">@lang('purchase.max_file_size', ['size' => (config('constants.document_size_limit') / 1000000)])</p>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="form-group">
							{!! Form::label('additional_notes', __('expense.expense_note') . ':') !!}
									{!! Form::textarea('additional_notes', null, ['class' => 'form-control', 'rows' => 3]); !!}
						</div>
					</div>
				</div>
				<div class="location-trans-div" style="display:none">
					<div class="col-sm-4">
						<div class="form-group">
							{!! Form::label('deduct', 'Deduct from : *') !!}
							<select name="deduct" class="form-control" id="deduct_location"> 
								<option value="">Select One</option> 
								<option value="bank_account" {{App\Bank::where('created_by', auth()->user()->id)->first() && App\Bank::where('created_by', auth()->user()->id)->first()->opening_balance > 0 ? '' : 'disabled'}}>Bank Account</option> 
								<option value="cash_in_hand" {{App\CashRegister::where('user_id', auth()->user()->id)->where('status', 'open')->first() ? '' : 'disabled'}}>Cash in Hand</option> 
							</select>
						</div>
					</div>
					<div class="col-sm-4 bank_div" style="display:none">
						<div class="form-group">
							{!! Form::label('bank', 'Bank *') !!}
							<select name="bank" class="form-control" id="location-bank"> 
								
							</select>
						</div>
					</div>
					<div class="col-sm-4 staff_div" style="display:none">
						<div class="form-group">
							{!! Form::label('staff_id', 'Staff *') !!}
							<select name="staff_id" class="form-control" id="staff_id"> 
								@foreach(App\User::get() as $user) 
								<option value="{{$user->id}}">{{$user->first_name}}</option> 
								@endforeach
							</select>
						</div>
					</div>
					<div class="col-sm-4 location_from">
						<div class="form-group">
							{!! Form::label('location_from', __('lang_v1.location_from').':*') !!}
							{!! Form::select('location_from', $business_locations, null, ['class' => 'form-control', 'placeholder' => __('messages.please_select'), 'id' => 'location_from']); !!}
						</div>
					</div>
					<div class="col-sm-4 location_to">
						<div class="form-group">
							{!! Form::label('location_to', __('lang_v1.location_to').':*') !!}
							{!! Form::select('location_to', $business_locations, null, ['class' => 'form-control', 'placeholder' => __('messages.please_select'), 'id' => 'transfer_location_id']); !!}
						</div>
					</div>
				</div>
				<div class="bank-transaction-div" style="display:none">
					<div class="col-sm-4">
						<div class="form-group">
							{!! Form::label('bank_id', 'Bank *') !!}
							<select name="bank_id" class="form-control" id="bank_id"> 
								@foreach($accBanks as $bank) 
								<option value="{{$bank->id}}">{{$bank->name. ' - '.$bank->current_balance}}</option> 
								@endforeach
							</select>
						</div>
					</div>
				</div>
				<div class="comman-bank-div" style="display:none">
					<div class="col-sm-4 amount-div">
						<div class="form-group">
							{!! Form::label('amount', 'Amount *') !!}
							{!! Form::number('amount', null, ['class' => 'form-control', 'id' => 'amount' ]); !!}
						</div>
					</div>
					<div class="col-sm-4">
						<div class="form-group">
							{!! Form::label('note', 'Note') !!}
									{!! Form::textarea('note', null, ['class' => 'form-control', 'rows' => 3, 'id' => 'note']); !!}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> <!--box end-->
	<div class="box box-solid payment-method-div" style="display:none;"><!--box start-->
		<div class="box-header">
			<h3 class="box-title">
				@lang('purchase.add_payment')
			</h3>
		</div>
		<div class="box-body payment_row">
			<div class="row">
				<div id="payment_rows_div">
					@foreach($payment_lines as $payment_line)
						
						@if($payment_line['is_return'] == 1)
							@php
								$change_return = $payment_line;
							@endphp

							@continue
						@endif

						@include('sale_pos.partials.payment_row', ['removable' => !$loop->first, 'row_index' => $loop->index, 'payment_line' => $payment_line])
					@endforeach
				</div>
				<input type="hidden" id="payment_row_index" value="{{count($payment_lines)}}">
			</div>
			<div class="row">
				<div class="col-md-12">
					<button type="button" class="btn btn-primary btn-block" id="add-payment-row">@lang('sale.add_payment_row')</button>
				</div>
			</div>
		</div>
	</div>
	<div class="box box-solid"><!--box start-->
		<div class="box-body">
			<div class="col-sm-12">
				<button type="submit" class="btn btn-primary pull-right">@lang('messages.save')</button>
			</div>
		</div>
		
	</div>
{!! Form::close() !!}
</section>
@endsection
@section('javascript')
<script type="text/javascript">
$(document).ready( function(){
	$(document).on('change', '#deduct_from', function () {
		if($(this).val() == 'bank_account')
		{
			$('.bank-div').show();
			$('.location-div').hide();
			$('.payment-type-div').show();
			document.getElementById("bank_id").required = true;
			$("select.payment_types_dropdown option[value='cash']").css("display", "none");
			$("select.payment_types_dropdown option[value='card']").css("display", "");
			$("select.payment_types_dropdown option[value='cheque']").css("display", "");
			$("select.payment_types_dropdown option[value='bank_transfer']").css("display", "");
			$("select.payment_types_dropdown option[value='other']").css("display", "");
		}
		if($(this).val() == 'cash_in_hand')
		{
			$('.bank-div').hide();
			$('.location-div').show();
			$('.payment-type-div').hide();
			document.getElementById("store_id").required = true;
			$("select.payment_types_dropdown option[value='cash']").css("display", "");
			$("select.payment_types_dropdown option[value='card']").css("display", "none");
			$("select.payment_types_dropdown option[value='cheque']").css("display", "none");
			$("select.payment_types_dropdown option[value='bank_transfer']").css("display", "none");
			$("select.payment_types_dropdown option[value='other']").css("display", "none");
		}
	});	

	$(document).on('change', 'input.final_total', function () {
		console.log(11);
		var total = $(this).val();
		$('input.payment-amount').val(total);
	});
	$(document).on('change', 'select#type', function () {
		if($(this).val() == 'Bank Deposit')
		{
			$('.expense-div').hide();
			$('.payment-method-div').hide();
			$('.location-trans-div').hide();
			$('.bank-transaction-div').show();
			$('.comman-bank-div').show();
			$('.amount-div').show();
			$('.location-trans').hide();
			$('.location-expence').show();
			document.getElementById("amount").required = true;
			document.getElementById("note").required = false;
			document.getElementById("deduct_from").required = false;
			document.getElementById("deduct_location").required = false;
			document.getElementById("location_from").required = false;
			document.getElementById("transfer_location_id").required = false;
			document.getElementById("final_amount").required = false;
		}
		if($(this).val() == 'Bank Withdrow')
		{
			$('.expense-div').hide();
			$('.payment-method-div').hide();
			$('.location-trans-div').hide();
			$('.bank-transaction-div').show();
			$('.comman-bank-div').show();
			$('.amount-div').show();
			$('.location-trans').hide();
			$('.location-expence').show();
			document.getElementById("amount").required = true;
			document.getElementById("note").required = false;
			document.getElementById("amount").required = true;
			document.getElementById("note").required = false;
			document.getElementById("deduct_from").required = false;
			document.getElementById("deduct_location").required = false;
			document.getElementById("location_from").required = false;
			document.getElementById("transfer_location_id").required = false;
			document.getElementById("final_amount").required = false;
		}
		if($(this).val() == 'Expense')
		{
			$('.expense-div').show();
			$('.payment-method-div').show();
			$('.location-trans-div').hide();
			$('.bank-transaction-div').hide();
			$('.comman-bank-div').hide();
			$('.amount-div').hide();
			$('.location-trans').hide();
			$('.location-expence').show();
			document.getElementById("amount").required = false;
			document.getElementById("note").required = false;
			document.getElementById("deduct_from").required = true;
			document.getElementById("final_amount").required = true;
		}
		if($(this).val() == 'Location Transfer')
		{
			$('.expense-div').hide();
			$('.payment-method-div').hide();
			$('.location-trans-div').show();
			$('.amount-div').show();
			$('.bank-transaction-div').hide();
			$('.comman-bank-div').show();
			$('.location-trans').show();
			$('.location-expence').hide();
			$('.location_from').show();
			$('.location_to').show();
			document.getElementById("deduct_from").required = false;
			document.getElementById("deduct_location").required = false;
			document.getElementById("location_from").required = true;
			document.getElementById("transfer_location_id").required = true;
			document.getElementById("amount").required = true;
			document.getElementById("note").required = false;
			document.getElementById("location_id").required = false;
			document.getElementById("final_amount").required = false;
		}
	});
	$('button#add-payment-row').click(function () {
		var row_index = $('#payment_row_index').val();
		$.ajax({
			method: "POST",
			url: '/sells/pos/get_payment_row',
			data: { row_index: row_index },
			dataType: "html",
			success: function (result) {
				if (result) {
					var appended = $('#payment_rows_div').append(result);

					var total_payable = __read_number($('input#final_total_input'));
					var total_paying = __read_number($('input#total_paying_input'));
					var b_due = total_payable - total_paying;
					$(appended).find('input.payment-amount').focus();
					$(appended).find('input.payment-amount').last().val(__currency_trans_from_en(b_due, false)).change().select();
					__select2($(appended).find('.select2'));
					$('#payment_row_index').val(parseInt(row_index) + 1);
				}
			}
		});
	});

	$(document).on('click', '.remove_payment_row', function () {
		swal({
			title: LANG.sure,
			icon: "warning",
			buttons: true,
			dangerMode: true,
		}).then((willDelete) => {
			if (willDelete) {
				$(this).closest('.payment_row').remove();
				calculate_balance_due();
			}
		});
	});	
});
$(document).on('change', '#location', function () {
	if($(this).val() == 'all')
	{
		$('.location_from').show();
		$('.location_to').show();
		document.getElementById("location_id").required = false;
	}
	if($(this).val() != 'all')
	{
		$('.location_from').hide();
		$('.location_to').show();
		document.getElementById("location_from").required = false;
		document.getElementById("location_id").required = false;
	}
	$.ajax({
		method: "GET",
		url: "/transaction/get-bank",
		data: {location_id: $(this).val()},
		success: function(result){
			$('select#location-bank').find('option').remove();
			$('select#location-bank')
				.append('<option value="">' + "Select" + '</option>');
			$.each(result, function(i, data) {
				$('select#location-bank')
				.append('<option value="' + data.id + '" >' + data.name + '-' + data.current_balance+'</option>');
			});
			$('select#location-bank').trigger('change');
		}
	});
});

$(document).on('change', '#location_id', function () {
	$.ajax({
		method: "GET",
		url: "/transaction/get-bank",
		data: {location_id: $(this).val()},
		success: function(result){
			$('select#bank_id').find('option').remove();
			$('select#bank').find('option').remove();
			$('select#bank')
				.append('<option value="">' + "Select" + '</option>');
				$('select#bank_d')
				.append('<option value="">' + "Select" + '</option>');
			$.each(result, function(i, data) {
				$('select#bank')
				.append('<option value="' + data.id + '" >' + data.name + '-' + data.current_balance+'</option>');
				$('select#bank_id')
				.append('<option value="' + data.id + '" >' + data.name + '-' + data.current_balance+'</option>');
			});
			$('select#bank_id').trigger('change');
			$('select#bank').trigger('change');
		}
	});
});
$(document).on('change', '#deduct_location', function () {
		if($(this).val() == 'bank_account')
		{
			$('.bank_div').show();
			$('.staff_div').hide();
			$('.payment-type-div').show();
			document.getElementById("bank").required = true;
		}
		else if($(this).val() == 'cash_in_hand')
		{
			$('.bank_div').hide();
			$('.staff_div').show();
			$('.payment-type-div').hide();
			document.getElementById("staff_id").required = true;
		}
		else{
			$('.bank_div').hide();
			$('.staff_div').hide();
			document.getElementById("staff_id").required = false;
			document.getElementById("bank").required = false;
		}
	});	
</script>
@endsection