@extends('layouts.app')
@section('header')
<div class="header" style="padding:20px;">
<h5 style="font-weight: 600;"><i class="fas fa-dollar-sign"></i> Update money transfer </h5>
</div>
@endsection


@section('content')
<div class="row">
	<div class="col-sm-6">
		<div class="card mb-3">
			<div class="card-body">
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif				
		<form action="{{url('/')}}/transfer/{{$transfer->id}}" method="POST" enctype="multipart/form-data">
			@csrf
			<input type="hidden" name="_method" value="PUT">
			<div class="form-group">
				<label>Customer</label>
				<select name="customer_id" class="form-control @error('customer_id') is-invalid @enderror">
					<option value="{{$transfer->customer->id}}" selected="selected">{{$transfer->customer->name}}</option>
				</select>
			</div>
			<div class="form-group">
				<label>Branch</label>
				<select name="branch_id" class="form-control @error('branch_id') is-invalid @enderror">
					@foreach(Auth::user()->branches as $branch)
					@if($branch->id == $transfer->branch_id)
					<option value="{{$branch->id}}" selected="selected">{{$branch->name}}</option>
					@else
					<option value="{{$branch->id}}">{{$branch->name}}</option>
					@endif
					@endforeach
				</select>
			</div>

			<div class="form-group">
				<label>Type of transaction</label>
				<select name="type" id="type" class="form-control @error('type') is-invalid @enderror">
					@if($transfer->type=='Sending Funds')
					<option selected="selected">Sending Funds</option>
					@else
					<option>Sending Funds</option>
					@endif
					@if($transfer->type=='Receiving Funds')
					<option selected="selected">Receiving Funds</option>
					@else
					<option>Receiving Funds</option>
					@endif
				</select>
			</div>
			<div class="form-row">
			<div class="form-group col-sm-6">
				<label>Date</label>
				<input type="date" name="date" class="form-control @error('date') is-invalid @enderror" value="{{$transfer->date}}">
			</div>
			<div class="form-group col-sm-6">
				<label>Time</label>
				<input type="time" name="time" class="form-control @error('time') is-invalid @enderror" value="{{$transfer->time}}">
			</div>
			</div>
			<div class="form-group">
				<label>Method of transfer</label>
				<select name="transfer_provider_id" class="form-control @error('transfer_provider_id') is-invalid @enderror">
					<option value="">Select provider</option>
					@foreach($transferProviders as $transferProvider)
					@if($transferProvider->id == $transfer->transfer_provider_id)
					<option value="{{$transferProvider->id}}" selected="selected">{{$transferProvider->name}}</option>
					@else
					<option value="{{$transferProvider->id}}">{{$transferProvider->name}}</option>
					@endif
					@endforeach
				</select>
			</div>

			<div class="form-group">
				<label>Transaction Code</label>
				<input type="text" name="number" class="form-control @error('number') is-invalid @enderror" value="{{$transfer->number}}">
			</div>

			<div class="form-group">
				<label>Amount in KES</label>
				<input type="text" name="amount" class="form-control @error('amount') is-invalid @enderror" value="{{$transfer->amount}}">
			</div>

			<div id="address"></div>
			<div class="form-row">
				<div class="col-sm-6">
				  <div class="form-group">
				<label>Country</label>
				<input type="text" name="country" value="{{$transfer->country}}" class="form-control @error('country') is-invalid @enderror">
			    </div>
				</div>
				<div class="col-sm-6">
				 <div class="form-group">
				<label>Operator</label>
				<input type="text" name="operator" value="{{$transfer->operator}}" class="form-control @error('operator') is-invalid @enderror">
				</div>
				</div>
				
			</div>

			<div class="form-group">
				<label>Source of Funds</label>
				<input type="text" name="source_of_funds" class="form-control @error('source_of_funds') is-invalid @enderror" value="{{$transfer->source_of_funds}}">
			</div>
			<div class="form-group">
				<label>Purpose of Transfer</label>
				<input type="text" name="purpose_of_transfer" class="form-control @error('purpose_of_transfer') is-invalid @enderror" value="{{$transfer->purpose_of_transfer}}">
			</div>
			<div class="form-group">
				<label>Reference_number</label>
				<input type="text" name="reference_number" value="{{ $transfer->reference_number }}" class="form-control @error('reference_number') is-invalid @enderror">
			</div>

			<div class="form-group">
				<label>Occupation</label>
				<input type="text" name="occupation" value="{{ $transfer->occupation }}" class="form-control @error('occupation') is-invalid @enderror">
			</div>
			<div class="form-group">
				<label>Relationship</label>
				<input type="text" name="relationship" class="form-control @error('relationship') is-invalid @enderror" value="{{$transfer->relationship}}">
			</div>
			<legend>Complete if there is no sender receiver relationship</legend>
			<div class="form-group">
				<label>How long have they known each other? <small>(include time period)</small></label>
				<input type="text" name="length_of_relationship" value="{{ old('length_of_relationship') ?? $transfer->length_of_relationship}}" class="form-control @error('length_of_relationship') is-invalid @enderror" >
			</div>
			<div class="form-group">
				<label>When and where did they last physically meet? <small>(town, city, country location where they last physically met)</small></label>
				<input type="text" name="last_physical_meet" value="{{old('last_physical_meet') ?? $transfer->last_physical_meet }}" class="form-control @error('last_physical_meet') is-invalid @enderror">
			</div>			

			<div class="form-group">
				<label>For in- law relationship- <small>(name of relative married to sender/receiver)</small></label>
				<input type="text" name="inlaw_relative_name" value="{{old('inlaw_relative_name') ?? $transfer->inlaw_relative_name }}" class="form-control @error('inlaw_relative_name') is-invalid @enderror">
			</div>
			<div class="form-group">
				<label>WHAT IS THE NAME OF THE ACTUAL SENDER?<small>(e.g. Middle East domestic workers sending through employer)</small></label>
				<input type="text" name="actual_sender" value="{{old('actual_sender') ?? $transfer->actual_sender }}" class="form-control @error('actual_sender') is-invalid @enderror">
			</div>

			<legend>If frequent send</legend>
			<div class="form-group">
				<label>Reason for frequent send/receive transactions <small>(can the client explain?)</small></label>
				<textarea name="frequent_send_receive_reason" class="form-control @error('frequent_send_receive_reason') is-invalid @enderror">{{$transfer->frequent_send_receive_reason}}</textarea>
			</div>

			<div class="form-group">
				<label>Upload Supporting documents</label>
				<input type="file" name="supporting_evidence" class="form-control-file @error('supporting_evidence') is-invalid @enderror">
			</div>
			<div class="form-group">
				<label>Additional comments <small>e.g. Reasons for reporting transaction as suspicious.</small></label>
				<textarea name="comments" class="form-control @error('comments') is-invalid @enderror">{{$transfer->comments}}</textarea>
			</div>
			<div class="form-group">
				<label>Compliance comments <small>(escalation response I.E approved/declined/to be monitored/to provide which supporting  documents next time)</small></label>
				<textarea name="compliance_comments" class="form-control @error('compliance_comments') is-invalid @enderror">{{$transfer->compliance_comments}}</textarea>
			</div>

			@if(config('app.local') == true)
			<input type="hidden" name="local" value="1">
			@endif
			<div class="form-group">
				<button type="submit" class="btn btn-sm btn-warning"> <i class="fa fa-edit"></i> Update transaction </button>
			</div>
		</form>
	</div>
