@extends('layouts.app')
@section('header')
<div class="header" style="padding:20px;">
	<div class="row">
		<div class="col-sm-9"><h5 style="font-weight: 600;"><i class="fa fa-table"></i> Forex transactions </h5></div>
		<div class="col-sm-3" style="text-align: right;"><h6>{{$forexes->total()}} item(s) in filtered collection</h6></div>
	</div>
<div class="row">
<div class="col-sm-9">
	<form action="{{url('/')}}/filterForex" method="POST">
		@csrf
		<div class="form-row">
		<div class="form-group col-sm-4" style="padding:0px; padding-right: 5px;">
			<label>Select date range</label>
			<input class="form-control" type="text" name="datetimes" value="{{$date['startDate']}} {{$date['startTime']}} - {{$date['endDate']}} {{$date['endTime']}}" autocomplete="off" style="padding: 3px; padding-left: 5px; font-size: 14px; border-color: #aaa !important;" />
        </div>
        <div class="form-group col-sm-3">
        	<label>Select Branch</label>
        	<select name="branch_id" class="form-control">
        		<option value="All">All branches</option>
        		@foreach(Auth::user()->branches as $branch)
        		@if($branch->id == $filters['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 col-sm-3">
        	<label>Transaction Type</label>
        	<select name="type" class="form-control">
        		<option value="All">All types</option>
        		@if($filters['type'] == 'Selling')
        		<option value="Selling" selected="selected">Selling</option>
        		@else
        		<option value="Selling">Selling</option>
        		@endif

        		@if($filters['type'] == 'Buying')
        		<option value="Buying" selected="selected">Buying</option>
        		@else
        		<option value="Buying">Buying</option>
        		@endif
        	</select>
        </div>
        <div class="form-group col-sm-2">
        	<button class="btn btn-md btn-warning" style="margin-top: 30px;"><i class="fa fa-filter"></i> Filter</button>
        </div>
		</div>
	</form>
</div>
<div class="col-sm-3 totals">
	<table class="table no-border table-condensed">
		<tr>
			<th>Buying</th>
			<td>Kes.{{number_format($totalBuying,2)}}</td>
		</tr>
		<tr>
			<th>Selling</th>
			<td>Kes.{{number_format($totalSelling,2)}}</td>
		</tr>
	</table>	
</div>
</div>

</div>
@endsection


@section('content')
<div class="row">
	<div class="col-sm-12">
		<table class="table table-condensed table-bordered table-striped">
			<thead>
				<tr>
					<th>#</th>
					<th>Date</th>
					<th>Customer</th>
					<th>Branch</th>
					<th>Type</th>
					<th>From</th>
					<th>To</th>
					<th>User</th>
					<th></th>
				</tr>
			</thead>
			<tbody>