@extends('layouts.dashboard')
@section('content')
    <div class="dashboard-ps pt-5">
        <div class="container-fluid">
            <div class="row no-gutters dashboard-content-wrap mx-2">
                <div class="col-12">
                    <div class="dashboard-maincontent d-flex flex-column p-5">

                        <div class="container-fluid">
                            <div class="row">
                                @if(auth()->user()->hasPrivateSponsorshipReferralCode())
                                    <div class="col-12 col-md-5 col-lg-6">
                                        <div class="ps-content d-flex justify-content-center justify-content-md-start">
                                            <div class="ps-referral p-4">
                                                <h2 class="mb-4">Referrals</h2>
                                                <p class="mb-1">Use this code to invite sponsors:</p>

                                                    <div class="ps-referral-link align-items-center">
                                                        <input type="text" class="referral-code mt-4 mr-4 mr-lg-5" value=" {{auth()->user()->privateSponsorshipReferral->code}}" id="myInput">
                                                        <a href="#" class="copy-btn mt-4">Copy</a>

                                                    </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>

                            <div class="row">
                                <div class="col-12 col-lg-9">
                                    <div class="dashboard-transactions d-flex flex-column mx-4 p-5 my-5">
                                        <h2 class="mb-5">My Private Sponsorships</h2>
                                        <div class="dashboard-transactions-table-wrap table-responsive">
                                            <table class="table table-borderless">
                                                <thead>
                                                  <tr>
                                                    <th scope="col">Date</th>
                                                    <th scope="col">Amount</th>
                                                    <th scope="col" class="text-right">Action</th>
                                                  </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach(auth()->user()->approvedPrivateSponsorships  as $sponsorship)
                                                        <tr>
                                                            <td>
                                                                <div class="table-content d-flex flex-column">
                                                                    <span class="date">{{$sponsorship->created_at->format('d.m.Y')}}</span>
                                                                    <span class="time">{{$sponsorship->created_at->format('H:i')}}</span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="table-content">
                                                                    <span class="text credit">{{$sponsorship->displayamount}}</span>
                                                                </div>
                                                            </td>

                                                            <td>
                                                                <div class="table-content">
                                                                    <a href="{{route('sponsorships', $sponsorship->id)}}" class="text ps-view__btn">View</a>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection