@extends('admin.layouts.app')

@section('content')
    <div class="row">
        @if($nextPayout)
            <div class="col-xl-4">
            <div class="c-graph-card" data-mh="graph-cards">
                <div class="c-graph-card__content">
                    <h3 class="c-graph-card__title">Next Payout</h3>
                    <p class="c-graph-card__date">Activity from {{$nextPayout->cycle_start_date->toDayDateTimeString()}} to {{$nextPayout->cycle_end_date->toDayDateTimeString()}}</p>
                    <h4 class="c-graph-card__number">NGN 0</h4>
                    <p class="c-graph-card__status">{{ucwords($nextPayout->name)}}</p>
                </div>

                <div class="c-graph-card__chart">
                    <canvas id="js-chart-payout" width="300" height="74"></canvas>
                </div>
            </div>
        </div>
        @endif
        <div class="col-xl-4">
            <div class="c-graph-card" data-mh="graph-cards">
                <div class="c-graph-card__content">
                    <h3 class="c-graph-card__title">Total Deposits</h3>
                    <p class="c-graph-card__date">This Month</p>
                    <h4 class="c-graph-card__number">NGN {{number_format($totalDeposit)}}</h4>
                    <p class="c-graph-card__status">Last Month Deposits: NGN {{number_format($totalDepositLastMonth)}}</p>
                </div>

                <div class="c-graph-card__chart">
                    <canvas id="js-chart-conversion" width="300" height="74"></canvas>
                </div>
            </div>
        </div>

        <div class="col-xl-4">
            <div class="c-graph-card" data-mh="graph-cards">
                <div class="c-graph-card__content">
                    <h3 class="c-graph-card__title">Total Withdrawals</h3>
                    <p class="c-graph-card__date">This Month</p>
                    <h4 class="c-graph-card__number">NGN {{number_format($totalWithdrawal)}}</h4>
                    <p class="c-graph-card__status">Last Month Withdrawals: NGN {{number_format($totalWithdrawalLastMonth)}}</p>
                </div>

                <div class="c-graph-card__chart">
                    <canvas id="js-chart-subscribers" width="300" height="74"></canvas>
                </div>
            </div>
        </div>

    </div>

    <span class="c-divider has-text u-mb-medium">Premium Actions</span>

    <div class="row">

        <div class="col-sm-12 col-lg-6 col-xl-3">
            <a href="{{route('farms.create')}}" style="text-decoration: none;">

            <div class="c-state-card" data-mh="state-cards" style="height: 125px;">

                    <div class="c-state-card__icon c-state-card__icon--info">
                        <i class="fa fa-plus"></i>
                    </div>

                    <div class="c-state-card__content">
                        <p class="c-state-card__number" style="font-size: 21px;">Add Farm Cycle
                        </p>
                        <p class="c-state-card__meta">Total Cycles: <span class="u-text-success">{{$cycleCount}}</span></p>
                    </div>


            </div>
            </a>

        </div><!-- // .col-md-3 -->

        <div class="col-sm-12 col-lg-6 col-xl-3">
            <a href="{{route('generate.emails')}}" style="text-decoration: none;">
                <div class="c-state-card" data-mh="state-cards" style="height: 125px;">
                <div class="c-state-card__icon c-state-card__icon--fancy">
                    <i class="fa fa-pie-chart"></i>
                </div>

                <div class="c-state-card__content">
                    <p class="c-state-card__number" style="font-size: 21px;">Generate Emails

                    </p>
                    <p class="c-state-card__meta">Total Users: <span class="u-text-success">{{$userCount}}</span></p>
                </div>
            </div>
            </a>
        </div><!-- // .col-md-3 -->

        <div class="col-sm-12 col-lg-6 col-xl-3">
            <a href="{{route('toggle-sponsornow')}}" style="text-decoration: none;">
                <div class="c-state-card" data-mh="state-cards" style="height: 125px;">
                <div class="c-state-card__icon c-state-card__icon--warning">
                    <i class="fa fa-toggle-on"></i>
                </div>

                <div class="c-state-card__content">
                    <p class="c-state-card__number" style="font-size: 21px;"> @if(!$settings->canSponsorNow()) Enable  @else Disable @endif Sponsor Now
                    </p>
                    <p class="c-state-card__meta">Status: @if(!$settings->canSponsorNow()) <span class="u-text-danger">Disabled </span>  @else <span class="u-text-success">Enabled</span> @endif</p>
                </div>
            </div>
            </a>
        </div><!-- // .col-md-3 -->

        <div class="col-sm-12 col-lg-6 col-xl-3">
            <a href="{{route('toggle-sponsorbyvestbank')}}" style="text-decoration: none;">
                <div class="c-state-card" data-mh="state-cards" style="height: 125px;">
                <div class="c-state-card__icon c-state-card__icon--success">
                    <i class="fa fa-toggle-on"></i>
                </div>

                <div class="c-state-card__content">
                    <p class="c-state-card__number" style="font-size: 21px;">@if(!$settings->canSponsorViaVestBank()) Enable  @else Disable @endif Vestbank Sponsor
                    </p>
                    <p class="c-state-card__meta">Status: @if(!$settings->canSponsorViaVestBank()) <span class="u-text-danger">Disabled </span>  @else <span class="u-text-success">Enabled</span> @endif</p>

                </div>
            </div>
            </a>
        </div><!-- // .col-md-3 -->

        <div class="col-sm-12 col-lg-6 col-xl-3">
            <a href="{{route('toggle-vestbank')}}" style="text-decoration: none;">
                <div class="c-state-card" data-mh="state-cards" style="height: 125px;">
                    <div class="c-state-card__icon">
                        <i class="fa fa-toggle-on"></i>
                    </div>

                    <div class="c-state-card__content">
                        <p class="c-state-card__number" style="font-size: 21px;">@if(!$settings->canAddFundsToVestBank()) Enable  @else Disable @endif Vestbanking
                        </p>
                        <p class="c-state-card__meta">Status: @if(!$settings->canAddFundsToVestBank()) <span class="u-text-danger">Disabled </span>  @else <span class="u-text-success">Enabled</span> @endif</p>

                    </div>
                </div>
            </a>
        </div><!-- // .col-md-3 -->

    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="c-card c-card--responsive u-mb-medium">
                <div class="c-card__header c-card__header--transparent o-line">
                    <h5 class="c-card__title">Pending Support Requests</h5>
                    <a class="c-card__meta" href="{{route('admin.contact')}}">View all support Request</a>
                </div>

                <table class="c-table u-border-zero">
                    <tbody>
                        @foreach($supportRequests as $request)
                            <tr class="c-table__row">
                                <td class="c-table__cell u-text-mute">{{$request->support_id}}</td>
                                <td class="c-table__cell">{{Str::limit($request->name, 30)}}</td>
                                <td class="c-table__cell u-text-mute">{{Str::limit($request->subject, 30)}}</td>
                                <td class="c-table__cell u-text-right">
                                    <a href="{{route('admin.contact.show', $request->support_id)}}"><span class="c-badge c-badge--small c-badge--info">view</span></a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <div class="col-md-6">
            <div class="c-card c-card--responsive u-mb-medium">
                <div class="c-card__header c-card__header--transparent o-line">
                    <h5 class="c-card__title">Pending Withdrawal Requests</h5>
                    <a class="c-card__meta" href="{{route('admin.withdrawals')}}">View all withdrawal requests</a>
                </div>

                <table class="c-table u-border-zero">
                    <tbody>
                    @foreach($withdrawals as $withdrawal)
                        <tr class="c-table__row">
                            <td class="c-table__cell u-text-mute">{{$withdrawal->transaction->transaction_id}}</td>
                            <td class="c-table__cell u-text-mute">{{$withdrawal->user->fullname}}</td>
                            <td class="c-table__cell u-text-mute">{{$withdrawal->displayAmount}}</td>
                            <td class="c-table__cell u-text-right">
                                <a href=""><span class="c-badge c-badge--small c-badge--info">view</span></a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>

    </div><!-- // .row -->
@endsection