@extends('admin.layouts.app')

@section('content')
    <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('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 c-state-card__icon--fancy">
                    <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>

    <span class="c-divider has-text u-mb-medium">Deposit Actions</span>
    <div class="row">
        <div class="col-sm-12 u-text-center">
            <div class="c-state u-bg-primary">
                <h3 class="c-state__title"></h3>
                <h4 class="c-state__number">Deposit Requests</h4>
            </div><!-- // c-state -->
        </div>
    </div>

    <div class="row">
            <div class="col-sm-6 col-lg-4">
                <a href="{{route('admin.deposits.approved')}}" style="text-decoration: none;">
                    <div class="c-state">
                        <h3 class="c-state__title">Confirmed Deposits Requests</h3>
                        <h4 class="c-state__number">{{number_format($approvedDepositsCount)}}</h4>
                        <p class="c-state__status">Click to Open</p>
                        <span class="c-state__indicator">
                                    <i class="fa fa-arrow-circle-o-down"></i>
                                </span>
                    </div><!-- // c-state -->
                </a>
            </div>

            <div class="col-sm-6 col-lg-4">
                <a href="{{route('admin.deposits.pending')}}" style="text-decoration: none;">
                    <div class="c-state c-state--success">
                        <h3 class="c-state__title">Pending Deposits Requests</h3>
                        <h4 class="c-state__number">{{number_format($unApprovedDepositsCount)}}</h4>
                        <p class="c-state__status">Click to Open</p>
                        <span class="c-state__indicator">
                                    <i class="fa fa-arrow-circle-o-up"></i>
                                </span>
                    </div><!-- // c-state -->
                </a>
            </div>

            <div class="col-sm-6 col-lg-4">
                <a href="{{route('admin.deposit.paystack')}}" style="text-decoration: none;">
                    <div class="c-state c-state--warning">
                        <h3 class="c-state__title">Paystack Deposits</h3>
                        <h4 class="c-state__number">{{number_format($paystackDepositsCount)}}</h4>
                        <p class="c-state__status">Click to Open</p>
                        <span class="c-state__indicator">
                                    <i class="fa fa-arrow-circle-o-down"></i>
                                </span>
                    </div><!-- // c-state -->
                </a>
            </div>

{{--        <div class="col-sm-6 col-lg-3">--}}
{{--            <div class="c-state c-state--danger">--}}
{{--                <h3 class="c-state__title">New Customers</h3>--}}
{{--                <h4 class="c-state__number">3</h4>--}}
{{--                <p class="c-state__status">Click to Open</p>--}}
{{--                <span class="c-state__indicator">--}}
{{--                            <i class="fa fa-arrow-circle-o-up"></i>--}}
{{--                        </span>--}}
{{--            </div><!-- // c-state -->--}}
{{--        </div>--}}
    </div>
@endsection