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

@section('content')
<div class="row">
	<div class="col-sm-6">
		<form action="{{url('/')}}/transferImport/save" method="POST" enctype="multipart/form-data">
			@csrf
			<div class="form-group">
				<label>Select provider</label>
				<select name="transfer_provider" class="form-control @error('transfer_provider') is-invalid @enderror" id="transfer_provider">
					<option value="Money Gram">Money Gram</option>
					<option value="Western Union">Western Union</option>
				</select>
			</div>
			<div id="transactionType"></div>
			<div class="form-group">
				<label>Branch</label>
				<select name="branch_id" value="{{ old('branch_id') }}" class="form-control @error('branch_id') is-invalid @enderror">
					@foreach(Auth::user()->branches as $branch)
					<option value="{{$branch->id}}">{{$branch->name}}</option>
					@endforeach
				</select>
			</div>
			<div class="form-group">
				<label>Date</label>
				<input type="date" name="date" value="{{ old('date') ?? date('Y-m-d') }}" class="form-control @error('date') is-invalid @enderror">
			</div>
			<div class="form-group">
				<label>Upload File</label>
				<input type="file" name="file" class="form-control-file">
			</div>
			<button type="submit" class="btn btn-sm btn-success"><i class="fa fa-upload"></i> Upload transactions</button>
		</form>
	</div>
	
</div>
@endsection
@section('scripts')
<script type="text/javascript">
	function type(){
		var transfer_provider=$('#transfer_provider').val();
		if(transfer_provider=='Western Union'){
			$('#transactionType').html('<div class="form-group"><label>Type of transaction</label><select name="type" class="form-control" id="type"><option>Sending Funds</option><option>Receiving Funds</option></select></div>');
		}
		else{
			$('#transactionType').html('');
		}
	}

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

</script>
@endsection