</div>
	</div>
</div>
@endsection

@section('scripts')
<script type="text/javascript">

	$(document).ready(function() {
		setAddress();
	});

	$(document).on('change', '#type', function(){
    	setAddress();
    });

	function setAddress(){
	var type=$('#type').val();
	var typeAddress;
	if(type=='Sending Funds'){
		typeAddress='<div class="form-group"><label>Sending To</label><input type="text" name="sending_to_name" class="form-control @error("sending_to_name") is-invalid @enderror" value="{{$transfer->sending_to_name}}"></div><div class="form-row"><div class="form-group col-sm-4"><label>Sending To Address</label><input type="text" name="sending_to_address" class="form-control @error("sending_to_address") is-invalid @enderror" value="{{$transfer->sending_to_address}}"></div><div class="form-group col-sm-4"><label>Phone</label><input type="text" name="sending_to_phone" class="form-control @error("sending_to_phone") is-invalid @enderror" value="{{$transfer->sending_to_phone}}"></div><div class="form-group col-sm-4"><label>Email</label><input type="text" name="sending_to_email" class="form-control @error("sending_to_email") is-invalid @enderror" value="{{$transfer->sending_to_email}}"></div></div>';
	}
	else if(type == 'Receiving Funds'){
		typeAddress='<div class="form-group"><label>Receiving From</label><input type="text" name="receiving_from_name" class="form-control @error("receiving_from_name") is-invalid @enderror" value="{{$transfer->receiving_from_name}}"></div><div class="form-row"><div class="form-group col-sm-4"><label>Receiving From Address</label><input type="text" name="receiving_from_address" class="form-control @error("receiving_from_address") is-invalid @enderror" value="{{$transfer->receiving_from_address}}"></div><div class="form-group col-sm-4"><label>Phone</label><input type="text" name="receiving_from_phone" class="form-control @error("receiving_from_phone") is-invalid @enderror" value="{{$transfer->receiving_from_phone}}"></div><div class="form-group col-sm-4"><label>Email</label><input type="text" name="receiving_from_email" class="form-control @error("receiving_from_email") is-invalid @enderror" value="{{$transfer->receiving_from_email}}"></div></div>';		
	}
	 
	$('#address').html(typeAddress);
	}
	
</script>
@endsection