@extends('layouts.dashboard')
@section('content')
    <div class="dashboard-transaction-history">
        <div class="container-fluid">
            <div class="row no-gutters dashboard-content-wrap mx-2">
                <div class="col-12">
                    <div class="dashboard-maincontent">
                        <div class="dashboard-transactions d-flex flex-column mx-4 p-5 my-5">
                            <h2 class="mb-5">Transaction History</h2>

                            @if(auth()->user()->transactions()->count() == 0)
                                <div class="transaction-none mt-3">
                                    <p>You haven’t made any transaction yet.</p>
                                </div>
                            @else

                                <div class="dashboard-transactions-table-wrap mb-5 table-responsive">
                                <table class="table table-borderless">
                                    <thead>
                                      <tr>
                                        <th scope="col">Date</th>
                                        <th scope="col">Status</th>
                                        <th scope="col">Transaction type</th>
                                        <th scope="col" class="">Amount</th>
                                        <th scope="col" class="text-right">Action</th>
                                      </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($transactionslogs as $transaction)
                                            <tr>
                                                <td>
                                                    <div class="table-content d-flex flex-column">
                                                        <span class="date">{{$transaction->created_at->format('d.m.Y')}}</span>
                                                        <span class="time">{{$transaction->created_at->format('H:i')}}</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="table-content d-flex flex-nowrap">
                                                    <span class="txn-icon success mr-4">
                                                        <img src="{{asset( $transaction->status_id == 2 ? 'img/txn-icon-success.svg' : 'img/txn-icon-pending.svg')}}">
                                                    </span>
                                                        <span class="text">{{$transaction->status->name ?? $transaction->transactionable->status->name}}</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="table-content">
                                                        <span class="text">{{$transaction->type}}</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="table-content">
                                                        <span class="text credit">{{$transaction->transactionable->displayamount  ?? $transaction->amount}}</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    @if($transaction->transactionable_type == \App\Models\Bankfunding::class && !$transaction->transactionable->approved())
                                                        <div class="table-content">
                                                            <a href="{{route('funding.delete', $transaction->transactionable->id)}}" class="btn btn-danger">Cancel</a>
                                                        </div>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                            @endif

                            <nav class="dashboard-transactions-pagination" aria-label="Page navigation example mt-4">
                                <ul class="pagination justify-content-center">


                                    <li class="page-item  mr-auto">
                                        <a class="page-link control-btn" href="@if($transactionslogs->previousPageUrl() != null) {{$transactionslogs->previousPageUrl()}} @else # @endif" tabindex="-1" aria-disabled="true">Prev</a>
                                    </li>

                                  <li class="page-item">
                                      <a class="page-link active px-sm-4" href="#">
                                          Page {{$transactionslogs->currentPage()}} of {{$transactionslogs->lastPage()}}
                                      </a>
                                  </li>

                                    <li class="page-item ml-auto">
                                        <a class="page-link control-btn" href="@if($transactionslogs->nextPageUrl() != null) {{$transactionslogs->nextPageUrl()}} @else # @endif">Next</a>
                                    </li>

                                </ul>
                            </nav>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection