@extends('admin.layouts.app')

@section('content')
    @php( $name = $sponsor->user->fullname ?? 'No Name Yet')

    <div class="row">
        <div class="col-xl-5">
            <div class="c-card u-p-medium u-mb-medium">

                <div class="u-text-center">
                    <div class="c-avatar c-avatar--large u-mb-small u-inline-flex">
                        <img class="c-avatar__img" src="{{Avatar::create($name)->toBase64()}}" alt="{{$name}}'s Avatar">
                    </div>

                    <h3 class="u-h5">{{$name}}
                        <small class="c-candidate__country">
                            <i class="fa fa-envelope-o"></i>{{$sponsor->user->email}}
                        </small>
                    </h3>
                </div>

                <table class="c-table u-text-center u-pv-small u-mt-medium u-border-right-zero u-border-left-zero">
                    <thead>
                    <tr>
                        <th class="u-pt-small u-color-primary">{{$sponsor->user->farmSponsoredCount()}}</th>
                        <th class="u-pt-small u-color-primary">{{$sponsor->user->depositsCount()}}</th>
                        <th class="u-pt-small u-color-primary">{{$sponsor->user->withdrawals()->count()}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="u-text-mute u-text-xsmall u-pb-small u-text-uppercase">Farm Sponsorships</td>
                        <td class="u-text-mute u-text-xsmall u-pb-small u-text-uppercase">Deposits</td>
                        <td class="u-text-mute u-text-xsmall u-pb-small u-text-uppercase">Withdrawals</td>
                    </tr>
                    </tbody>
                </table>

            </div>

            <div class="c-card u-p-medium u-mb-medium">
                <h5 class="u-mb-medium">Vest Bank Details</h5>

                <table class="c-table u-border-zero">

                    <tbody class="u-pt-medium">

                    <tr class="c-table__row u-border-zero">
                        <td class="c-table__cell u-p-zero u-pb-xsmall u-pt-medium">Balance</td>

                        <td class="c-table__cell u-p-zero u-pb-xsmall u-pt-medium u-text-right">
                            <span class="u-text-mute">{{$sponsor->user->vestbank->balanceForDisplay}}</span>
                        </td>
                    </tr>
                    <tr class="c-table__row u-border-zero">
                        <td class="c-table__cell u-p-zero u-pb-xsmall">Capital</td>
                        <td class="c-table__cell u-p-zero u-pb-xsmall u-text-right">
                            <span class="u-text-mute"> NGN {{number_format($sponsor->user->vestbank->capital)}}</span>
                        </td>
                    </tr>
                    <tr class="c-table__row u-border-zero">
                        <td class="c-table__cell u-p-zero u-pb-xsmall">Return</td>

                        <td class="c-table__cell u-p-zero u-pb-xsmall u-text-right">
                            <span class="u-text-mute"> NGN {{number_format($sponsor->user->vestbank->interest)}}</span>
                        </td>
                    </tr>
                    <tr class="c-table__row u-border-zero">
                        <td class="c-table__cell u-p-zero u-pb-xsmall">Vest For Farm</td>

                        <td class="c-table__cell u-p-zero u-pb-xsmall u-text-right">
                            <span class="u-text-mute">{{$sponsor->user->farmVestingBalance()}}</span>
                        </td>
                    </tr>

                    </tbody>
                </table>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <div class="c-credit-card u-mb-large">
                        <div class="c-credit-card__card">
                            <img class="c-credit-card__logo" src="{{asset('img/payments.png')}}" alt="Visa Logo">
                            <h5 class="c-credit-card__number">Bank Account Details</h5>
                            <p class="c-credit-card__status">Valid Thru **/**</p>
                        </div>

                        <div class="c-credit-card__user">
                            <h3 class="c-credit-card__user-title"> {{$sponsor->user->bank->name}}</h3>
                            <p class="c-credit-card__user-meta">
                                <span class="u-text-mute">Name:</span> {{$sponsor->user->bank->account_name}}
                            </p>
                            <p class="c-credit-card__user-meta">
                                <span class="u-text-mute">Number:</span> {{$sponsor->user->bank->account_number}}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-7">
            <div class="row">
                <div class="col-sm-12 u-mb-large">
                    <div class="c-table-responsive@desktop admin-table-wrap">
                        <table class="c-table">

                            <caption class="c-table__title">
                                Approved Agro Estate Sponsorship
                            </caption>


                            <thead class="c-table__head c-table__head--slim">
                            <tr class="c-table__row">
                                <th class="c-table__cell c-table__cell--head">S/N</th>
                                <th class="c-table__cell c-table__cell--head">Amount Due</th>
                                <th class="c-table__cell c-table__cell--head">Date Due</th>
                                <th class="c-table__cell c-table__cell--head">Status</th>
                            </tr>
                            </thead>

                            <tbody>

                            @foreach($sponsor->getReturnsData() as $key => $data)
                                <tr class="c-table__row ">
                                    <td class="c-table__cell">
                                        {{$key + 1}}
                                    </td>

                                    <td class="c-table__cell">
                                        <div class="o-media">
                                            <div class="o-media__body">
                                                {{$data['amount_due']}}
                                            </div>
                                        </div>
                                    </td>

                                    <td class="c-table__cell">
                                        <div class="o-media__body">
                                            {{$data['date_due']->toFormattedDateString()}}
                                        </div>
                                    </td>

                                    <td class="c-table__cell">
                                        <div class="o-media__body">
                                            {{$data['status']}}
                                        </div>
                                    </td>
                                </tr>
                            @endforeach

                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>

@endsection