@extends('layouts.client_template')
@section('content')



<style>
    th{
        text-align: center;        
    }
    td{
        text-align: center;
    }
</style>

    <div class="container spacer">
        <div class="row">
            <div class="col-lg-12">
                <div class="HelpTab">
                    <ul class="nav nav-pills">
                        <li class="nav-item" role="presentation">
							<a class="nav-link demo" href="{{ url('/client/transactionhistory') }}">Transactions History</a>
						</li>
						<li class="nav-item" role="presentation">
							<a class="nav-link demo active" href="{{ url('/client/transferhistory') }}">Transfers History</a>
						</li>        
                    </ul>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="table-responsive table-pborder">
								<table id="transferhistory" class="table table1 table-hover">
									<thead>
										<tr>
											<th>ID</th>
											<th>From Account</th>
											<th>To Account</th>
											<th>Date</th>  
											<th>Amount</th>  
										</tr>
									</thead>
									<tbody>    
										@if(count($transferhistory) > 0)
										@foreach($transferhistory as $transfer)
										<tr>
											<td>{{ $transfer->id }}</td>												
											<td><a href="{{ url('/client/accountoverview')}}/{{ $transfer->from }}">{{ $transfer->from }}</a></td>
											<td><a href="{{ url('/client/accountoverview')}}/{{ $transfer->to }}">{{ $transfer->to }}</a></td>
											<td>{{ $transfer->created_at }}</td>
											<td>
												{{ number_format($transfer->amount, 2) }} USD
											</td>              
										</tr>
										@endforeach
										@endif
									</tbody>                
								</table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection