@extends('layouts.dashboard')
@section('content')
    <div class="dashboard-marketplace 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">
                            <div class="notice-wrap">
                                <h2><span>i</span> <div>Notice</div> </h2>
                                <p>Please, Do not engage if you are not ready to buy units</p>
                            </div>
                            <h2 class="mb-5">Private Sponsorship Market Place</h2>

                                <div class="dashboard-transactions-table-wrap mb-5 table-responsive">
                                <table class="table table-borderless">
                                    <thead>
                                      <tr>
                                        <th scope="col">S/N</th>
                                        <th scope="col">Owner</th>
                                        <th scope="col">Units</th>
                                        <th scope="col">Amount</th>
                                        <th scope="col" class="text-right">Action</th>
                                      </tr>
                                    </thead>
                                    <tbody>
                                         @foreach($transfers as $key => $transfer)
                                            <tr>
                                                <td>
                                                    <div class="table-content d-flex flex-column">
                                                        {{$key + 1}}
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="table-content d-flex flex-nowrap">
                                                        <span class="text">{{$transfer->sponsorship->user->fullname}}</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="table-content">
                                                        <span class="text credit">{{$transfer->sponsorship->getUnitsViaAmount()}}</span>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="table-content">
                                                        <span class="text credit">{{$transfer->sponsorship->displayamount}}</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="table-content">
                                                        @if(! $transfer->sponsorship->ownedByAuthUser() && ! $transfer->isAlreadyInterestedInPrivateSponsorshipTransfer())
                                                            <a href="{{route('market.showInterest', $transfer->id)}}" class="btn btn-success">Show Interest</a>
                                                        @else
                                                            <a class="btn btn-secondary text-white">Already Interested</a>
                                                        @endif
                                                    </div>
                                                </td>
                                            </tr>
                                         @endforeach
                                    </tbody>
                                </table>
                            </div>

                            @if($transfers->count())
                                <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($transfers->previousPageUrl() != null) {{$transfers->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 {{$transfers->currentPage()}} of {{$transfers->lastPage()}}
                                      </a>
                                  </li>

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

                                </ul>
                            </nav>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection